/* This file should contain only css classes starting with the following classes:
   - html.mobile-resolution - applied when mobile resolution is used (<= 960px currently) regardless of the device (mobile or desktop)
   - html.mobile-device - applied when site is opened on real mobile device (may be used both for mobile and desktop resolution. E.g. ipad is touch mobile device which works with desktop resolution 980px)*/

/*on ipad close up should be shown on desktop resolution*/
html.mobile-device.touch .main-navigation .ms-core-listMenu-root li.up {
    display: block !important;
}
/*but on mobile resolution close up should not be shown*/
html.mobile-device.mobile-resolution .main-navigation .ms-core-listMenu-root li.up {
    display: none !important;
}

html.mobile-device.touch .main-navigation .ms-core-listMenu-root li.up a,
html.mobile-device.touch .main-navigation .ms-core-listMenu-root li:first-child.dynamic-children ul li.up a {
    background: transparent url(/_layouts/15/UPM.Internet.Generic.Portal.2013/Images/Icons/icons.png) 14px -115px no-repeat !important;
    background-size: 200px 500px !important;
}

html.mobile-device.touch .main-navigation .ms-core-listMenu-root li.up a:hover,
html.mobile-device.touch .main-navigation .ms-core-listMenu-root li:first-child.dynamic-children ul li.up a:hover {
        background: #2a2a2a url(/_layouts/15/UPM.Internet.Generic.Portal.2013/Images/Icons/icons.png) 14px -115px no-repeat !important;
        background-size: 200px 500px !important;
    }

html.mobile-resolution .mainSideNav {
    display: none !important;
}

html.mobile-device .main-navigation .ms-core-listMenu-root li {
    overflow: hidden;
}

html.mobile-resolution .main-navigation .ms-core-listMenu-root li {
    overflow: hidden;
}

html.mobile-resolution body {
    padding-right: 0;
    padding-left: 0;    
}

html.mobile-resolution .main {
    padding-left: 5%;
    padding-right: 5%;   
}

html.mobile-resolution .language-selector .simple-language-selector {
    left: 5%;
    width: 90%;
}

html.mobile-resolution .language-selector .simple-language-selector .selections {
    width: 100%;
}

html.mobile-resolution footer .footer-mega .navigation .third-header {
    margin-top: 0px;
}

html.mobile-resolution footer .footer-mega .navigation li a {
    padding: 3px 0;
}

html.mobile-resolution .region-selector .selections .go {
    width: 20%;
}

html.mobile-resolution .footerSocial {
    width: 100%;
}

html.mobile-resolution .site-info .logo {
    display: none;
}
html.mobile-resolution .site-info .mobile {
    display: block;
}

html.mobile-resolution #s4-workspace {
    height:auto !important;    
    overflow: hidden !important;
}

html.mobile-resolution #s4-workspace .ms-webpart-titleText.ms-webpart-titleText {
    left: 0;
}

html.mobile-resolution .ms-webpartzone-cell {
    margin-top: 10px;   
}