/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}*//*Comment this line due to Over write USer Edit Profile Pages*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*font*/
body{ font-family: arial;}
img{max-width:100%;height:auto;}
a{text-decoration:none;outline:none;cursor:pointer;}
p{line-height:1.3;}
button{cursor: pointer;}
body{
margin: 0;
padding: 0;
background-color: #000;
font-family: Arial, sans-serif;
font-size: 1em;
}
ul{
margin: 0;
padding: 0;
}
sup{
font-size: smaller;
vertical-align: top;
}
@font-face {
font-family: "HOUSTERR";
src: url("/Static/fonts/HOUSTERR.eot");
src: url("/Static/fonts/HOUSTERR.eot?") format("embedded-opentype"), url("/Static/fonts/HOUSTERR.woff") format("woff"), url("/Static/fonts/HOUSTERR.ttf") format("truetype");
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'YellowBalloon';
src: url("/Static/fonts/YellowBalloon.eot");
src: url("/Static/fonts/YellowBalloon.eot?") format("embedded-opentype"), url("/Static/fonts/YellowBalloon.ttf") format("truetype"), url("/Static/fonts/YellowBalloon.woff") format("woff"), url("static/fonts/YellowBalloon.svg#HW_2.0_icons") format("svg");
font-weight: normal;
font-style: normal;
}
#globalHeader{
width: 100%;
top: 0;
left: 0;
right: 0;
max-height: 30px;
}
#globalHeader .global-header-bg{
width: 100%;
height: 31px;
top: 0;
left: 0;
right: 0;
background: url(/Static/images/GA/global_header_bg.png) repeat-x;
position:relative;
}
#globalHeader .global-header-bg .global-header-container{
width: 1000px;
height: 31px;
margin: 0 auto;
}
.global-header-container > ul{
margin-left: 57px;
position: absolute;
top: 3px;
margin-top: 0;
}
.global-header-container ul li{
display: inline-block;
padding: 0 10px 0 10px;
border-right: 1px solid #FF0900;
}
.global-header-container ul li:last-child{
border-right: none;
}
.global-header-container ul li a{
font-family: 'LeagueGothic', Arial, sans-serif;
color: #FF0900;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
#main{
margin: 0 auto;
/* padding: 30px 0px 0px 0px; */
}
#headerContent header{
margin-top: 30px;
}
.login-information .float-left ul{
list-style: none;margin:0;
}
.login-information .float-left ul li{
display: inline-block;
font-family: "LucidaGrande",Arial,sans-serif;
width: auto;
min-height: 30px;
/* vertical-align: top; */
}
.login-information .float-left ul li>a{
padding: 5px 0px;
}
.login-information .login-status .drop-down-menu li{
display: block;
padding: 3px 0px;
min-height: 10px;
}
.login-information .login-status .login-profile{
position: relative;
width: 93px;
}
.before-login li:nth-child(2) > a, .login-information .login-status .login-profile > a{
border-right: 2px solid #303030;
border-left: 2px solid #303030;
margin: 10px 0px;
}
.login-information .login-status .login-profile.active{
background: #ec008c;
}
header > div {
/* margin-top: 30px; */
}
#headerContent .mh-logo-container a{
display: inline-block;
position: relative;
z-index: 999;
}
.login-information .login-status .login-profile.active .drop-down-menu{
display: inline-block;
}
.login-information .login-status .drop-down-menu {
position: absolute;
border: 2px solid #363636;
width: 95%;
display: none;
padding-bottom: 2px;
left: 0;
top: 100%;
}
.login-information .float-left>ul>li>a>span{
padding: 11px 0px;
}
.login-information .login-status .drop-down-menu li:hover a {
color: #cc0079;
}
.login-information .login-status .drop-down-menu li a {
text-decoration: none;
color: #e9e9e9;
text-decoration: none;
font-size: 11px;
font-family: "LucidaGrande",Arial,sans-serif;
padding: 3px 0px 3px 0px;
font-weight: bold;
text-align: center;
display: block;
}
.login-information .float-left>ul>li>a,.login-profile>a{
color: #00a3da;
text-decoration: none;
font-size: 11px;
font-family: "LucidaGrande",Arial,sans-serif;
padding: 0px 10px 0px 10px;
display: inline-block;
}
.login-information .login-status .login-profile.active>a{
border: none;
}
.hide{
display: none;
}
.show{
display: block;
}
.login-information .float-left ul li:last-child a{
border-right: none;
}
.login-information .float-left>ul:first-child>li:first-child a{
background: url('/Static/images/GA/shopping_list_icon.png') no-repeat left;
padding: 3px 10px 1px 18px;
background-position: -1px;
}
.login-information .float-left .before-login>li:first-child a{
padding: 6px 16px 6px 20px;
background: url('/Static/images/GA/shopping_list_icon.png') no-repeat left;
background-position: -1px;
}
.login-information .float-left ul li a .shopping-list span{
color: #fff;
}
.top-nav-section .login-information .float-right img{
/*margin-top: 10px;*/
}
.login-information .float-left ul.login-status{
padding: 0px 0px 0px 13px;
}
.login-information .login-status .login-profile.active>a{
background: #ec008c;
}
#headerContent{
z-index: 99;
background: url('/Static/images/GA/Header-tile.png');
width: 100%;
background-repeat: repeat-x;
display: inline-block;
padding: 30px 0px 0px 0px;
background-size: auto 100%;
position: relative;
height:119px;
}
#headerContent header{
width: 100%;
margin: 0 auto;
z-index: 999;
}
.rwd-ga #headerContent header{
width: 1000px;
padding-top:2px
}
#globalHeader+#main>#headerContent {
height: 150px;
}
/*This class will apply to the header in all the other pages except landing page*/
#content-area #headerContent > header{
height: 160px;
}
.shop-link{
/*position: absolute;
top: 7px;
margin-left: 15px;
font-family: 'LeagueGothic', Arial, sans-serif;
color: #FF0900;
font-size: 14px;
text-decoration: none;
font-weight: bold;*/
}
.social-links{
float: left;
}
.social-links li{
list-style: none;
display: inline-block;
padding-right: 28px;
}
.login-information{
float: right;
/* display: inline-block; */
}
.login-information .float-left>ul>li>a>span.my-profile{
background: url(/Static/images/GA/myprofile_downarrow.png) no-repeat left ;
padding: 0 0px 0px 13px;
display: inline-block;
padding-right: 2px;
}
.float-left{
float: left;
}
.float-right{
float:right;
}
.clear-both{
clear: both;
}
.nav-menu li a img{
/* padding-right: 8px;
margin-top: -9px;
vertical-align: bottom;*/
}
.nav-menu li a{
display: inline-block;
}
.nav-menu li a span{
display: table-cell;
vertical-align:middle;
}
.nav-menu{
background-image: url(/Static/images/GA/nav_back.png);
width: 100%;
height: 44px;
margin: 0 auto;
margin-top: -10px;
position: absolute;
z-index: 999;
background-size: 100%;
background-repeat: no-repeat;
text-align: center;
padding-left:0;
}
.rwd-ga .nav-menu{
width: 1000px;
}
.nav-menu .about-menu>a{
/*background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -9px;*/
background:url(/Static/images/GA/about_icon.png) no-repeat left top;
padding-left: 25px;
background-size: auto 100%;
}
.nav-menu .videos-menu>a{
/*background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -80px;*/
background:url(/Static/images/GA/video_icon.png) no-repeat 13px 3px;
/*margin-left: 16px;*/
padding-left: 47px;
background-size: auto 100%;
}
.nav-menu .games-menu>a{
/*background:url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -140px;*/
background:url(/Static/images/GA/game_icon.png) no-repeat 13px 3px;
/* margin-left: 16px;*/
padding-left: 54px;
background-size: auto 100%;
}
.nav-menu .shop-menu>a{
/*background:url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -198px;*/
background:url(/Static/images/GA/shop_icon.png) no-repeat 13px top;
padding-left: 43px;
background-size: auto 100%;
}
.nav-menu .more-menu>a{
background: url(/Static/images/GA/more-icon.png) no-repeat 13px 8px;
padding-left: 45px;
}
.nav-menu .characters-menu>a{
/*background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -260px;*/
background:url(/Static/images/GA/characters_icon.png) no-repeat 13px top;
padding-left: 46px;
background-size: auto 100%;
}
/*Newly Added Students Menu For da-dk START*/
.nav-menu .students-menu>a{
background:url(/Static/images/GA/characters_icon.png) no-repeat 13px 3px;
padding-left: 46px;
background-size: auto 100%;
}
/*Newly Added Students Menu For da-dk END*/
.nav-menu>li>a{
border-left: 2px solid #005e7e;
padding-right: 25px;
min-height: 22px;
margin-top: 11px;
margin-bottom: 8px;
}
.nav-menu>li:first-child>a{
border: none;
margin-left: 25px;
}
.nav-menu li a{
font-family: "YellowBalloon",Arial,sans-serif;
font-size: 18px;
font-weight: 100;
}
nav .mobile-btn{
display: none;
}
.nav-menu>li
{
vertical-align: top;
}
.nav-menu li{
list-style: none;
display: inline-block;
/* padding-right: 9px;
margin-top: 12px; */
font-size: 18px;
font-family: "YellowBalloon",Arial,sans-serif;
font-weight: bold;
margin-right: -6px;
}
.nav-menu li .sub-nav-content li{
margin-top: 14px;
}
.nav-menu li a{
text-decoration: none;
color: #FFF;
vertical-align: top;
position:relative;
display: table;
}
.mh-logo-container{
text-align: center;
/* margin: 30px 0px; */
/* vertical-align: bottom; */
display: inline-block;
width: 98%;
}
.rwd-ga .mh-logo-container{
/*width: 1000px;*/
}
.mh-logo-container a img{
margin-top: -16px;
display: inline-block;
margin: -37px 20px 27px 0px;
}
#cda{
width: 1280px;
margin: 0 auto;
margin-top: -16px;
overflow: hidden;
}
#cda sup {
font-size: 0.5em !important
}
#cda ul{
display: inline-flex;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
}
#cda ul li.cda-content{
text-align: center;
}
#cda .flexslider .flex-viewport{
/*z-index: -1;*/
}
.cda-content a{
display: inline-block;
}
#cda ul li{
list-style: none;
display: inline-block;
}
.new-release{
background: url(/Static/images/GA/CDACopytext.png) no-repeat center bottom;
width: 365px;
/*height: 93px;*/
}
.new-release>div{
background:rgba(215,0,118,0.89);/*#ec008c;*/
margin-bottom: 7px;
padding: 1px 10px 12px 10px;
}
.new-release span.cda-arrow{
background: url(/Static/images/GA/rightarrow.png) no-repeat 100%;
/*width: 12px;
height: 12px*/
display: inline-block;
width: 12px;
height: 24px;
position: absolute;
right: 5px;
top: 38%;
}
#cda li.cda-content .new-release span.title{
display:block;
margin-top: 11px;
font-size:1.2em;
font-weight: bold;
}
#cda li.cda-content .new-release span.release-desc{
display: inline-block;
font-size: 1.3em;
width: 95%;
font-weight: normal;
}
#cda .flexslider{
position: relative;
/*text-align: center;*/
/*JIRA MNH-1463*/
width: 100%;
display: inline-block;
/* */
}
.cda-content .promo-content{
position:relative;
z-index: -1;
}
.cda-content .promo-content .new-release{
position:absolute;
display: inline-block;
z-index: 999;
/*bottom: 22%;*/
/*right: 12%;*/
color: #FFF;
line-height: 1.3;
text-align: left;
opacity: 0.9;
}
.flex-control-nav.flex-control-paging li{
list-style: none;
display: inline-block;
margin: 5px;
}
.flex-control-nav.flex-control-paging li a{
width: 10px;
height: 10px;
border-radius: 10px;
background: #19acde;
border: #ffffff 3px solid;
font-size: 0px;
display: inline-block;
box-shadow: 1px 0px 4px #19acde;
cursor: pointer;
}
.flex-control-nav.flex-control-paging li a.flex-active{
background: #dc298b;
border: #ffffff 5px solid;
box-shadow: 1px 2px 0px #dc298b;
border-radius: 20px;
}
.flex-control-nav.flex-control-paging{
position: absolute;
bottom: 7%;
/*left: 44%;*/
/*JIRA MNH-1463*/
width: 100%;
/**/
text-align: center;
/* margin: 0 auto; */
display: inline-block;
}
.main-nav .sub-nav {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
width: 980px;
height: 148px;
}
#deviceNav{
display: none;
}
.nav-menu .flex-direction-nav li{
float: right;
}
.nav-menu .flex-direction-nav li:first-child{
float: left;
}
.nav-menu .flex-direction-nav li a.flex-prev{
background: url('/Static/images/GA/leftarrow.png') no-repeat !important;
width: 12px;
height: 29px;
font-size: 0;
left: -20px;
}
.nav-menu .flex-direction-nav li a.flex-next{
background: url('/Static/images/GA/rightarrow.png') no-repeat !important;
width: 12px;
height: 29px;
font-size: 0;
}
.nav-menu .flex-direction-nav{
position: absolute;
top: 31%;
width: 100%;
}
#headerContent header .sub-nav {
z-index: 1002;
position:absolute;
width: 100%;
text-align: center;
left: 2px;
background: url('/Static/images/GA/subnavbg.png');
padding-bottom: 20px;
display: none;
background-repeat: no-repeat;
background-size: 100%;
height: auto;
margin-top: -3px;
}
.rwd-ga header .nav-menu .sub-nav{
width:1000px;
}
#headerContent header li.active .sub-nav{
display:block;
}
#headerContent header .sub-nav .sub-nav-content{
width: 84%;
margin:8px 0;
position: relative;
display: inline-block;
}
.top-picks{
position: absolute;
left: 20px;
top: 50px;
text-align: right;
font-weight: bold;
}
.sub-nav-items {
list-style: none;
margin: 0;
padding: 0;
/*width: 980px;*/
position: relative;
padding-bottom: 10px;
}
.sub-nav-items li {
display: inline-block;
/* margin: 16px 40px 11px 16px;*/
font-size: 0.625em;
text-transform: uppercase;
vertical-align: top;
margin-left:20px;
}
.sub-nav-items li a {
color: #FFF;
font-weight: normal;
vertical-align: top;
line-height: 1.3125;
font-size: 1.2em;
font-family: "LucidaGrande",Arial,sans-serif;
display:inline-block;
}
.flex-viewport .sub-nav-items li{
margin-left: 0px;
margin: 0 auto;
}
.nav-menu>li:hover{
background: url('/Static/images/GA/top_nav_rollover.png');
background-size: 100%;
}
.nav-menu>li.expend-icon:hover{
background: url('/Static/images/GA/top_nav_selectbg.png');
background-size: 100%;
}
.nav-menu>li.tabActive,.nav-menu>li.tabActive:hover{
background-color: #664A9E;
}
.nav-menu>li.expend-icon:hover
.nav-menu>li:hover>a{
border: none;
margin-left:2px;
}
.nav-menu>li:hover+li>a{
border: none;
margin-left:2px;
}
.nav-menu>li:hover:first-child>a{
margin-left: 25px;
}
#grid ul.grid-wrapper img{
max-width: 100%;
box-shadow: 3px 3px 0px #00516c;
}
.sub-nav-items .thumb {
display: block;
margin-bottom: 10px;
border-width: 2px;
width: 225px;
height: 125px;
}
.sub-nav .more {
position: absolute;
right: 20px;
top: 40px;
cursor: pointer;
text-transform: uppercase;
color: #000;
font-size: 0.75em;
font-weight: bold;
}
#headerContent header .game-menu .sub-nav{
margin-top: 31px;
}
/* Characters section start here */
#charSection{
width: 1000px;
margin: 0 auto;
/* text-align: center; */
/* padding: 0 15px; */
}
#mainContent{
background: url(/Static/images/GA/Logo.png),url(/Static/images/GA/Body-tile.png);
padding-top: 60px;
margin-top: -49px;/*110px*/
background-repeat: no-repeat,repeat-x;
background-position: top center;
position: relative;
z-index: 7;
float:left;
width:100%;
}
#charSection div.char-item:first-child{
margin-right: 40px;
margin-left: 1.5%;
}
#charSection .char-item{
width: 46.5%;
/* padding-bottom: 13px; */
/* display: inline-block; */
/* margin: 0px; */
/* padding: 0px; */
float: left;
margin-bottom: 30px;
}
#charSection .char-item .characters{
margin-left:38px;
}
.char-item .header-frame {
margin-top:10px;
}
.char-item .frame-line{
width:92%;
height: 2px;
float:left;
}
.char-item .header-frame .frame-line{
background: #005e7e;
margin-top: 11px;
}
.char-item .corner-frame{
width:16px;
height:13px;
float:left;
}
.char-item .footer-frame .frame-line{
margin-top: 0px;
background: #005e7e;
}
.char-item.start-here .header-frame .left-frame{
background:url('/Static/images/GA/starttopleftframe.png') no-repeat;
}
.char-item.start-here .header-frame .frame-line{
background:#66083c;
}
.char-item.start-here .header-frame .right-frame{
background:url('/Static/images/GA/starttoprightframe.png') no-repeat;
}
.char-item.start-here .footer-frame .left-frame{
background:url('/Static/images/GA/startbottomleftframe.png') no-repeat;
}
.char-item.start-here .footer-frame .frame-line{
background:#66083c;
}
.char-item.start-here .footer-frame .right-frame{
background:url('/Static/images/GA/startbottomrightframe.png') no-repeat;
}
.char-item.characters .header-frame .left-frame{
background:url('/Static/images/GA/chartopleft.png') no-repeat;
}
.char-item.characters .frame-line{
background:#005e7e;
}
.char-item.characters .header-frame .right-frame{
background:url('/Static/images/GA/cartopright.png') no-repeat;
}
.char-item.characters .footer-frame .left-frame{
background:url('/Static/images/GA/carbottomleft.png') no-repeat;
}
.char-item.characters .footer-frame .right-frame{
background:url('/Static/images/GA/carbottomright.png') no-repeat;
}
.char-item .char-content{
/* padding: 35px 0px; */
width:100%;
display:inline-block;
}
.char-item .char-content a{
text-decoration: none;
}
.char-item .content-right .title{
font-family: "YellowBalloon",Arial,sans-serif;
font-weight: bold;
font-size: 2em;
margin: 0px;
}
.char-item .content-right span{
color:#fff;
}
.char-item.start-here .content-right .title{
color: #d8127e;
}
.char-item .content-left {
margin: 35px 25px 36px 25px;
}
.char-item .content-right{
width:76%;
text-align: left;
padding: 35px 0;
line-height: 1.4;
}
.char-item.characters .content-right .title{
color: #00a3da;
}
.char-item .char-content .char-nav span.right-arrow{
background: url('/Static/images/GA/rightarrow.png') no-repeat;
width: 12px;
height: 22px;
float: right;
margin-top: 7%;
margin-right: 40px;
}
/* Characters section End here*/
/*Persistent Tiles Start Here */
#persistentTile{
width: 1000px;
margin: 0 auto;
clear: both;
}
#persistentTile .tile{
position:relative;
margin-left: 14px;
float: left;
max-width: 324px;
margin-bottom: 30px;
box-shadow: 2px 2px 0 #6c083f;
}
#persistentTile .tile:first-child{
margin-left: 0px;
}
#persistentTile .tile .tiles-content{
position:absolute;
background:rgba(215,0,118,0.89);/*#d70076;*/
width:100%;
bottom: 0px;
height: 62px;
/* padding: 1px; */
}
#persistentTile .tile .tiles-content span{
color: #fff;
font-size: 1.5em;
background: url(/Static/images/GA/rightarrow.png) no-repeat 100%;
font-weight: bold;
display: block;
margin: 17px 20px 20px 20px;
cursor: pointer;
font-family: "LucidaGrande",Arial,sans-serif;
}
#persistentTile .tile .tiles-content span a{
color:#fff;
text-decoration: blink;
}
/*Persistent Tiles End Here */
/* Loyalty Program section start here */
#lPrograms{
width: 1000px;
margin:0 auto;
}
#lPrograms .corner-frame{
width:16px;
height:13px;
float:left;
}
#lPrograms .footer-frame,#lprograms .header-frame {
display: inline-block;
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
}
#lPrograms .header-frame .left-frame{
background:url('/Static/images/GA/signuptopleft.png') no-repeat;
}
#lPrograms .header-frame .right-frame{
background:url('/Static/images/GA/signuptopright.png') no-repeat;
}
#lPrograms .footer-frame .left-frame{
background:url('/Static/images/GA/signupbottomleft.png') no-repeat;
}
#lPrograms .footer-frame .right-frame{
background:url('/Static/images/GA/signupbottomright.png') no-repeat;
}
#lPrograms .frame-line{
width:92%;
background:#5b4288;
height:2px;
float:left;
}
#lPrograms .header-frame .frame-line{
margin-top:11px;
}
#lPrograms .lp-signup{
display: inline-block;
width: 97%;
margin: 0px 1.5%;
/* text-align: center; */
}
#lPrograms .mail-icon{
background:url('/Static/images/GA/mailicon.png') no-repeat;
height:15px;
width:20px;
margin-top: 2%;
float: left;
margin-left: 19%;
}
.input-filed{
border-bottom: 2px solid #005e7e;
display: inline-block;
margin: 0px;
padding-top: 2px;
vertical-align: top;
width: 30%;
}
.input-filed #enter_email{
border:0px;
background:rgba(255,255,255,0);
color:#005e7e;
font-weight:bold;
width: 100%
}
.signup-btn{
background:url('/Static/images/GA/signupbtn.png') no-repeat;
width:96px;
height:37px;
display:inline-block;
margin: 9px 30px;
}
#lPrograms .loyalty-content h3{
padding: 19px 12px 22px 12px;
/* margin-top: 1.2%; */
font-family: 'YellowBalloon',Arial,sans-serif;
font-size: 1em;
float: left;
}
/* Loyalty Program section end here */
/* Filter Section Start Here */
#instagramHeader{
display: inline-block;
text-align: center;
background:url('/Static/images/GA/instagram_head_bg.png') no-repeat;
width: 83%;
/* margin-bottom: 5px; */
height: 72px;
margin: 0 8.5%;
}
#instagramHeader h1{
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
font-size: 1em;
padding-top: 15px;
}
#instagramHeader span{
color: #ffffff;
text-align: center;
}
#filterSection{
display: inline-block;
width: 100%;
background-position-x: 97%;
z-index: 13;
position: relative;
}
#filterSection .content-section{
width: 1000px;
margin:0 auto;
}
#filterSection .content-section .filter-Msg-Box{
width: 300px;
margin-right: 20%;
background: url('/Static/images/GA/filtermsgbox.png') no-repeat;
background-size: 100% 100%;
padding: 10px 50px;
display: none;
}
.filter-nav-content{
width: 80%;
clear: both;
margin: 0 auto;
}
#filterSection .filter-nav-content span.filter-title{
display:block;
}
#filterSection .filter-nav-content .filter-nav{
list-style:none;
}
#filterSection .filter-nav-content .filter-nav li{
display:inline-block;
}
#filterSection .filter-nav-content .filter-nav li a{
text-decoration:blink;
color:#00a3da;
font-size:1.5em;
padding:16px 34px;
}
#filterSection .filter-nav-content .filter-nav li:first-child a{
padding:16px 0px;
}
#filterSection .filter-nav-content .filter-nav li.active a{
text-decoration:underline;
color:#d0dc47;
font-size:1.7em;
}
/* Filter Section End Here */
/* Grid start here */
#grid{
width: 100%;
margin: 75px auto 0px auto;
display: inline-block;
text-align: center;
}
#grid .grid-wrapper{
list-style:none;
display:inline-block;
width: 83%;
margin: 0px 8.5% 40px 8.5%;
}
#grid .grid-wrapper li.grid{
display:inline-block;
}
#grid .grid-wrapper li.grid ul{
list-style:none;
}
#grid .grid-wrapper li.grid ul li{
float: right;
}
#grid .grid-wrapper li.grid ul li{
margin: 0 13px 0 0;
}
#grid .grid-wrapper li.grid ul li.big-img{
width: 65.6%;
margin: 13px 0 0 0;
}
#grid ul.grid-wrapper .grid li.row:nth-child(2) li.small-img:first-child{
margin: 13px 0px 0 0;
}
#grid ul.grid-wrapper .grid li.row:nth-child(2) li.small-img{
margin-top: 13px;
}
/*ul.grid-wrapper li.grid li.row:first-child li.small-img{
margin-right: 3px;
margin-bottom: 3px;
}*/
/*ul.grid-wrapper li.grid li.row:last-child li.small-img{
margin-right: 3px;
}
ul.grid-wrapper li.grid li.row:last-child li.small-img:first-child{
margin-right: 0px;
}*/
#grid .grid-wrapper li.grid ul li.small-img{
width: 32%;
margin-top: 10px;
}
/*#grid .grid-wrapper li.grid ul li.medium-img{
width:551px;
}*/
/*Grid end here */
/* Footer section Start here */
#bottomContent{
/* position:relative;
width:100%;
text-align:center;
z-index: 4;
margin-top: 78px;
background: url(/Static/images/GA/bottomcontentbg.png) repeat;*/
position: relative;
width: 100%;
text-align: center;
z-index: 4;
margin-top: 0px;
background: url(/Static/images/GA/Body-tile.png) no-repeat 0px bottom;
border: 0px solid;
clear: both;
background-size: 100%;
}
#mainContent .doll{
position:relative;
display: inline-block;
width: 100%;
z-index: 9;
}
#mainContent .doll img{
position: absolute;
top: 0;
/* max-width: 34%; */
}
.bottom-content ul{
list-style: none;
}
#bottomContent .bottom-content {
width:80%;
margin: 0px auto 0 auto;
padding: 0;
}
/*Temproarily hide the instagram navigation icon.
This will be removed when we implemeting the functionality*/
#bottomContent .bottom-content div:first-child img{
visibility: hidden;
}
#bottomContent .bottom-content .mh-logo{
margin-top: 282px;
margin-bottom:25px;
}
#bottomContent .bottom-content .social-link li{
display:inline-block;
margin: 0px 16px;
}
#bottomContent .bottom-content .social-link{
display:inline-block;
margin-top: 125px;
}
#bottomContent .bottom-content .social-link ul{
border-bottom: 2px solid #252525;
padding-bottom: 30px;
}
#copyRight{
margin-top: 30px;
}
#copyRight ul{
}
#copyRight ul li{
font-family:"LucidaGrande",Arial,sans-serif;
font-size: 0.8em;
color: #636363;
margin-bottom: 8px;
}
#copyRight ul li span{
color: #00a3da;
padding-left: 5px;
}
#copyRight ul li:last-child{
margin-top: 28px;
}
#copyRight ul li span.border-right{
border-right: 3px solid #323232;
padding-right: 5px;
}
.ga-footer ul.ft-row-wrap.first{
border: none !important;
}
.ga-footer ul.ft-row-wrap{
border:none !important;
}
.ga-footer ul.ft-row-wrap li.ft-list-container{
border: none !important;
}
.ga-footer ul.ft-row-wrap li.ft-list-container a{
text-decoration: none;
}
.ga-footer ul{
list-style: none;
}
.ga-footer ul.ft-row-wrap li.ft-list-container .first a{
color: #FFF;
}
.ga-footer ul.ft-row-wrap li.ft-list-container a{
font-family: 'LucidaGrande','Arial','sans-serif';
font-size: 11px;
color: #00a3da;
}
div.country-drop-down-container{
text-align: center;
margin-top: 5px;
}
#edit-lang-dropdown-select_title{
min-height: 14px;
padding-top: 2px;
text-align: left;
padding-left: 6px;
font-family:'Arial','sans-serif';
padding-bottom: 2px;
}
div.country-drop-down-container #edit-lang-dropdown-select_child{
border: none;
}
div.country-drop-down-container > div{
display: inline-block;
}
div.country-drop-down-container #edit-lang-dropdown-select_title{
background-color: #d6f2fb;
color: #000;
border-top: 1px solid #CCDDFF;
background-image: url('/CatalogContent/img/home/barbie/wishlist/dropDownArrow.jpg');
background-repeat: no-repeat;
background-position: right;
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
div.country-drop-down-container #edit-lang-dropdown-select_child{
background-color: #FFF;
border: 0px solid #7f9db9;
width: 163px !important;
}
div.country-drop-down-container #edit-lang-dropdown-select_child ul li:hover{
background-color: #1e90ff !important;
}
div.country-drop-down-container #edit-lang-dropdown-select_child ul li a{
color: #000;
}
div.country-drop-down-container #edit-lang-dropdown-select_child ul li a:hover{
background-color: #1e90ff !important;
}
#collapseBtn{
margin: 45px 0px 27px 0px;
display: inline-block;
}
#collapseBtn a{
text-decoration: none;
color: #b7b7b7;
font-family:"LucidaGrande",Arial,sans-serif;
font-size: 0.8em;
background-position-y: 17px;
height: 26px;
display: block;
cursor: pointer;
}
#collapseBtn a.collapse-footer-arrow{
background: url(/Static/images/GA/collapsearrow.png) no-repeat center bottom;
}
#collapseBtn a.expand-footer-arrow{
background: url(/Static/images/GA/expandarrow.png) no-repeat center bottom;
}
.ga-footer ul.ft-row-wrap li.ft-list-container ul li a{
font{
family: 'LucidaGrande','Arial','sans-serif';
size: 11px;
color: #707070;
weight: normal;
}
}
#page{
padding-top: 0px !important;
}
.layout-gamification .character #headerContent .nav-menu>li>a{
margin-bottom:3px;
}
.main-content.profile .profile-column.profile-info{
float: right;
margin-right: 38px;
}
.main-content.profile .profile-column.profile-avatar{
min-height: 400px;
}
.getDvd .global-header-container > ul{
top: 4px;
margin-left: 17px;
}
/* Footer Section End Here */
/*.prodCata .PopupNavigation li {
float: none;
margin-left: 0;
margin-right: 23px;
margin-top: 16px;
display: inline-block;
}
.prodCata .PopupNavigation ul{
width: 100%;
display: inline-block;
text-align: center;
}
.prodCata .body_cont p{
width: 100%;
}
.prodCata .body_cont h1{
width: 100%;
}
.prodCata .body_cont {
margin-top: 105px;
margin-left: 50px;
margin-right: 50px;
}*/
.popup_bg img.mobileOverlyImage{
display: none;
}
/* Tablet view Start Here */
@media screen and (max-width:1024px){
#mainContent .doll{
display: none;
}
#headerContent header{
position: relative;
height: 126px;
width: 100%;
}
#deviceNav{
display: inline-block;
position: absolute;
float: left;
top: 10px;
left: 10px;
}
#deviceNav .about-menu{
/*background: url(/Static/images/GA/about_icon.png) no-repeat 10%;*/
}
#deviceNav .video-menu{
/*background: url(/Static/images/GA/video_icon.png) no-repeat left;*/
/*margin-left: 16px;*/
}
#deviceNav .game-menu{
/*background: url(/Static/images/GA/game_icon.png) no-repeat left 4px;*/
/*margin-left: 16px;*/
}
#deviceNav .shop-menu{
/*background: url(/Static/images/GA/shop_icon.png) no-repeat left;*/
/*margin-left: 16px;*/
}
#deviceNav .characters-menu{
/*background: url(/Static/images/GA/characters_icon.png) no-repeat left;*/
/*margin-left: 16px;*/
}
#deviceNav .social-menu{
/*background: url(/Static/images/GA/socialicon.png) no-repeat left;*/
/*margin-left: 16px;*/
}
#deviceNav .hamburger-menu-button{
display: inline-block;
content: url('/Static/images/GA/mobilenavbtn.png');
position: absolute;
left: 7px;
cursor: pointer;
}
#deviceNav .navigation.active{
display: inline-block;
}
#deviceNav .navigation{
display: none;
position: absolute;
z-index: 999;
background: url('/Static/images/GA/devicenavbg.png');
padding: 17px 0px 62px 0px;
font-family: 'YellowBalloon', Arial, sans-serif;
font-size: 1.3em;
color: #fff;
list-style: none;
top: -125px;
width: 254px;
text-align: left;
}
#deviceNav .navigation li{
color: #fff;
margin-left: 0px;
}
/* #deviceNav .expend-icon{
background: url('/Static/images/GA/expend_arrow.png') no-repeat 98%;
}*/
.navigation li.expend-icon>a>span {
background: url('/Static/images/GA/mobilenav_downarrow.png') no-repeat 97% 57%;
padding-left: 50px;
width: 81%;
display: inline-block;
}
#deviceNav .navigation li a img{
padding-right: 10px;
width: 10%;
}
#deviceNav .navigation .login-information{
display: none;
}
#deviceNav .navigation li a{
text-decoration: none;
color: #fff;
padding-left: 15px;
display: block;
width: 96%;
vertical-align: top;
font-family: "LucidaGrande",Arial, sans-serif;
min-height: 30px;
margin-left: 2%;
}
#deviceNav .navigation{
background: url('/Static/images/GA/mobilenav_bg.png');
background-size: 100%;
color: #1776cd;
margin: 0px;
width: 100%;
height: auto;
/*margin-left: 6px;
background-color: #005e7e;*/
margin-top: -7px;
/*padding: 5px 4px 10px 20px;*/
}
#deviceNav .navigation li a img{
display: none;
}
#deviceNav .sub-nav .sub-nav-content .sub-nav-items li{
display: block;
}
#deviceNav{
display: inline-block;
top: 6px;
position: absolute;
left: 0px;
width: 85%;
}
#deviceNav .navigation{
top: 7px;
left: 39px;
}
#deviceNav li.active ul.sub-nav-items li:hover{
/*background: none;*/
}
#deviceNav li{
padding: 10px 0 10px 0;
}
#deviceNav li a span{
/*text-shadow: 2px 2px #00446e;*/
letter-spacing: 1px;
padding-left: 30px;
}
#deviceNav li a.about{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -9px;
}
#deviceNav li a.videos{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -80px;
}
#deviceNav li a.games{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -140px;
}
#deviceNav li a.shop{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -198px;
}
#deviceNav li a.characters{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -260px;
}
#deviceNav li a.more{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -324px;
}
#deviceNav li a.social{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -382px;
}
/*expend-icon social*/
#deviceNav span.rule{
display: block;
background: url('/Static/images/GA/mobilenavrule.png') no-repeat;
width: 185px;
height: 1px;
margin: 25px;
}
#deviceNav li:hover{
background: url('/Static/images/GA/mobilenavhover.png') no-repeat;
background-size: 100%;
cursor: pointer;
}
#deviceNav li.login-information:hover{
background: url('');
}
#deviceNav span.log_in, #deviceNav span.sign_in{
display: block;
margin: 10px 0;
font-weight: bold;
position: relative;
right: -6%;
color: #fff;
/* z-index: 100; */
width: 36%;
}
#deviceNav span.log_in a, #deviceNav span.sign_in a{
text-decoration: none;
color: #fff;
font-size: 0.8em;
font-family: "YellowBalloon",arial,sans-serif;
}
#deviceNav span.rule,#deviceNav span.log_in, #deviceNav span.sign_in{
display: none;
}
.navigation .sub-nav {
background: url('/Static/images/GA/mobilenav_submenu.png') no-repeat;
background-size: 100% 100%;
height: auto;
}
#deviceNav li.active .sub-nav {
position: static;
}
#headerContent header #deviceNav .sub-nav .sub-nav-content{
width: 100%;
}
#deviceNav li.active{
background: url('/Static/images/GA/mobilenav_submenu.png') no-repeat;
background-size: 100% 100%;
cursor: pointer;
}
#deviceNav li.active>a>span{
border-bottom: 1px solid #a6095e;
padding-bottom: 5px;
}
/* mdn headeer styles starts */
#mdn-hd {display: block;position: relative;top: 0;width: 100%!important; font-size: inherit!important;}
#mdn-hd .hd-mod-wrap {width: 100%!important;padding: 0!important}
#mdn-hd .hd-mod-wrap .nav-wrap {font-size: 12px}
#mdn-hd * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box}
#mdn-hd [class*='col-'] {margin-bottom: 0}
#mdn-hd #nav-dropdown-menu .imgParent:last-child {width: 102px}
#mdn-hd .nav-wrap {max-width: 80%;}
#mdn-hd #mdn-top-nav>li {width: 15%!important;margin-right: 2%!important;}
#grid .grid-wrapper li.grid ul li.small-img,#grid ul.grid-wrapper .grid li.row:nth-child(2) li.small-img:first-child,#grid .grid-wrapper li.grid ul li.big-img,#grid ul.grid-wrapper .grid li.row:nth-child(2) li.small-img,#grid .grid-wrapper li.grid ul li{
margin:7px 7px 0 0;
}
#deviceNav li.active:hover{background: url('');}
.prodCata .overlay-content{left: 40%;}
}
/*only tablet*/
@media screen and (min-width:641px) and (max-width:1024px){
#ff-side-img-wrapper{
display: none;
}
#globalHeader .global-header-bg .global-header-container{
width: 100%;
}
#headerContent,.rwd-ga #headerContent{
width: 100%;
}
.nav-menu{
width: 90%;
margin-left: 5%;
height: 38px;
background-size: 100% 100%;
display: none;
}
#cda{
width: 100%;
}
#charSection{
width: 100%;
}
#persistentTile{
width: 100%;
}
#persistentTile .tile:first-child{
margin-left: 2%;
display: inline-block;
clear: both;
}
#headerContent header .top-nav-section .social-links{
display: none;
}
.cda-content .promo-content img{
max-width: 100%;
}
.char-item .header-frame{
margin-top: 0px;
}
.char-item .frame-line{
width: 90%;
}
/*.char-item .content-left{
margin:0px;
}
*/
#persistentTile .tile{
width: 31%;
}
#persistentTile .tile img{
max-width: 100%;
}
.nav-menu li {
list-style: none;
}
#headerContent .header nav{
display: none;
}
.mh-logo-container,.rwd-ga .mh-logo-container{
margin-top: -1%;
width: 100%;
}
.before-login li:nth-child(2),#loginButton,.before-login li:nth-child(2), #signupButton{
display: none;
}
.login-information .float-left ul.login-status{
padding: 0px;
}
.before-login li:first-child>a{
border-right: none;
}
.before-login li:nth-child(2) > a, .login-information .login-status .login-profile > a{
border-right: none;
}
.new-release {
width: 308px;
height: 113px;font
background-size: 100%;
}
.cda-content .promo-content .new-release{
bottom: 18%;
line-height: 1.2;
}
.new-release>div{
height: 85%;
}
#cda li.cda-content .new-release span.title{
font-size: 1.1em;
}
#cda li.cda-content .new-release span.release-desc{
font-size: 1.1em;
}
.char-item .content-right .title{
font-size: 1.3em;
}
#persistentTile .tile .tiles-content{
bottom: -1px;
height: 46px;
}
#persistentTile .tile .tiles-content span{
margin: 4% 25px;
background:url(/Static/images/GA/rightarrow.png) no-repeat 100% 2px;
}
#headerContent header .sub-nav{
width: 100%;
}
.sub-nav-items{
width:100%;
}
/* .char-item .content-left{
margin: 0px 9px 0px 20px;
}
*/
.char-item .content-right{
width:76%;
}
#charSection div.char-item:first-child{
margin-right:3%;
}
.nav-menu li a{
font-size: 15px;
}
.sub-nav-items li a{
font-size: 1em;
}
.sub-nav-items li{
margin-left: 0px;
margin-right: 0px;
}
#lPrograms{
width: 100%;
text-align: center;
}
#lPrograms .lp-signup{
width: 93%;
}
#filterSection .content-section{
width: 100%;
}
#deviceNav{
width: 42%;
}
#deviceNav li.active .sub-nav {
display: inline-block;
text-align: left;
padding: 0px;
font-size: 1.2em;
position: static;
}
/*dinesh code starts*/
div.character_content{width: 95%;font-size: 10.09px}
div#character-content>ul{text-align: center;}
div.character_content ul li{width: 14.37em;}
nav.character_main_nav ul{width: 100%}
.char-topNavigation .character_main_nav ul li{width: 10.3em;height: auto;}
.char-topNavigation nav.character_main_nav{font-size: 12px}
#deviceNav li.expend-icon.active:hover{background: url('');}
div#footer div,div#footer ul.ft-inline-wrap{width:100%}
div#footer ul.ft-row-wrap{text-align:center}
#lPrograms .mail-icon{
margin-top: 2.2%;
}
.rwd-ga #headerContent header{
width:100%;
}
.char-item .char-content a img{
max-width: 46px;
max-height: 50px;
}
}
@media screen and (min-width:768px) and (max-width:900px){
.nav-menu .about-menu>a {
margin-left: 15px;
padding-right: 11px;
}
.nav-menu .video-menu{
margin-left: 0px;
}
.nav-menu .shop-menu >a,.nav-menu .game-menu>a,.nav-menu .video-menu>a{
padding-right: 12px;
}
.nav-menu .characters-menu,.nav-menu .shop-menu,.nav-menu .game-menu{
margin-left: 0px;
}
.flex-control-nav.flex-control-paging{
bottom: 10%;
left: 43%;
}
.char-item .content-right{
/*width: 73%;*/
}
.char-item .content-left{
margin: 35px 17px 36px 17px;
}
#lPrograms .mail-icon{
margin-left: 8%;
margin-top: 2.5%;
}
#mainContent .doll{
display: none;
}
#footer ul.ft-row-wrap{
width: auto !important;
margin: 0 5px !important;
}
#footer ul.ft-row-wrap li.ft-list-container{
width: 145px !important;
margin:0 !important;
}
.char-item .content-right span{
font-size: 0.9em;
}
.mh-logo-container,.rwd-ga .mh-logo-container{
/*width: 72%;*/
}
.prodCata .overlay-content{
left: 26%;
}
.char-item .char-content .char-nav span.right-arrow{
margin-right: 4%;
}
}
@media screen and (max-width:767px){
.char-title>h1{
display:block !important;
}
.nav-menu li a{
font-size: 12px;
}
#charSection .char-item{
width: 46%;
}
.char-item .frame-line{
width: 89%;
}
.char-item .content-right{
width: 73%;
}
.flex-control-nav.flex-control-paging{
bottom: 11%;
}
.nav-menu li a{
font-size: 10px;
}
#persistentTile .tile{
width: 30%;
}
#lPrograms{
width: 100%;
}
#lPrograms .mail-icon{
display: none;
}
#filterSection .content-section{
width: 100%;
}
#instagramHeader{
width: 100%;
margin: 0px;
display: block;
}
#grid{
width: 100%;
margin: 75px 0 0 0;
}
#grid .grid-wrapper li.grid ul li.big-img{
width: 100%;
margin: 0;
}
#grid ul.grid-wrapper img{
width: 100%;
box-shadow: none;
}
#grid ul.grid-wrapper .grid li.row:nth-child(2) li.small-img:first-child{
margin: 0;
display: none;
}
#grid ul.grid-wrapper .grid li.row:nth-child(2) li.small-img{
margin: 0;
}
#grid .grid-wrapper li.grid ul li.small-img{
width: 50%;
margin: 0;
}
#grid .grid-wrapper li.grid ul li{
margin: 0;
}
#mainContent .doll{
display: none;
}
#deviceNav span.rule,#deviceNav span.log_in, #deviceNav span.sign_in{
display: inline-block;
}
.char-item .content-left{
margin: 35px 10px 29px 10px;
}
.char-item .char-content .char-nav span.right-arrow{
margin-right: -16px;
}
.char-item .content-right .title{
font-size: 1.5em;
}
.char-item .content-right span{
font-size: 0.8em;
}
#grid .grid-wrapper{
width: 100%;
margin:0;
}
#deviceNav span.rule,#deviceNav span.log_in, #deviceNav span.sign_in{
display: none;
}
#lPrograms .lp-signup{
margin: 30px 1.5% 0 1.5%;
}
#footer ul.ft-row-wrap{
display: none;
}
.new-release>div{
position: relative;
}
.mh-logo-container{
width: 65%;
}
.prodCata .overlay-content{
left: 2%;
}
.popup_bg img.mobileOverlyImage{
display: inline-block;
}
.popup_bg img.desktopOverlyImage{
display: none;
}
#deviceNav li a span#wishlist_count,.navigation.active #shopping-list .shopping-list #wishlist_count{
padding:0px;
}
}
/* Tablet view End Here */
/* Mobile view start Here*/
@media screen and (max-width:640px){
body{
background-size: 100%;
}
#footer,.login-information,.social-links{
display:none;
}
#mainContent{
background: url('/Static/images/GA/mobile-maincontentbg.png');
margin: -18px 0px 0px 0px;
padding-top: 2px;
}
#persistentTile,#charSection,#cda,#headerContent{
width: 100%;
text-align: center;
margin-top:0px;
}
.nav-menu li.menu{
width:100%;
}
nav .nav-menu{
display: none;
}
nav .active{
display: none;
}
.sub-nav-items{
}
.mh-logo-container,.rwd-ga .mh-logo-container{
width: 86%;
float: right;
}
#cda ul li{
width:100%;
}
#cda li.cda-content img{
max-width:100%;
}
#charSection .char-item{
width: 97%;
margin: 40px 1.5% 30px 1.5%;
padding-bottom: 3px;
}
#charSection div.char-item:first-child {
margin: 40px 0 3px 0;
}
#charSection .char-item.characters{
margin: 0px 10px 0px 10px;
}
#persistentTile .tile{
/* width: 96%;
margin: 7px 0px 0px 0px;
box-shadow: 1px 3px 4px #6c083f;*/
width: 96%;
margin: 10px 10px 0px 10px;
box-shadow: 1px 3px 4px #6c083f;
max-width: 100%
}
#persistentTile .tile:first-child{
margin: 0px 10px 0px 10px;
}
.expend-icon.active .sub-nav .social-links{
display: block;
clear: both;
}
#deviceNav .navigation li.expend-icon.active .sub-nav .social-links a img{
float: left;
}
#deviceNav li.expend-icon.active .sub-nav .social-links a span{
vertical-align: top;
float: left;
padding-left: 0;
}
.cda-content .promo-content .new-release {
display: inline-block;
z-index: 999;
left: 0;
bottom: 0;
width: 100%;
background: #ec008c;
position: static;
padding: 0px;
font-family:"LucidaGrande",Arial,sans-serif;
text-align: center;
height: 88px;
line-height: 1.2;
font-size: 1em;
opacity:1;
}
.new-release>div{
background:rgba(215,0,118,0);
padding: 0px;
}
#cda li.cda-content img{
width: 100%;
margin-bottom: -5%;
}
.cda-content .promo-content{
width: 100%;
display: inline-block;
margin-bottom: 0;
}
#persistentTile .tile img{
width: 100%
}
.mh-logo-container a img{
width: 74%;
/* margin-right:6%;
margin-top: 0px;*/
margin: 0;
}
#globalHeader .global-header-bg .global-header-container{
width: 100%;
position: relative;
}
.char-item .frame-line{
width: 92%;
}
.char-item .content-left{
margin: 16px 18px 16px 18px;
}
.char-item .content-right .title{
font-size: 2.5em;
}
.char-item .content-right{
width: 73%;
text-align: left;
margin-left: 8px;
padding: 16px 0px;
}
.char-item .char-content .char-nav span.right-arrow{
margin-top: 4%;
}
#persistentTile .tile .tiles-content span{
text-align: left;
/*margin: 4% 22px;*/
font-size: 1.2em;
}
nav .hamburger-menu-button{
display:none;
content: url('/Static/images/GA/mobilenavbtn.png');
position: absolute;
left: 7px;
top: 17%;
cursor: pointer;
}
#headerContent header,.rwd-ga #headerContent header{
position: relative;
z-index: 999;
width: 100%;
height: 57px;
}
.flex-control-nav.flex-control-paging{
bottom: 17%;
left: 36%;
}
#deviceNav .navigation{
background: url('/Static/images/GA/mobilenav_bg.png');
background-size: 100%;
color: #1776cd;
margin: 0px;
width: 100%;
height: auto;
/*margin-left: 6px;
background-color: #005e7e;*/
margin-top: -7px;
/*padding: 5px 4px 10px 20px;*/
}
.navigation li.expend-icon{
/*background: url('/Static/images/GA/mobilenav_downarrow.png') no-repeat 98% 2px; */
/*padding-left: 50px;*/
}
#deviceNav li.active .sub-nav-items{
display: block;
width: 80%;
margin-left: 12%;
}
#headerContent header .sub-nav{
width: 100%;
}
.sub-nav-items{
padding-bottom: 0;
}
.sub-nav-items .thumb{
display: none;
}
.navigation li{
/*margin-left: 10px;*/
}
.nav-menu{
background: none;
}
.navigation li {
padding: 10px 0 10px 0;
display: block;
text-align: left;
}
#headerContent header .sub-nav{
width: 100%;
}
.sub-nav-items{
padding-bottom: 0;
}
.sub-nav-items .thumb{
display: none;
}
.navigation li{
margin-left: 10px;
}
.navigation>li>a{
font-size: 1em;
color: #fff;
padding-left: 40px;
}
#headerContent header .sub-nav{
position: static;
box-shadow:0 0 0 #241b35;
background: none;
}
.navigation .about-menu>a,.navigation .video-menu>a,.navigation .game-menu>a,.navigation .shop-menu >a,.navigation .characters-menu >a{
border: 0px;
padding-left: 40px;
margin: 0;
}
.navigation .about-menu{
background-position-x: 6px;
}
.navigation .about-menu>a{
padding-left: 45px;
}
.navigation li{
display: block;
text-align: left;
}
.sub-nav-items li a{
font-size: 1.2em;
}
#headerContent header .game-menu .sub-nav{
margin-top: 0px;
}
#lPrograms .loyalty-content h3 {
/*font-size: 1em;
font-weight: normal;
margin: 19px;*/
font-size: 1.5em;
font-weight: normal;
margin: 19px;
text-align: center;
display: block;
padding: 0px 0 0px 0;
line-height: 1.3;
}
#lPrograms .loyalty-content a{
width: 100%;
display: inline-block;
text-align: center;
}
.signup-btn {
margin-top: 0px;
display: inline-block;
}
#deviceNav{
display: inline-block;
top: 6px;
position: absolute;
left: 0px;
width: 85%;
}
.char-item .char-content{
padding: 10px 0px;
}
.char-item .char-content .content-left img{
/*width: 75%;*/
}
#cda li.cda-content .new-release span.title{
display: inline-block;
width: 90%;
font-family: "LucidaGrande",Arial,sans-serif;
font-size: 1.2em;
text-align: left;
font-weight: bold;
}
#cda li.cda-content .new-release span.release-desc{
display: inline-block;
width: 90%;
text-align: left;
}
#deviceNav .navigation{
top: 7px;
left: 39px
}
#charSection{
width: 90%;
/*margin: 10px 5%;*/
}
.char-item .content-right span{
font-size: 0.9em;
width: 100%;
display: inline-block;
}
#persistentTile .tile .tiles-content{
height: 50px;
}
#cda{
margin-top: -23px;
}
#persistentTile{
margin-top: 10%;
}
.navigation .sub-nav {
background: url('/Static/images/GA/mobilenav_submenu.png') no-repeat;
background-size: 100% 100%;
}
#mainContent .doll{
display: none;
}
#grid .grid-wrapper{
width: 100%;
margin: 0;
}
#lPrograms .lp-signup{
width: 93%;
margin: 30px 3.5% 0 3.5%;
}
.char-item .content-right .char-nav{
display: none;
}
#grid{
margin: 45px 0 0 0;
}
#bottomContent .bottom-content .social-links{display: inline-block;margin-top:5px;}
#bottomContent .bottom-content .mh-logo{margin-top: 17px; }
#copyRight{margin-top: 17px;padding-bottom: 10px;}
#bottomContent{background:url('/Static/images/GA/mobile-maincontentbg.png') repeat 0px bottom;}
#collapseBtn{display: none;}
div.character_content#character-content li>a:after{bottom: 0;}
#cda li.cda-content .new-release span.release-desc{font-size: 1.2em;}
#bottomContent .bottom-content .social-link ul{
width: 66%;
display: inline-block;
clear: both;
float: none;
}
#bottomContent .bottom-content .social-link{
width: 100%;
text-align: center;
display: inline-block;
}
.before-login li:nth-child(2) > a, .login-information .login-status .login-profile > a{
border: none;
}
.subscribe-container{
}
.before-login>ul,.login-information>ul{
border-top: 1px solid #0078a3;
margin: 0 6% 0 5%;
}
.before-login>ul li,.login-information>ul li{
min-height: 20px;
padding: 5px;
}
#bottomContent .bottom-content .social-link li{
margin-top: 10px;
}
#smartbanner.android .sb-button{
border:none !important;
}
#smartbanner.no-icon .sb-icon{
display: block !important;
}
}
@media screen and (min-width:480px) and (max-width:600px){
#headerContent header{
height: 67px;
}
#cda li.cda-content .new-release span.title{
margin-top: 9px;
}
.flex-control-nav.flex-control-paging{
bottom: 17%;
}
#bottomContent .bottom-content .social-link ul{
width: 67%;
}
.new-release>div{
}
}
@media screen and (min-width:320px) and (max-width:480px){
.char-item .frame-line{
width: 88%;
}
.char-item .content-right{
width: 67%;
font-size: 0.8em;
}
.cda-content .promo-content{
margin-bottom: 0;
}
#cda li.cda-content .new-release span.release-desc{
font-size: 1em;
width: 88%;
}
.flex-control-nav.flex-control-paging {
bottom: 21%;
left: 0;
padding: 0;
right: 0;
margin: auto;
}
#cda li.cda-content .new-release span.title{
width: 88%;
font-size: 1.2em;
}
.char-item .content-right .title{
font-size: 2em;
}
#headerContent header{
height: 45px;
}
#bottomContent .bottom-content .social-link ul{
width: 90%;
}
#bottomContent .bottom-content .social-link li{
margin: 10px 12px;
}
}
@media screen and (min-width:320px) and (max-width:380px){
#content-area #headerContent > header,#headerContent header{
height:45px;
}
.flex-control-nav.flex-control-paging{
bottom: 26%;
}
.char-item .content-left{
margin: 16px 16px 16px 16px;
}
#bottomContent .bottom-content .social-link ul{
width: 99%;
}
#cda li.cda-content .new-release span.title{
margin-top: 7px;
}
.cda-content .promo-content .new-release{
height: 110px;
}
}
@media screen and (min-width:320px) and (max-width:460px){
}
/* Mobile view End Here*/
/*Character landing page Starts*/
/* Character landing banner navigation Starts */
.character_main_nav ul{
width: 960px;
margin: 0 auto;
}
.character_main_nav ul li{
float: left;
width: 153px;
height: 318px;
cursor: pointer;
list-style: none;
}
/*.character_main_nav ul li#Ghoulia{
background: url('/Static/images/GA/Ghoulia.jpg') no-repeat;
}
.character_main_nav ul li#Cleo{
background: url('/Static/images/GA/Cleo.jpg') no-repeat;
}
.character_main_nav ul li#Frankie{
background: url('/Static/images/GA/Frankie.jpg') no-repeat;
}
.character_main_nav ul li#Clawdeen{
background: url('/Static/images/GA/Clawdeen.jpg') no-repeat;
}
.character_main_nav ul li#Draculaura{
background: url('/Static/images/GA/Draculaura.jpg') no-repeat;
}
.character_main_nav ul li#Lagoona{
background: url('/Static/images/GA/Lagoona.jpg') no-repeat;
}
.character_main_nav ul li#Ghoulia:hover, .character_main_nav ul li#Cleo:hover{
background-position: 0px -318px;
}
.character_main_nav ul li#Frankie:hover, .character_main_nav ul li#Clawdeen:hover, .character_main_nav ul li#Draculaura:hover, .character_main_nav ul li#Lagoona:hover{
background-position: 0px -317px;
}*/
/* Character landing banner navigation Ends */
.character_main{
position: relative;
width: 100%http://dev.monsterhigh.com/en-us/characters/abbey-bominable;
top: 0;
background: url(/Static/images/GA/Doll-tile_black.png) repeat #000;margin-bottom:30px;
}
.character_content{
width: 965px;
margin: 0 auto;
padding: 5px 0;
}
.character_content div{
width: 185px;
height: 185px;
display: inline-block;
position: relative;
/*padding: 6px;*/
}
.character_content div div{
position: absolute;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 69%, rgba(0, 0, 0, 1) 89%) repeat scroll 0 0 rgba(0, 0, 0, 0);
width: 185px;
height: 185px;
}
.character_content a span{
position: absolute;
bottom: 30px;
left: 15px;
color: #FFF;
font-family: 'LucidaGrande', Arial, sans-serif;
font-weight: bold;
font-size: 13px;
z-index: 1;
}
.character_main .character_main_nav{
height: 318px;
background-color: #000;
}
.character_filter{
background-image: url(/Static/images/GA/Denim-tile-Cyan.png);
height: 59px;
margin: 0 auto;
background-repeat: repeat;
text-align: center;
}
.character_filter li{
list-style: none;
display: inline-block;
margin-top: 15px;
padding-right: 50px;
line-height: 23px;
}
.character_filter li a{
font-family: 'LucidaGrande', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
color: #000;
text-decoration: none;
display: inline-block;
padding: 2px 16px;
}
.character_filter li a#all, .character_filter li a#a-z, .character_filter li a#new, .character_filter li a#ghouls{
width: 64px;
}
.character_filter li a#originalGhouls{
width: 145px;
}
.character_filter li a#mansters{
width: 94px;
}
.character_filter li a.activeNav,.character_filter li a:hover{
color: #FFF;
background-color: #005373;
background-image: none;
border-radius: 20px;
position: relative;
}
.character_filter li a.activeNav:after,.character_filter li a:hover:after {
content: "";
background: url(/Static/images/GA/char-DownArrow.png) no-repeat center;
position: absolute;
bottom: -9px;
width: 19px;
height: 10px;
left: 0;
margin: 0 auto;
right: 0;
}
.character_filter li a#originalGhouls:hover{
background: url(/Static/images/GA/originalghoulsbg.png) no-repeat center;
color: #FFF;
height: 35px;
}
.character_filter li a#mansters:hover{
background: url(/Static/images/GA/manster.png) no-repeat center;
color: #FFF;
height: 35px;
}
.sort_by{
display: none;
}
.character_main_nav_heading{
display: none;
}
/*Character landing page Ends*/
/* Mobile view start Here*/
@media screen and (max-width:640px){
/* characters landing */
.character_content img {
width: 100%;
}
.character_content {
width: 100%;
}
.character_filter{
background-size: cover;
}
.character_filter li a{
display: none;
}
.char-select-style {border: solid 1px #D0D4D9;border-top: 1px solid #A0A0A0;display: inline-block;
width: 160px;background-color: #D6F2FB;background-image: url('/CatalogContent/img/home/barbie/wishlist/dropDownArrow.jpg');
background-repeat: no-repeat;background-position: 136px 50%;}
.sort_by .char-select-style select{
width: 100%;padding: 2px 1px;border: none;box-shadow: none;background-color: rgba(0, 0, 0, 0);font-size: 15px;
-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.sort_by{
display: block;
font-weight: bold;
color: #000;
}
.sort_by>label{font-size: 1.1em;margin-right: 15px;}
/* Character banner mobile view starts here */
.character_main_nav_heading{
display: block;
background: url('/Static/images/GA/mobilenav_heading.png') no-repeat;
height: 20px;
margin: 0 0 10px 15px;
text-indent: -9999em;
}
.character_main .character_main_nav{
height: 635px;
width: 100%;
}
.character_main_nav ul{
width: 100%;
}
.character_main_nav ul li#Ghoulia{
background: url('/Static/images/GA/Ghoulia_bg.png') no-repeat;
}
.character_main_nav ul li#Cleo{
background: url('/Static/images/GA/Cleo_bg.png') no-repeat;
}
.character_main_nav ul li#Frankie{
background: url('/Static/images/GA/Frankie_bg.png') no-repeat;
}
.character_main_nav ul li#Clawdeen{
background: url('/Static/images/GA/Clawdeen_bg.png') no-repeat;
}
.character_main_nav ul li#Draculaura{
background: url('/Static/images/GA/Draculaura_bg.png') no-repeat;
}
.character_main_nav ul li#Lagoona{
background: url('/Static/images/GA/Lagoona_bg.png') no-repeat;
}
.character_main_nav ul li#Ghoulia, .character_main_nav ul li#Cleo, .character_main_nav ul li#Frankie, .character_main_nav ul li#Clawdeen, .character_main_nav ul li#Draculaura, .character_main_nav ul li#Lagoona{
width: 33.3%;
background-size: 100%;
}
.character_main_nav ul li#Frankie{
position: relative;
right: 1px;
}
.character_main_nav ul li#Ghoulia:hover, .character_main_nav ul li#Cleo:hover, .character_main_nav ul li#Frankie:hover, .character_main_nav ul li#Clawdeen:hover, .character_main_nav ul li#Draculaura:hover, .character_main_nav ul li#Lagoona:hover{
background-position: 0 0;
}
/* Character banner mobile view ends here */
#deviceNav li.active ul.sub-nav-items li:hover{
background: none;
}
#deviceNav li{
padding: 10px 0 10px 0;
}
#deviceNav li a span{
/*text-shadow: 2px 2px #00446e;*/
letter-spacing: 1px;
padding-left: 30px;
}
#deviceNav li a.about{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -10px;
}
#deviceNav li a.videos{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -80px;
}
#deviceNav li a.games{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -140px;
}
#deviceNav li a.shop{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -198px;
}
#deviceNav li a.characters{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -260px;
}
#deviceNav li a.more{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -324px;
}
#deviceNav li a.social{
background: url('/Static/images/GA/mobilenavicons.png') no-repeat 0 -379px;
}
#deviceNav span.rule{
display: block;
background: url('/Static/images/GA/mobilenavrule.png') no-repeat;
width: 185px;
height: 1px;
margin: 25px;
}
#deviceNav li a span#wishlist_count,.navigation.active #shopping-list .shopping-list #wishlist_count{
padding:0px;
/*background: url('/Static/images/GA/shopping_list_icon.png') no-repeat left;
padding-left: 17px;*/
}
#deviceNav li:hover{
background: url('/Static/images/GA/mobilenavhover.png') no-repeat;
background-size: 100%;
cursor: pointer;
}
#deviceNav li.tabActive,#deviceNav li.tabActive:hover{
background-color: #664A9E;
}
#deviceNav span.log_in, #deviceNav span.sign_in{
display: block;
margin: 10px 0;
font-weight: bold;
position: relative;
right: -6%;
color: #fff;
/* z-index: 100; */
width: 36%;
}
#deviceNav span.log_in a, #deviceNav span.sign_in a{
text-decoration: none;
color: #fff;
font-size: 0.9em;
font-family: "YellowBalloon",arial,sans-serif;
}
#globalHeader .global-header-bg{
/*display: none;*/
}
/*dinesh code starts here*/
div.character_content ul li{width: 48%;}
div.char-topNavigation .char-title>h1{position: relative;background: none;text-align: left;padding: 0;top: 0;padding-left: 20px !important;font-weight: normal;width:auto;margin: 15px 0;}
div.char-topNavigation #charMobileNav {display: inline-block;}
div.char-topNavigation nav.character_main_nav{display:none;}
#charMobileNav ul li,.character_main_nav ul li{width: 33.3%;height: auto;float: left;}
#charMobileNav ul li> a img,#charMobileNav ul li>a,.character_main_nav ul li > a img,.character_main_nav ul li > a {width: 100%;}
#charMobileNav ul li> a img, #charMobileNav ul li>a, .character_main_nav ul li > a img, .character_main_nav ul li > a{float:left}
#deviceNav .navigation .before-login,#deviceNav .navigation .login-information{display: inline-block;float: left; width: 100%;font-size: 0.8em}
#deviceNav .navigation .before-login li,#deviceNav .navigation .login-information li{padding-left:17px;}
#deviceNav li.expend-icon.active:hover{background:url('/Static/images/GA/mobilenav_submenu.png') no-repeat;background-size: 100% 100%;}
#deviceNav .navigation .before-login:hover{background:url('');}
#deviceNav .sub-nav .sub-nav-content{position: static;display: inline-block;}
#mdn-hd{display:none;}
div.char-topNavigation div.char-title{width:auto;text-align:left;}
.subscribe-container{
font-size: 0.9em;
text-align: center;
}
.character_main div.character_content ul li{
padding: 1px 0.5% 2px;
}
li.login-information ul:before, li.before-login ul:before{
content: '';
border-bottom: 1px solid #0078a3;
width: 64%;
margin: 0 auto;
display: inline-block;
margin-left: 18%;
}
.before-login>ul, .login-information>ul{
border-top: none;
margin: 0;
}
/*Mobile View Menu & Sub Menu Hide START*/
/*#deviceNav .navigation li.about-menu,#deviceNav .navigation li.games-menu ,#deviceNav .navigation li.social-menu ,#deviceNav .navigation li.more-menu .sub-nav-items li {
display:none;
}
#deviceNav .navigation li.more-menu .sub-nav-items li.more-sub-show{
display:block;
}
#deviceNav .navigation li.more-menu .sub-nav{
height:auto;
padding-bottom:0;
}*/
/*Mobile View Menu & Sub Menu Hide END*/
#deviceNav li.before-login a.#shoppingListButton{
background: url('/Static/images/GA/shopping_list_icon.png') no-repeat left;
padding: 3px 10px 1px 18px;
background-position: -1px;
}
#deviceNav li.before-login #shoppingListButton .shopping-list{padding-left:0;}
#deviceNav .navigation li.before-login a{
margin:0;
min-height:20px;
}
}
@media screen and (min-width:320px) and (max-width:480px){
/* characters landing */
.character_content {
width: 100%;
}
.character_content div{
width: 45%;
height: auto;
}
.character_content div div{
width: 100%;
height: 100%;
}
.character_filter{
background-size: cover;
}
.character_filter li{
display: none;
}
.sort_by{
display: block;
font-weight: bold;
color: #000;
padding-top: 15px;
}
/* Character banner mobile view starts here */
.character_main_nav_heading{
display: block;
background: url('/Static/images/GA/mobilenav_heading.png') no-repeat;
height: 20px;
margin: 0 0 10px 15px;
text-indent: -9999em;
}
.character_main .character_main_nav{
height: 450px;
}
.character_main_nav ul{
width: 100%;
}
.character_main_nav ul li#Ghoulia{
background: url('/Static/images/GA/Ghoulia.png') no-repeat;
}
.character_main_nav ul li#Cleo{
background: url('/Static/images/GA/Cleo.png') no-repeat;
}
.character_main_nav ul li#Frankie{
background: url('/Static/images/GA/Frankie.png') no-repeat;
}
.character_main_nav ul li#Clawdeen{
background: url('/Static/images/GA/Clawdeen.png') no-repeat;
}
.character_main_nav ul li#Draculaura{
background: url('/Static/images/GA/Draculaura.png') no-repeat;
}
.character_main_nav ul li#Lagoona{
background: url('/Static/images/GA/Lagoona.png') no-repeat;
}
.character_main_nav ul li#Ghoulia, .character_main_nav ul li#Cleo, .character_main_nav ul li#Frankie, .character_main_nav ul li#Clawdeen, .character_main_nav ul li#Draculaura, .character_main_nav ul li#Lagoona{
width: 33%;
background-size: 100% 100%;
}
.character_main_nav ul li#Ghoulia, .character_main_nav ul li#Cleo, .character_main_nav ul li#Frankie{
height: 224px;
}
.character_main_nav ul li#Clawdeen, .character_main_nav ul li#Draculaura, .character_main_nav ul li#Lagoona{
height: 223px;
}
.character_main_nav ul li#Ghoulia:hover, .character_main_nav ul li#Cleo:hover, .character_main_nav ul li#Frankie:hover, .character_main_nav ul li#Clawdeen:hover, .character_main_nav ul li#Draculaura:hover, .character_main_nav ul li#Lagoona:hover{
background-position: 0 0;
}
/* Character banner mobile view ends here */
}
@media screen and (min-width:320px) and (max-width:380px){
/* characters landing */
.character_content img {
width: 100%;
}
.character_content {
width: 100%;
}
.character_content div{
width: 45%;
height: auto;
}
.character_filter li a{
display: none;
}
.sort_by select{
width: 36%;
height: 36%;
}
.sort_by{
display: block;
font-weight: bold;
color: #000;
padding-top: 15px;
}
/* Character banner mobile view starts here */
.character_main_nav_heading{
display: block;
background: url('/Static/images/GA/mobilenav_heading.png') no-repeat;
height: 20px;
margin: 0 0 10px 15px;
text-indent: -9999em;
}
.character_main .character_main_nav{
height: 450px;
}
.character_main_nav ul{
width: 100%;
}
.character_main_nav ul li#Ghoulia{
background: url('/Static/images/GA/Ghoulia.png') no-repeat;
}
.character_main_nav ul li#Cleo{
background: url('/Static/images/GA/Cleo.png') no-repeat;
}
.character_main_nav ul li#Frankie{
background: url('/Static/images/GA/Frankie.png') no-repeat;
}
.character_main_nav ul li#Clawdeen{
background: url('/Static/images/GA/Clawdeen.png') no-repeat;
}
.character_main_nav ul li#Draculaura{
background: url('/Static/images/GA/Draculaura.png') no-repeat;
}
.character_main_nav ul li#Lagoona{
background: url('/Static/images/GA/Lagoona.png') no-repeat;
}
.character_main_nav ul li#Ghoulia, .character_main_nav ul li#Cleo, .character_main_nav ul li#Frankie, .character_main_nav ul li#Clawdeen, .character_main_nav ul li#Draculaura, .character_main_nav ul li#Lagoona{
width: 33%;
background-size: 100% 100%;
}
.character_main_nav ul li#Ghoulia:hover, .character_main_nav ul li#Cleo:hover, .character_main_nav ul li#Frankie:hover, .character_main_nav ul li#Clawdeen:hover, .character_main_nav ul li#Draculaura:hover, .character_main_nav ul li#Lagoona:hover{
background-position: 0 0;
}
/* Character banner mobile view ends here */
}
@media screen and (min-width:320px) and (max-width:480px){
/* characters landing */
.character_content {
width: 100%;
}
.character_content div{
width: 45%;
height: auto;
}
.character_content div div{
width: 100%;
height: 100%;
}
.character_filter{
background-size: cover;
}
.character_filter li{
display: none;
}
.sort_by select{
width: 36%;
height: 36%;
}
.sort_by{
display: block;
font-weight: bold;
color: #000;
padding-top: 15px;
}
}
@media screen and (min-width:320px) and (max-width:380px){
}
/* Mobile view End Here*/
/* dinesh code starts here */
div.character_content ul li {display: inline-block;position: relative;padding: 1px 2px 2px;transform: scale(1,1);
transition: transform .2s ease-out;}
div.character_content ul li:hover {transform: scale(1.02,1.01);z-index:1}
nav.character_main_nav{display: inline-block;}
#charMobileNav{display:none;}
.char-topNavigation{text-align: center;position: relative;padding-top: 10px;}
div#character-content li>a:after {content: "";position: absolute;bottom: 0;height: 76px;
width: 100%;background: url('/Static/images/GA/char_shadowImg.png') no-repeat;left: 0;transform: scale(1.02,1.01);}
div#character-content li>a:before{content:none;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(236, 0, 140,.75);z-index:0}
div#character-content li:hover a:before{content:""}
.char-topNavigation .char-title{position:relative;width:1000px;margin:0 auto;}
.char-topNavigation .char-title>h1{font: bold 2em courier;text-transform: uppercase;color: rgb(236, 0, 140);background: url('/Static/images/GA/headingPaperImg.png') no-repeat;padding: 0px 13px 0px 10px;
display: none;position: absolute;top: 32px;left: 0;background-size: 100% 100%;}
.char-topNavigation .char-title>h1>a{color: #EC008C;}
#character-content>ul{text-align: left;}
#block-monsterhigh_language-language_dropdown .dd, .dropdown .dd{font-size: 11px;height: 21px;width: 163px !important;}
.ga-footer .footer-content a:link,.ga-footer .footer-content a:visited {color: rgb(0, 174, 239);text-decoration: none;}
.ga-footer .footer-content a:hover{text-decoration:underline;}
.ga-footer#footer {font-family: 'Helvetica Neue', helvetica, Arial, sans-serif;font-size: 13px;color: rgb(238, 238, 238);}
/*character bios page issues*/
section#avatar{margin-top: 20px;}
.profile-header__user-name-wrapper h1.profile-header__user-name{font-size:2em}
header.profile-header{color:#000}
.shop-wrapper .shop-item__price.vc__child{color:#000}
.flash_content .flash-page-content{z-index:1}
@media screen and (max-width:1024px){
.char-topNavigation .char-title>h1{padding: 0px 13px 0px 48px;}
}
/*desktop code starts here*/
@media screen and (min-width:1025px){
.character_content{font-size: 21px}
div.character_content ul li{width: 8.7em;}
#character-content{padding-bottom:150px;}
}
#monsterhigh-language-select-form {
position: relative;
z-index: 99;
}
#deviceNav li.games-menu .sub-nav .sub-nav-content .sub-nav-items li:first-child,#deviceNav li.games-menu .sub-nav .sub-nav-content .sub-nav-items li:nth-child(2){display:none}
body {background-repeat: repeat !important;}
#grid .grid-wrapper li.grid ul li a{cursor:default}
/* Fixes for other page Flexslider CSS START*/
.sub-nav-content ul.flex-direction-nav{
pointer-events: none;
}
.sub-nav-content ul.flex-direction-nav>li {
pointer-events: auto;
}
.more-menu .flex-viewport .sub-nav-items>li{
min-width: 270px;
}
.sub-nav-content .flex-direction-nav .flex-disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
}
.sub-nav-content .flex-direction-nav a{
margin:0;
}
.sub-nav-content .flex-direction-nav .flex-next{
right: 0;
}
/* Fixes for other page Flexslider CSS END*/
/*Fixes for My Profile navigation menu bar overwrite START*/
.main-content.profile div#headerContent .nav-menu,.main-content.character div#headerContent .nav-menu{
line-height:0;
}
/*Fixes for My Profile navigation menu bar overwrite END*/
.prodCata .Mattel_overlay-bg{
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #666666;
background: rgba(0,0,0,0.75);
background: url("/CatalogContent/img/popup_strip.png");
z-index: 10;
text-align: left;
}
/*Fixes for Intersitial popup Z-index START*/
#PCS.prodCata .Retailer_overlay-bg, .prodCata .Mattel_overlay-bg{
z-index:101;
}
/*Fixes for Intersitial popup Z-index END*/
.fr-fr .footer-triman-logo{margin-top:10px;display:block}
/*Interstitial popup responsive changes*/
@media screen and (min-width: 0em) and (max-width: 47.9375em) {
#PCS.prodCata .overlay-content{width: 70%;left: 0;right: 0;margin: auto;padding: 0;min-width: 320px;max-width: 500px;top: 0;
bottom: 0;position: absolute;height: 314px;}
#PCS.prodCata .overlay-content .popup_bg{width:100%;height:100%;}
#PCS.prodCata .overlay-content .popup_bg>img{max-width: 100%;max-height: 100%;height: 100%;}
#PCS.prodCata .overlay-content .popup_container{margin-top: 0;width: 100%;top: 0;}
#PCS.prodCata .overlay-content .close-btn{position: absolute;right: 0;}
#PCS.prodCata .overlay-content .popup_container .body_cont.Retailer_overlayPopup{margin: 0;width: 84%;float: right;margin-top: 85px;margin-right: 15px;}
.prodCata#PCS .overlay-content .body_cont h1{font-size: 27px;width: 100%;}
#PCS.prodCata .overlay-content p{font-size: 13px;margin: 0;width: 96%;margin-top: 10px;}
#PCS.prodCata .PopupNavigation{text-align: center;margin-top: 15px;}
#PCS.prodCata .PopupNavigation ul{display: inline-block;margin: 0 auto;text-align: center;}
#PCS.prodCata .PopupNavigation li{margin: 0;float: none;display: inline-block;}
#PCS.prodCata .PopupNavigation li:first-child{margin-right: 10px;}
#PCS.prodCata .overlay-content div#sendmail,.prodCata div.keepMHBtn{width: 100px;background-size: 100% 200%;}
#PCS.prodCata .overlay-content div#sendmail{font-size: 13px;line-height: 50px;}
#PCS.prodCata .overlay-content .keepMHBtn:hover {background-position: 0 -100%;color: #FFF;}
#PCS.prodCata .overlay-content .popup_bg>img.desktopOverlyImage{display: none;}
/*Interstitial popup responsive changes ends*/
}
/* Home Page App section styles starts here */
#promo-home-app{
width:100%;max-width: 62.5em;margin: 0 auto;margin-bottom: 2em;
position:relative;
}
#promo-home-app .promo-home-heading{
font: bold 1.9em courier;color: #ec008c;
position: relative;overflow: hidden;
}
#promo-home-app .promo-home-heading:after {
content: "";height: 1px;background: #d8127e;
position: absolute;width: 100%;top: 0;bottom: 0;
margin: auto 0;margin-left: .5em;
}
#promo-home-app .app-carousel-wrap{margin:0 1.2em; padding: 2em 0;}
#promo-home-app ul.app-promo-carousel{text-align: center;}
#promo-home-app .app-promo-carousel li{
width: 100%;
max-width: 19em;
display: inline-block;
margin-left: .3em;
vertical-align: top;
}
#promo-home-app .app-promo-carousel li:first-child , .app-promo-carousel .owl-item{margin-left:0}
#promo-home-app .app-promo-carousel li{
max-width: 19.5em;
}
#promo-home-app .app-promo-carousel li .apps_img{
max-width: 6.625em;display: inline-block;width: 35%;margin-right: .1em;vertical-align: top;
}
#promo-home-app .app-promo-carousel li .apps_txt{
display: inline-block;width: 61%;vertical-align: top;
}
#promo-home-app .app-promo-carousel .apps_txt>p{
font:normal .8em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif; text-align: left;
}
#promo-home-app .app-promo-carousel .apps_txt>p.apps_headertxt{font-weight: bold;margin-bottom: .7em;}
#promo-home-app .app-promo-carousel .apps_txt>p.apps_desctxt{font-size: .7em;}
#promo-home-app .appstore_btn>a {
display: inline-block;
width: 8.5em;
height: 2.55em;
}
#promo-home-app .appstore_btn>a span {
display: block;height: 100%;background-size: 100% 100%;
}
#promo-home-app .apps_btn{text-align: left; padding-left: .5em;}
#promo-home-app .apps_btn .appstore_btn {display: inline-block;font-size: 0.72em;margin-top: 1em;}
#promo-home-app .owl-controls .owl-buttons div.owl-prev{left:-1.2em;background-position: 100% 0;}
#promo-home-app .owl-controls .owl-buttons div.owl-next{right:-1.2em;background-position: 100% 100%;}
#promo-home-app .owl-controls .owl-buttons div.owl-prev:hover{background-position: 0 0;}
#promo-home-app .owl-controls .owl-buttons div.owl-next:hover{background-position: 0 100%;}
#promo-home-app .app-more{display:none;}
#promo-home-app.touch-devices .app-more{display:block;}
@media screen and (max-width:1024px){
#promo-home-app{margin: 0 1em 2em;width:auto;}
}
@media screen and (max-width:736px){
#promo-home-app.touch-devices .app-more{text-align: center;margin: .5em 0 1em;
color: #13a3da;font: bold 1.9em courier;display:block;
}
#promo-home-app.touch-devices .app-more:after {
content: "";width: 22px;height: 13px;margin: 0 auto;margin-top: .3em;
background: url('/Static/images/GA/promo-dropdown-arrow.png') no-repeat;display: block;
}
#promo-home-app{margin-top:1em;}
#promo-home-app .app-promo-carousel li{
margin-bottom: 1.5em;border-bottom: 1px solid #3e3e3e;padding-bottom: 1.5em;
}
#promo-home-app .app-promo-carousel li:last-child{margin-bottom: 0;border: none;
padding-bottom: 0;}
#promo-home-app .app-carousel-wrap{margin:0;}
#promo-home-app .app-promo-carousel li .apps_txt .apps_desctxt{display:none;}
.app-promo-carousel li .apps_img{float:left; margin-left: .2em;}
#promo-home-app .apps_btn{float: right;width: 60%;}
#promo-home-app .owl-controls .owl-buttons div.owl-prev{left:-.9em}
#promo-home-app .owl-controls .owl-buttons div.owl-next{right:-.9em;}
}
@media screen and (max-width:640px) and (min-width:560px){
#promo-home-app .app-promo-carousel li{font-size: .8em;min-height: 11.55em;
border-right: 1px solid #3e3e3e;}
}
@media screen and (max-width:736px) and (min-width:641px){
#promo-home-app .app-promo-carousel li{
font-size: .9em;min-height: 11.55em;border: none;
}
#promo-home-app .app-promo-carousel{
padding-left:2em;
}
}
/* Home Page App section styles ends here */
/* -----owl carousel related styles starts here ------ */
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.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{cursor: pointer;}
#promo-home-app .owl-controls .owl-buttons div{cursor: pointer;position: absolute;top: 0;
bottom: 0;margin: auto 0;width: .813em;height: 1.625em;
background: url('/Static/images/GA/promo-arrows.png') no-repeat;
background-size: 200% 200%;
transition: background .1s linear;-ms-transition: background .1s linear;
-webkit-transition: background .1s linear;-moz-transition: background .1s linear;
}
.owl-controls {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {cursor:url(grabbing.png) 8 8, move;}
.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);
}
/* -----owl carousel related styles ends here ------ */
/* CDA touch screen issue */
@media screen and (max-width: 1024px) and (min-width: 641px){
.cda-content .promo-content .new-release{height:auto;}
.new-release span.cda-arrow{top: 0;bottom: 0;margin: auto 0;}
}
@media screen and (max-width: 900px) and (min-width: 768px){
.flex-control-nav.flex-control-paging{left: auto;right: 2em;width: auto;}
}
/* char landing page - adjust space for filtered thumbnails */
@media screen and (max-width: 1024px) and (min-width: 768px){
div#character-content>ul{
text-align: left;
}
}
@media screen and (max-width: 1024px) and (min-width: 980px){
div#character-content>ul{
padding-left: 3em;
}
}
@media screen and (max-width: 790px) and (min-width: 768px){
div#character-content>ul{
padding-left: 5em;
}
}