/*
 * Project name: Responsive Museum Week
 * Project URL: http://responsivemuseum.com
 * Sheet author : Geoffrey Crofte (http://www.creativejuiz.fr)
 *
 * Same old markup. But CSS remixing, oh, yes!
 * 
 * Comment: 
 *          Sorry for "!important" abuse, 
 *          Stylish plugin seems to need shotgun
 *          to override some rules. If you use
 *          User Style Manager, you don't need "!important"
 */
    
    /* 
     * Smartphone design only
     */
    
    @media (max-width:640px) {
        
        /* little reset */
    
        #wrapper, #header, #header .top-nav, .logo, #main,
        #content, .gallery-frame .gallery, #content .content-wrapper,
        #content .section, .section .event-frame, #sidebar,
        .section .thumbs a, .views .holder, .views ul li, .views ul,
        #sidebar .links-holder, #footer, #footer .column-holder,#header .subscribe-form,
        #content .article {
            width: auto!important;
        }
        
        #header .language, #content, .switcher li, .switcher a, .switcher-holder .switcher,
        .gallery li, .section .thumbs li, #sidebar, .views ul, #footer .column ul li,
        #footer .column ul li a {
            float:none!important;
        }
        
        img, table, blockquote, embed, object {
            max-width: 100%!important;
        }
        img {
            height:auto!important;
        }
        
        /* global */
        body {background: none!important;}
        #wrapper {
            padding: 15px!important;
        }
        
        /* header */
        #header {
            padding:0!important;
            padding-top: 80px!important;
        }
        
        /* top nav - hidden but optionnally visible */
        .region-top-navigation {
            display:none!important; /* bad thing, comment this line to see top nav (also visible in footer) */
        }
        .top-nav li {
            width:45%!important;
            padding: .95% 2.5%!important;
            text-align:center!important;
            line-height: 1.4em!important;
            background: none!important;
        }
        .top-nav a {
            display:block;
        }
        .top-nav li ul.menu {
            display: none!important;
            visibility: hidden;
            left: -9999px;
        }
        
        /* logo */
        .logo-holder {
            padding-top: 0!important;
            margin-bottom:-15px!important;
        }
        .logo {
           width: 100%!important;
           height: 40px!important;
           background-position: 50% 0!important;
           background-size: contain!important;
        }
        .dot {
            display:none; /* ovni */
        }
        
        /* main nav */
        #nav {
            margin: 0 0 30px!important;
            font-size:.95em!important;
            font-weight: normal!important;
        }
        #nav li {
            margin: 0!important;
            width: 50%!important;
            text-align:center;
        }
        #nav li a {
            display:block!important;
            padding: 6px 0!important;
        }
        #header .language {
            position:absolute!important;
            top: 1em!important;
            right: -6px!important;
            z-index: 15;
        }
        #block-pdt-feature-base-social, #block-pdt-feature-base-newsletter {
            float:left!important;
        }
        #header .social-networks {
            margin-right:10px!important;
        }
        #pdt-feature-base-newsletter-form {
            padding:0!important;
        }
        /* WTF! form */
        .subscribe-form {margin-bottom: 1em!important;}
        .subscribe-form .text {
            width: auto!important;
            height: auto!important;
            padding:0!important;
            background: none!important;
        }
        .subscribe-form .text input {
            width:148px!important;
            border:1px solid #aaa!important;
        }
        
        /* search form, more visible for mobile users */
        #search-block-form {
            position:absolute;
            top:0; left: 0; right: 0;
            width:auto!important;
            box-sizing: border-box;
            padding: 1em 0!important;
            background: #f2f2f2!important;
            z-index:10;
        }
        #edit-search-form-container {
            width: 180px!important;
            margin:0 auto 0 15px!important;
        }
        
        /* main content */
        #main {
            padding:0!important;
        }
        .view-content {
            margin-top: 1em!important;
        }
        
        /* gallery / slideshow */
        #content .gallery-frame .views-slideshow-cycle-main-frame-row-item h2 {
            margin-right:0!important;
            padding: 5px 0!important;
            font-weight: normal!important;
            line-height: 1.35em!important;
        }
        .gallery-wrapper {
            padding-top: 1em!important;
        }
        #content .gallery-wrapper {
            min-height: 1px!important;
            margin-bottom: 0!important;
            padding-top: 35px!important;
        }
        .switcher-holder .switcher {
            text-align:center!important;
        }
        .switcher li {
            display:inline!important;
        }
        .switcher a {
            display:inline-block!important;
            background: #aaa!important;
            border-radius: 50%!important;
            width: 10px!important; height: 10px!important;
            margin-right: 3px!important;
            cursor: pointer!important; /* not for touch, ok... */
        }
        .gallery li {
            width: 100%!important;
        }
        .views-slideshow-cycle-main-frame,
        .views_slideshow_slide,
        .views-slideshow-cycle-main-frame-row {
            width:auto!important;
            max-width:100%!important;
        }
        
        /* events frames */
        
        .heading {
            margin: 0!important;
        }
        #content .section {
            margin:0!important;
        }
        .section .event-frame {
            padding: 0!important;
            padding-bottom: 1em!important;
            margin-bottom: 2em!important;
            border-bottom: 1px solid #ddd!important;
        }
        .section .event-frame:last-child {
            border-bottom: 0!important;
            padding-bottom: 0!important;
        }
        .content-wrapper .event-frame img {
            width: 100%!important;
        }
        #content .event-frame .title {
            font-size:1em!important;
        }
        #content .content-wrapper {
            margin: 0!important;
        }
        #content .content-wrapper h2 {
            margin-bottom: 1em!important;
        }
        
        /* thumbs section */
        .section .thumbs {
            text-align:center!important;
        }
        .section .thumbs .title {
            font-size: 1.1em!important;
        }
        .section .thumbs li {
            display:inline-block!important;
            width: 46%!important;
            padding:0!important;
            margin-bottom: .5em!important;
        }
        .section .thumbs a {
            text-align:center!important;
        }
        .thumbs img {
            display:inline!important;
        }
        
        /* articles */
       #content .field-slideshow-wrapper .field-slideshow,
       #content .field-slideshow-wrapper .field-slideshow-slide{
            width:auto!important;
       }
       #content .gallery-wrapper {
            padding-left:0!important;
       }
       .easy_social_box div.easy_social-widget {
            float:none!important;
            display:block;
            margin: .5em 0!important;
       }
       #content .container ul.links li {
            margin-left:10px!important;
       }
        
        /* sidebar */
        #sidebar {
            margin-top: 2em!important;
            border-top: 1px solid #8A8888!important;
            padding-top: 1em!important;
        }
        
        /* last news */
        #block-views-pdt-news-block {
            padding-top: .25em!important;
            padding-bottom: 1em!important;
        }
        #sidebar .views h2 {
            top: 1em!important;
        }
        .views ul li {
            padding-right: 10px!important;
        }
        .views .holder {
            height:auto!important;
        }
        #block-views-pdt-news-block li {
            padding: 8px 5px!important;
        }
        #block-views-pdt-news-block li:first-child {
            padding-top:0!important;
        }
        #block-views-pdt-news-block li .title {
            padding: 2px 0 4px!important;
        }
        
        /* partners links */
        #sidebar .links-holder {
            padding:0!important;
        }
        #sidebar .links-holder br {
            margin-top: 2.5em!important;
        }
        #sidebar .links-holder br + br {
            display:none;
        }
        #sidebar .links-holder br + br + br {
            display:inline;
        }
        #sidebar .links-holder a {
            font-size: 1.2em!important;
        }
        
        /* footer */
        #footer {
            margin-top: 3em!important;
        }
        #footer h2 {
            padding-left: 15px!important;
            margin: 0 -15px!important;
            color:#777!important;
            font-weight:normal!important;
        }
        #footer .column-holder {
            padding:24px 30px 10px!important;
            margin: 0 -15px!important;
        }
        #footer .column {
            width: 44%!important;
            padding: 0 5% 10% 0!important;
        }
        #footer .column:nth-child(even) {
            padding-right: 0!important;
            padding-left: 5%!important;
        }
        #footer .column .title a {
             display:block!important;
             padding: 0 0 8px 0!important;
             color: #232323!important;
             font-weight:normal!important;
        }
        #footer .column ul li,
        #footer .column ul li a {
            display:block!important;
        }
        #footer .column ul li a {
            padding: 6px 0!important;
            color: #666!important;
        }
        #footer .column ul ul.menu {
            display:none!important;
        }
        
    }