/*
Theme Name: Woffice Child
Description: Child theme for Woffice
Author: Alkaweb Team
Template: woffice
*/
body p {
    line-height: 2;
}

#content-container #content {
    top:20px;
}
#navbar, #navbar.navigation-fixed {
xbackground: transparent;
}
/***************************
Quiz Harcèlement
****************************/
.qsm-inline-correct-info p {
    text-transform: none !important;
}

/***************************
Page de connexion
****************************/
#register-wrapper {
border-top: 1px solid #000;
padding-top: 50px;}
.btn-info {
    background-color: #73bf44 !important;
}

/*Formulaire nouvelle inscription*/
.form-group .description {
    display: none;
}

/***************************
Images posts nouveaux arrivés
****************************/
.news-category-nouveaux-arrives .intern-thumbnail picture img {
    width: 500px !important;
}
/***************************
Boutons Like
****************************/
.wpulike {
    text-align: right;
}
wpulike-default .wp_ulike_btn {
    min-height: 50px;
    min-width: 70px;
}
.wpulike-default .wp_ulike_put_image:after {
    width: 26px;
    height: 26px;
}
.wpulike-default .wp_ulike_put_image.wp_ulike_btn_is_active:after {
    filter: invert(50%) sepia(50%) saturate(3000%) hue-rotate(50deg) brightness(100%) contrast(111%);
}
.wp_ulike_style_love .wp_counter_span {
    font-size: 12px !important;
    font-weight: 700 !important;
}
.wpulike.wpulike-default:before {
    content: "I like it !";
    padding: 10px;
    font-weight: 700;
    font-style: italic;
}

/***************************
Supports de Communication
****************************/

/*Liens des onglets*/
.liens-supp-comm > div ul li a {
    color: #fff !important;
    text-transform:uppercase;
    padding: 30px 20px !important;
    margin-bottom:2px;
    text-decoration:none !important;
}

.liens-supp-comm > div ul li.vc_active a {
    color: #fff !important;
    font-weight: 700;
}


/*****************************************
****************************************** Slider images pas déformées lors des fermetures des menus
*****************************************/
.tp-bgimg.defaultimg {
    background-size: contain !important;
    background-position: 50% 50% !important;
}


/*****************************************
****************************************** New Timeline
*****************************************/
.new-timeline-article {
    height:450px;
    Position:relative;
    background: #EFEFEF;
        -webkit-box-shadow: 0 3px 10px #333 !important;
    -moz-box-shadow: 0 3px 10px #333 !important;
    box-shadow: 0 3px 10px #333!important;
    margin:20px;
    width: 97%;
}


/*Timeline*/

/*En lire plus*/
a.timeline-express-read-more-link {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14pt;
}
/*ombre sous les annonces + moins de margin-left entre icones et annonces*/
#cd-timeline .cd-timeline-content {
    -webkit-box-shadow: 0 3px 10px #333 !important;
    -moz-box-shadow: 0 3px 10px #333 !important;
    box-shadow: 0 3px 10px #333!important;
    margin-left:8%;
}

.timeline-hauteur .wpb_column .vc_column-inner>.wpb_wrapper{
max-height:800px;
overflow:hidden;
    overflow-y:auto;
    border:5px dotted #73bf44;
    width:98%;
}
#cd-timeline {
    margin:0 !important;
}
/*icônes timeline-express plus à droite dans la page*/
#cd-timeline.single-column.pro::before, #cd-timeline.single-column::before {
    left: 30px !important;
}
#cd-timeline.single-column .cd-timeline-block .cd-timeline-icon-link .cd-timeline-img {
    left : 0 !important;
}
/*Moins de padding autours du timeline*/
#content-container #post-31 .intern-padding {
    padding:10px 10px;
}

/*****************************************
****************************************** Header des pages
*****************************************/
/*image par défaut haut de page*/
#featuredbox .featured-background {
    background-size:contain;
    background-position: top !important;
}


/*Image post arrivée béatrice "focus eliteam"*/
#post-911 .intern-thumbnail picture img
{
    margin-top: -120px;
}


