@import "variables.less";

@media screen and @screen-tablet {

/*
------------------------------------------------------------------------------------------------
= ENTÊTE DU SITE
= blocs, menus...
------------------------------------------------------------------------------------------------
*/
#header{
    .header-top,
    > .section{padding:0 8px;}
}

/* select my profil */
.my-profile{margin:0 10px 0 0;}

/* reduire logo */
#logo img{.w(100px); .h(auto);}

/* logo slogan + menu principal (position) */
#site-slogan{display: none;}
.header-right{.w(auto);}

.header-top{
    /* mdr */
    #block-iiep-unesco-specifics-gcse{margin-left:5%;

        /* contenu */
        #form-gcse-content{left:-30px;
            [type="text"]{.w(140px);}
        }
    }
}


/*
------------------------------------------------------------------------------------------------
= NAVIGATION
= Menu de navigation principale du site
------------------------------------------------------------------------------------------------
*/
#logo, .header-right{vertical-align:bottom;}
.header-right{margin-left:0;}
.menu-desktop{
    .menu {
        li{padding:7px 6px 7px 12px; .s(1em);

            &.first{
                &.hover > a,
                &.is-active-trail > a{padding-left:15px;}
            }

            /* element actif */
            &.hover,
            &.is-active-trail{
                > a{padding:7px 15px 7px 15px;}
            }
        }
    }

    /* sous menu n2 */
    .menu{
        .menu-depth-1{top:73px;
            .menu li{.w(163px);
                .menu li{max-width:100%;}
            }
        }
    }
}


/*
------------------------------------------------------------------------------------------------
= PIED DE PAGE - FOOTER
= blocs, menus, coordonnées...
------------------------------------------------------------------------------------------------
*/
/* = footer top */
.footer-top{padding-left:8px; padding-right:8px;
    .region-footer > .block{.w(32%); margin-left:10px;}

    /* our offices */
    /* onglets */
    .quicktabs-tabs{
        li{padding-left:9px; padding-right:9px; min-width:26%;
            &.last{float:none;}
        }
    }

    /* stay connected */
    .stay-connected{
        .form-item-email{.w(80%);}
        .form-submit{.h(33px);}
    }
}

/* = footer bottom */
.footer-bottom{padding-left:8px; padding-right:8px;
    /* liste de liens */
    .footer-menu{.w(45%);}

    /* ressources */
    #block-iiep-unesco-specifics-ressources-hub{.w(54%);}
}

/*
------------------------------------------------------------------------------------------------
= PAGE LISTE ACTU
------------------------------------------------------------------------------------------------
*/

/* item mis en avant au dessus des listes */
.mea-list-item{
    .field-name-field-visuel{float:none; margin:0 0 20px 0;
        img{.w(100%); .h(auto); max-width:100%;}
    }
}

/*
------------------------------------------------------------------------------------------------
= LISTE EXPERTS
------------------------------------------------------------------------------------------------
*/
.section-expert-directory{
    .node-fiche-expert{.w(47.5%);
        &:nth-child(3n+1){margin-left:2%;}
        &:nth-child(2n+1){margin-left:2%;}
    }
}

/*
------------------------------------------------------------------------------------------------
= PAGE CARTE INTERACTIVE - MAP
------------------------------------------------------------------------------------------------
*/
/* carte */
#map { .w(760px); .h(430px); margin:0 auto;}


/*
------------------------------------------------------------------------------------------------
= FICHE PAYS
------------------------------------------------------------------------------------------------
*/
.node-type-fiche-pays{

    /* bloc activites */
    #block-iiep-unesco-specifics-list-activities-related-state{margin-left:14px;}

    /* bloc publication + planipolis */
    .node-fiche-pays .field-collection-container{margin-left:18px;}

    /* autres liens unesco */
    #block-fieldblock-node-fiche-pays-default-field-body{margin-bottom:20px;}
}

/*
------------------------------------------------------------------------------------------------
= Formulaire contact / newsletter
------------------------------------------------------------------------------------------------
*/
.node-type-webform #main{
    .form-item{.w(100%); display:block; margin:0 0 30px 0;

        input{.w(100%);}
        .form-textarea-wrapper{.w(100%);}
    }
}

/* select type de demande */
#edit_submitted_type_de_demande_chosen{float: right;}

/*
------------------------------------------------------------------------------------------------
= ACCUEIL
= Page d'accueil
------------------------------------------------------------------------------------------------
*/
.front{
    #main{padding-left:8px; padding-right:8px; padding-top:1em;}
    /* slideshow */
    #rs-carousel-slideshow-hp {.h(320px);
        .rs-carousel-item,
        .slide-infos{.h(320px);}
    }
    #block-iiep-unesco-specifics-slideshow-homepage {.h(320px);
        .slide-infos, .slide-image {.w(49%);
            img{max-width:390px; .h(auto);}
        }
        .slide-node-title{.s(1.437em);}
        .slide-text-infos{padding:20px 10px 40px 10px;}
        .slide-node-body .field-name-body{margin-top:10px;}

        /* btn lire plus */
        .more-info-link{margin-top:20px; bottom:14px;}

        /* btn controles slideshow */
        .actions-wrapper-outside2{.w(768px);}
        .rs-carousel-actions{bottom:10px; left:8px;}
    }

    /* mise en avant inscription newsletter */
    #block-iiep-unesco-specifics-stay-connected-homepage {
        .block-title {
             margin-left: 10px;
             width: 48%;
            &::before {display: none;}
        }

        form {
            width: 49%;
            margin-right: 0px;
        }
        .form-item { width: 49%; }
    }

    /* slideshow feature */
    #block-iiep-unesco-specifics-featured-homepage{padding-left:8px; padding-right:8px;
        .rs-carousel-mask,
        .slide-item{.h(125px);}

        /* learn more */
        .learnmore{padding-top:10px;
            .content{.w(65%);}
        }

        /* read more */
        .callout{padding-top:10px;
            .content{.w(65%);}
        }
    }

    /* priorités */
    .our-priorities{.w(22.6%);}

    /* 2 blocs worldwide + get involved */
    .footer-hightlight{

        /* alignement blocs */
        .block-by-two{

            &.first{padding-left:8px;}
            &.last{
                .btn-white-red{.w(100%); display:block;
                    &:nth-child(even){margin-right:0;}
                }
            }
        }
        /* formulaire bloc wordlwide */
        .form-item-country{max-width:78%;}
        .chosen-container-single .chosen-single{width:95% !important;}
        .block-iiep-unesco-gmap{
            .form-submit{.h(33px); .w(43px);}
            .chosen-container-single .chosen-single{ .h(29px);
                span{padding-top:8px;}
            }
        }
    }
}

/*
------------------------------------------------------------------------------------------------
= PAGE COURS V2
------------------------------------------------------------------------------------------------
*/
.type-learn-list h1#page-title {padding: 0 10px;}


#block-fieldblock-node-page-default-field-content {

    .paragraphs-items {

        > .field-type-paragraphs > .field-items > .field-item {
            padding: 0 10px;
        }
    }
} 

}/*Fin media*/