.page-collab {
    min-height:500px;
}
/*****************************************
********* Main Menu gauche ************* 
*****************************************/
body.woffice-2-x .main-menu ul.sub-menu li > a:hover, body.woffice-2-x .main-menu li > a:hover, body.woffice-2-x .main-menu li.current-menu-item > a, .main-menu li.current_page_item > a, .main-menu li.current_page_ancestor > a, .main-menu ul.sub-menu li a:hover, .main-menu li > a:hover, .main-menu li.current-menu-item a, .main-menu li.current_page_item a, .main-menu ul.sub-menu li a:hover, .main-menu li > a:hover, .main-menu ul.sub-menu li.current-menu-item a, body.woffice-2-5 #right-sidebar .widget .intern-box.box-title, #copyright, .liens-supp-comm > div ul li a:hover, .liens-supp-comm > div ul li.vc_active a {
    background:linear-gradient(20deg, #000,#73bf44,#000) !important;
    xbackground: linear-gradient(20deg, #113362,#000,#113362) !important;
    xbackground:linear-gradient(90deg, #040404, #ff9b04, #ffffff, #ff9b04, #040404) !important;
    xbackground:linear-gradient(-50deg, #fff, #43026b, #94b6cf, #43026b, #fff) !important;
    color: #fff !important;
}
#navigation, .main-menu ul.sub-menu li a{
xbackground: transparent !important;
}
.main-menu li > a{
    color:#9e9e9e !important;
}
#right-sidebar {
    background:#fff !important;
    position:fixed;
    top:auto !important;
    xwidth:18% !important;
    xz-index:20 !important;
    xbox-shadow:none !important;
}

#menu-demo-nav a {
    font-size:13px;
}
#menu-demo-nav li {
    padding : 0 0 0 25px !important;
}
#menu-demo-nav .sub-menu li {
    list-style-type: disc !important;
    padding-left: 5px !important;
    color: #333;
}
#right-sidebar .widget:nth-child(odd) {
    xbackground-color: transparent !important;
}
#right-sidebar .widget .intern-padding {
    border:none !important;
    xborder: 1px solid #040404;
    xborder-radius: 5px;
    xmargin:5px;
}
/*****************************************
********* Icones FontAwesome lisibles ************* 
*****************************************/
.main-menu li a:before, .widget .intern-padding ul li::before, #user-sidebar nav ul li#event-personal-li>a:before, #user-sidebar nav ul li#logout-li>a:before, #user-sidebar nav ul li.menu-parent>a:before, #buddypress #woffice-bp-sidebar .main-navs ul li a:before, #main-content #buddypress .bp-subnavs ul li a:before, #main-content #buddypress .dir-navs ul li a:before, #main-content #buddypress .subnav-filters .bp-search button[type=submit] span.dashicons:before {
    font-weight: 900 !important;
}

/****************************************************************************/

#left-content {
    width: 73%;
}
#main-content.full-width #left-content, #main-content.sidebar-hidden #left-content, body.sidebar-hidden #left-content {
    width:100% !important;
}


.widget .intern-box.box-title h3{
    background:none !important;
    font-weight: 700 !important;
}


/*Titre widget Trucs et Astuces*/
#sp_news_s_widget-2 .intern-padding h3 {
font-size: 1.2em;
padding-top:10px;
}

/*Page Trucs et Astuces liens en savoir plus*/
.news-more-link {
    text-transform: uppercase;
    border-radius: 2px;
    color: #fff !important;
    float: none;
    font-weight: 700;
    padding: 10px 18px;
    margin: 15px 0;
    border: 0;
    white-space: normal;
    background-color: #333;
}


.main-menu li > a, body.woffice-2-5 #right-sidebar .widget .intern-box.box-title 
{
    border-color:#e8e8e8 !important;
    xborder: 1px solid #e8e8e8 !important;
    xborder-radius: 10px !important;
    xmargin-bottom: 5px !important; 
}

#woffice-notifications-menu {
    z-index: 25 !important;
}
#user-sidebar {
    z-index: 25;
    border-radius: 5px;
    xbox-shadow:none !important;
}

#nav-trigger .fa-long-arrow-left {
    min-width:74px;
}
#nav-trigger .fa-arrow-left:after, #nav-sidebar-trigger .fa-arrow-right:after, #nav-sidebar-trigger .fa-arrow-left:before {
    content: "\f0c9" !important;
}
#nav-trigger .fa-arrow-left:before, #nav-sidebar-trigger .fa-arrow-right:before {
    content: none;
}

#nav-sidebar-trigger:hover, #nav-trigger:hover {
    background-color:#cecece !important;
}

/*************************** Notifications
*******************************************/
.eonet_alert .eonet_alert_wrapper .eonet_alert_content {
    width:600px !important;
    Background-color: #73bf44 !important;
    color:#f00;
}
.eonet_alert .eonet_alert_wrapper .eonet_alert_content p a {
    color:#fff;
}
#nav-notification-trigger.active:after {
    width: 20px !important;
    height:20px !important;
    border: 10px solid red;
}
a#nav-notification-trigger {
    font-size:3em;
}
.eonet_alert .eonet_alert_wrapper .eonet_alert_icon {
    color : #f00 !important;
    box-shadow: 0 0 0 5px #f00 !important;
}
.eonet_alert .eonet_alert_wrapper .eonet_alert_close {
    color:#000;
}


.cd-timeline-title-container+img {
    width :auto !important;
}
#alka-chat-wrapper {
    display: none;
}


/*************************** Organigrammes
*******************************************/

/*//////Photo Jordane, Sophie, Quentin, Damien//////*/
.orga .jordane video {
    left: -100px;
}
.orga .quentin video, .orga .sophie video {
    height: 250px;
}
.orga .sophie video {
    top: -40px;
    left: -50px;
}
.orga .damien video {
    width: 320px;
    left: -70px;
}
/*//////////////////////////*/
.orga table {
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    border:none;
    margin:0px;
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    display:table;
    text-align:center;
}
.orga tbody {
    margin-bottom:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display:table-row-group;
    vertical-align:middle;
    border-color:inherit;
}
.orga td {
    xborder:none;
    margin:0px;
    text-align:center;
    xvertical-align:top !important;
    padding:0;
    margin-bottom: 0;
    width:30px !important;
    height:20px;
    xpadding-right: 2px;
}
.orga-group td {
    width:0 !important;
    padding:2px;
}
.orga-group .fiche-group {
    border:1px solid #333;
    border-radius: 5px;
    overflow: hidden;
}
.orga .img-group {
    width:170px;
    padding: 50px 5px 5px 5px;
    margin:auto;
}

.orga-group .noms-group p{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
}
.fiche a:hover > .img-group, .fiche a:hover > .noms {
    opacity: 0.5;
}
.orga .video-alain video, .orga .video-tel video {
    top: 0;
    width: 310px;
    left: -70px;
}
.orga .video {
    box-shadow:2px 2px 12px #555;
   border-radius:100%;
    xborder:1px solid #fff;
    width:170px;
    height:170px;
    position:relative;
    overflow:hidden;
    margin:0 auto;
    opacity: 1;
}
.orga video {
    xmargin-top:5px;
    border-radius:0;
    border:0;
    xmax-width:100%;
    vertical-align:middle;
    height:auto;
    position:absolute;
    left:-60px;
    top:-10px;
    width:280px;
    background-color: transparent;
    opacity: 1;
}
.orga .anonym {
    position: relative;
    left: 0;
    top: 0;
    width: 170px;
}
.orga .anonym:hover {
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
    transition-duration: .9s;
    -webkit-transition-duration: .9s;
    -moz-transition-duration: .9s;
}
.orga .video[poster]:hover {
        opacity: .6;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}

.fiche {
    border: 1px solid #cecece;
    padding-top:10px;
    margin-top: 10px;
}
.cell-top {
    border-top:4px solid #000;
    min-width:30px;
}
.cell-left {
    border-left:4px solid #000;
}
.cell-top-special {
    border-top:3px dashed #000;
    min-width:30px;
}
.cell-left-special {
    border-left:3px dashed #000;
}
.cell-line {
    xwidth:2px;
}
.titre-entite-group {
    border:2px dashed #73bf44;
}
.cell-left-group {
     border-left:2px dashed #73bf44;
}
.cell-top-group {
    border-top: 2px dashed #73bf44;
}
.titre-entite-energy {
    border:2px dashed #f58220;
}
.cell-left-energy{
    border-left:2px dashed #f58220;
}
.cell-top-energy{
    border-top: 2px dashed #f58220;
}
.cell-right-energy{
    border-right: 2px dashed #f58220;
}
.cell-bottom-energy{
    border-bottom: 2px dashed #f58220;
}
.titre-entite-agility {
    border:2px dashed #FF335D;
}
.cell-left-agility {
    border-left:2px dashed #FF335D;
}
.cell-top-agility {
    border-top:2px dashed #FF335D;
}
.titre-entite-inge {
    border:2px dashed #2aace2;
}
.cell-left-ingeniosite {
    border-left:2px dashed #2aace2;
}
.cell-top-ingeniosite {
    border-top:2px dashed #2aace2;
}
.cell-right-ingeniosite {
    border-right:2px dashed #2aace2;
}
.titre-entite-jaune {
    border:2px dashed #f8dc00;
}
.cell-left-jaune {
    border-left:2px dashed #f8dc00;
}
.cell-top-jaune {
    border-top:2px dashed #f8dc00;
}

/*.orga video::-webkit-media-controls {
    display:none !important;
}*/
.noms {
    margin :10px;
    text-align: center;
    background: #000;
padding: 10px;
    xborder-radius: 5px;
}
.noms p {
    margin :0 !important;
    color: #fff;
}
.noms p:first-child {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}
.noms p:nth-child(2), .noms p:nth-child(3) {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:11px;
}
.metier {
    font-weight: bold;
    font-style: italic;
    padding-top:5px;
}
#content-container table .orga {
    width:auto !important;
}

.orga tr{
    xheight:220px;
}
.traits {height: auto !important}

.pole {
    text-transform: uppercase;
}

img.mascotte {
    max-width:150px;
}



/*//////////////////////Sidebar/////////////////*/

.sidebar-hidden .slideInDown {
    max-width: none !important;
}
.slideInDown {
    max-width:-moz-available;
}

#content-container .box {
    box-shadow: 0 1px 10px #333;
    -ms-box-shadow: 0 1px 10px #333;
        -moz-box-shadow: 0 1px 10px #333;
        -webkit-box-shadow: 0 1px 10px #333;
}
#left-content, #user-sidebar, #main-content, body.is-blank-page, #right-sidebar {
    xbox-shadow: inset 0 0 40px rgba(0, 0, 0, .2);
}


#extrafooter a:hover {
    cursor: default;
    pointer-events: none;
}

#user-groups .count {
    display: none !important;
}
.bp-messages-wrap .taggle_list .taggle {
    font-size:15px !important;
    padding-top:10px !important;
    padding-bottom : 10px !important;
    text-transform: uppercase;
}
.bp-messages-wrap .chat-header a:first-child {
    width :160px;
}
.bp-messages-wrap .chat-header a .fa-plus:after {
    content:"Nouveau message";
        padding-left :5px;
    font-family: Armata,helvetica, arial, sans-serif;
}

.project-excerpt{
    display: none;
}

#content-container #post-22  {
    background: #e8e8e8 !important;
    box-shadow: none !important;
}
#members-list span.activity, #item-header span.activity {
    display: none !important;
}
.flex-direction-nav a:before {
    font-size : 29px ! important;
    color: #fff !important;
}
.widget ul.birthdays-list li span.birthday-item-content {
    font-size:1.2em !important;
}
#content-container #buddypress #item-header-avatar img:hover {
    opacity:1 !important;
    cursor: default;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color:#333 !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a {
    color:#fff !important;
}
.blog-authorbox {
    display: none;
}
#extrafooter-layer h1 span {
    color : #fff !important;
    
}
#extrafooter-layer h1 {
    font-family: 'craie' !important;
    font-weight: normal !important;
}
/* menu buddypress droite, onglet PAS dropdown -> images before*/
#user-sidebar nav ul li.menu-parent-nodrop > a::before {
content: "";
font-family: FontAwesome;
padding-right: 10px;
font-weight: initial;
font-size: 1.2em;   
}

/*****************************Groupes**************************
**************************************************************/
/*onglets créer un groupe*/
#content-container #buddypress #group-create-tabs ul li {
    font-size : 12px !important;
}

/*mise en ligne de fichiers dans groupes*/
li#nav-documents-groups-li, li#nav-documents-personal-li {
    background : none !important;
    padding-right:0 !important;
}
#nav-documents:before, .bouton-accueil-partage ul li a:before {
    content:"\f1e0" !important;
}

/*liste des groupes dans profil à la mm hauteur + liste des consultations clients à la mm hauteur*/
#groups-list {
    display:inline-flex;
}
/*Formulaire nouveau collaborateur*/
#bp-group-documents ul#bp-group-documents-list li {
    margin-bottom: 20px;
}
#bp-group-documents div.pagination {
    margin-bottom: 20px;
}
#group-documents-page-links .page-numbers current {
    background-color: transparent !important;
}
.page-numbers.current {
    padding: 1px 6px !important;
    margin: 5px;
}
#group-documents-page-links .page-numbers {
    background-color:transparent !important;
}
/*Bouton mise en ligne nouveau formulaire*/
a#bp-group-documents-upload-button {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;   
}
.bouton-accueil-groupes ul li a, .bouton-accueil-partage ul li a{
width: auto !important;
}
.bouton-accueil-groupes ul li a:before{
    font-family: "Font Awesome 5 Free";
    font-size: 1.6rem;
    display: block;
    margin-bottom: .4rem;
content:"\f019" !important;
    font-weight: 900;
}


/********************************************************************/

/*icones fichiers partagés dans profil*/
#user-fichiers-partages:before, #nav-fichiers-partages:before {
    content:"\f0f6" !important;
}
#nav-forum:before, #user-forums:before  {
    content:"\f0e6" !important;
}

/*addtoany social sharing icônes*/
.addtoany_share_save_container.addtoany_content.addtoany_content_top {
    margin-bottom:50px;
}
span.a2a_svg.a2a_s__default.a2a_s_a2a, span.a2a_svg.a2a_s__default.a2a_s_email, span.a2a_svg.a2a_s__default.a2a_s_print {
    background-color: #333 !important;
}
/*image banner announcement timeline height auto + img focus eliteam*/
.intern-thumbnail{
    height:auto !important;
}
/*couleur lien mot de passe oublié page de connexion*/
#content-container a.password-lost {
    color: #73bf44 !important;
font-weight: bold;
text-decoration: underline;
}
/*Fil d'Actu : Quiz*/
.quiz {
    box-shadow: 0 1px 10px #333;
    -ms-box-shadow: 0 1px 10px #333;
    -moz-box-shadow: 0 1px 10px #333;
    -webkit-box-shadow: 0 1px 10px #333;
    border-radius:5px;
    
}
/*Fil d'Actu : Nouveaux arrivés*/
#sp_news_sthumb_widget-2 h3 {
      color: red;
    border: 2px solid red;
    padding: 5px !important;
}

/*Icone NEW*/
.new a:before{
content: "NEW" !important;
    color:red !important;
    border:2px solid red !important;
    font-family:'Quantico' !important;
    padding: 2px !important;
    margin-right:5px !important;

}
.newborder a:before{
content: "NEW" !important;
    color:red !important;
    font-family:'Quantico' !important;
    padding: 2px !important;
    margin-right:5px !important;

}

/****************************************
***************************************** Icone Mise à jour en rouge
****************************************/
.maj a:before{
content: "MàJ" !important;
    color:red !important;
    border:2px solid red !important;
    font-family:'Quantico' !important;
    padding: 2px !important;
    margin-right:5px !important;

}
/****************************************
***************************************** Projets
****************************************/

/*Projet Freetown rapport images hoverbox*/
.freetown .vc-hoverbox {
    max-width :403px !important;
    height:242px !important;
}

/*Eliteam projets MAP*/
.wpgmp_infowindow {
    max-width:200px;
}
/*Infobox de la page création de projets supprimée*/
#project-create .infobox {
    display:none;
}


/****************************************
***************************************** Qui est en ligne
****************************************/
/*Afficher noms au survol des avatars Qui est en ligne ?*/
.avatar-block a {
width: 50px;
height: 50px;
/* change to whatever your avatar size is */
display: inline-block;
position: relative;
}
.avatar-block a:after {
content: attr(data-bp-tooltip);
font-size: 12px;
position: absolute;
z-index: 999;
background: #000;
color: #e0e0e0;
padding: 2px 5px;
line-height: 15px;
opacity: 0;
transition: opacity 0.4s ease-out;
top: 55px;
/* based on a 50x50 avatar and places the tooltip 5px below */
text-align: center;
margin-left: -50%;
left: 0;
width: auto;
    height:25px;
pointer-events: none;
border-radius: 3px;
}
.avatar-block a:before {
/* this is the arrow pointing up */
content: '';
position: absolute;
left: 26px;
top: 50px;
/* based on a 50x50 avatar and places the tooltip 5px below */
width: 0;
height: 0;
transition: opacity 0.4s ease-out;
opacity: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000;
clear: both;
z-index: 999;
pointer-events: none;
}
.widget.buddypress div.avatar-block {
overflow: visible !important;
}
.avatar-block a:hover:before,
.avatar-block a:hover:after {
opacity: 1;
}
.avatar-block .item-avatar {
display: inline-block;
}
/*Groupe discussions forums --> couleur de fond TinyMCE*/
.quicktags-toolbar {
    background: #000 !important;
}

/**** Partage de doc nouveaux logos****/
.document-gallery .document-icon-row {
    padding: 20px !important;
}

/****** Prime de cooptation lien menu droit ****/

.prime a {
    color:red !important;
    font-weight: 700;
}
/****************************************
***************************************** Page Résultats de recherche plugin WP Fulltext Search
****************************************/

/*********************** Enlever banner des posts dans les resultats de recherche***************/
.search-results img {
    display: none;
}
/****************************************
***************************************** Base Documentaire
****************************************/

/******************************************* Lien numéro de page active en couleur*******************/
.page-item.active .page-link {
    background-color: #fff !important;
    border-color: #73bf44 !important;
    font-weight:900;
}

/****************************************
***************************************** Responsive
****************************************/

@media all and (min-width: 992px) {
    .bootstrap-iso .col-md-2 {
        width:20vw !important;
    }

}
@media all and (max-width: 821px) {
    /*supprime la barre + les icones dans le timeline*/
    #cd-timeline.single-column::before {
        display:none;
    }
    #cd-timeline.single-column .cd-timeline-block .cd-timeline-icon-link .cd-timeline-img {
        display: none;
    }
    #cd-timeline .cd-timeline-content {
        margin-left:12px;
        width:100%
    }
    /*Place la barre de menu en 0 en haut*/
    #navbar.has_fixed_navbar {
        top:0 !important;
    }
}

@media all and (max-width: 600px) {
    /*Eviter que le slider ne soit placé sous la barre de menu en mobile*/
    #navbar.has_fixed_navbar {
        position:relative;
    }
}
@media all and (max-width: 550px) {
    h2 {
        font-size:20px;
    }
    #cd-timeline .cd-timeline-content {
        margin-left:12px;
        width:100%
    }
    /*slider : fleche + boutons plus petits*/
    .hermes.tparrows {
        background: rgba(0,0,0,0);
        height: 30px;
    }
    .hermes.tparrows:before {
        line-height:30px;
    }
}

/*
@media (max-width: 1100px) {
    #main-header:not(.navigation-hidden) {
        font-size: 12px;      
    }    
   #nav-logo {
    width:150px;      
    }
    #nav-buttons a {
        padding:0 8px;
    }
}
@media (max-width: 600px) {
    #right-sidebar {
        top:60px !important;
    }
    
}*/
@font-face {
    font-family: 'craie';
    src: url('fonts/dry_brush-webfont.eot');
    src: url('fonts/dry_brush-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dry_brush-webfont.woff') format('woff'),
         url('fonts/dry_brush-webfont.svg#dry_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;

}