/*
 Theme Name:   Site retraités du CA
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  retraites-ca
*/

a {
    color:#009798;
    box-shadow: none !important;
}

hr.separator{
    background: #efefef;
    margin:30px 0px;
}

#home-img{
    background-image: url(./assets/img/background2.jpg);
    background-size: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#home #login-zone, #home #register-zone {
	position: relative;
    max-width: 500px;
  	width: 100%;
    background: rgba(255, 255, 255, 0.8);
   	margin: 20px;
    padding: 20px;
}

#home #login-zone #loginform-custom .login-submit{
    text-align: center;
}

#home #login-zone img, #home #register-zone img{
    margin-bottom: 10px;
}

#home #register-zone .wrap{
    padding:0px;
}

#home #register-zone #field-visibility-settings-toggle-1{
    display: none;
}

#home #register-zone .submit{
    text-align: center;
}

#home legend#field_1-1{
    font-size:  14px;
}

.floatLeft{
    float:left;
    margin-right:15px;
    margin-bottom: 15px;
    border:5px solid #CCC;
}

body .single-post .entry-title{
    margin-bottom: 30px;
}

#home #register-zone .submit input[type="submit"]{
    text-align: center;
    background-color: #222;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

#home #register-zone #buddypress #profile-details-section, #home #register-zone #buddypress #basic-details-section{
    float:none;
    width:100%;
    margin-top: 30px;
}

.center{
	text-align: center;
	display: block;
	margin : auto;
}

#header{
    height:75px;
    background:#FFF;
    width:100%;
}

#header img{
    max-height: 90%;
    margin-top:10px;
    margin-left:30px;
    display: block;
}

#content{
    padding: 0px;
}

#newPwd{
    display: none;
}

body .single-featured-image-header img{
    max-height:300px;
    width:auto;
}

body.single-ai1ec_event .entry-content .wrap .ai1ec-post_thumbnail{
    display: none;
}

html body #content #primary header.entry-header{
    width: 100% !important;
    display: block;
    margin-top: 0px;
    height: 248px;
    background: #77af32;
    margin-bottom: 20px;
}

html body #content #primary header.entry-header #img-left{
    background-image: url(./assets/img/bandeau.jpg);
    display: block;
    max-width: 1115px;
    width: 60%;
    height: 250px;
    margin: 0px 0px 10px 0px;
    background-repeat: no-repeat;
    float: left;
}

html body #content #primary header.entry-header #zone-right{
    width: 40%;
    float: left;
    padding-left: 20px;
    padding-top: 85px;
    background-image: linear-gradient(to right, #006c52, #78b032);
    height: 248px;
}

html body #content #primary header.entry-header #zone-right h1.entry-title{
    font-size: 24px;
    color:#FFF;
}

html ul.sub-menu {
    display: none;
     position: absolute;
    margin: 0;
    background: #FFF;
    color: #000;
    z-index: 999;
    margin-left:-20px;
}

html ul li:hover ul.sub-menu{
    display:block;
}

html ul li:hover ul.sub-menu li{
    background:#FFF;
    display: block !important;
    height: 50px;
    line-height: 50px;
}

html ul li:hover ul.sub-menu li a{
    color:#000 !important;
    display: block !important;
    width:100%;
}

html ul li:hover ul.sub-menu li a:hover{
    color:#FFF !important;
}

html .entry-content h2{
    font-size: 20px;
    padding: 0px 10px 10px 0px;
    margin: 0px 0px 0px 0px;
    color: #222;
    display: inline-block;
    line-height: 25px;
}

p.link-more{
   text-align: right;
       margin-bottom: 50px;
}

.entry-content .more-link:before{
    display: none;
}

.entry-content p{
    text-align: justify;
}

.entry-content p.link-more {
    text-align: right;
}

body.page-id-66 #content{
    padding-bottom: 0px !important;
}

body.page-id-66 #content img{
    box-shadow: none;
}

body #bottom-home{
    background: #77af32;
    font-size: 22px;
    color: #FFF;
}

body #bottom-home a{
    color:#FFF;
}

a.more-link{
        display: inline-block;
    text-align: center;
    border: solid 2px #424555;
    color: #424555;
    padding: 6px 20px;
    font-size: 12px;
    margin: 0 auto;
    border-radius: 25px;
    transition: all 400ms ease;
    text-decoration: none;
}

a.more-link:hover{
    background:#1a9698;
    color:#FFF;
}

html .entry-content .entry-date{
    text-transform: none;
    font-weight: normal;
    font-style: italic;
}

html .entry-content  a:hover{
    box-shadow: none !important;
}

html .entry-content h2 span{
    font-size: 45px;
    padding: 0;
    color: #77af32;
}

html body #content #primary div.entry-content{
    width:100%;
}

html body header.entry-header .wrap .entry-title{
    text-align: center;
    font-size: 48px;
    color: #FFF;
    text-shadow: 5px 3px 8px black;
}

html body header.entry-header .wrap span#subTitle{
    text-align: center;
    display: block;
    font-size: 22px;
    font-style: italic;
    color: #FFF;
    text-shadow: 2px 2px 3px #000000e6;
}

html body #buddypress #whats-new-avatar {
    margin-left: 0px;
    margin-top: 5px;
}

html body #buddypress #whats-new-avatar img{
    width:60px;
}

#buddypress #activity-stream li .activity-content .activity-header a{
    color: #00949a;
}

html body #buddypress #reply-title small a span, html body #buddypress a.bp-primary-action span {
    background: #00949a;
    color: #fff;
    font-size: 90%;
    margin-left: -8px;
    padding: 0 5px;
    padding: 7px;
}

html body #buddypress #activity-stream li .activity-content{
    background: #f1f1f1;
    padding: 15px;
}

body #buddypress #activity-stream .activity-content .activity-header p{
    font-size: 11px;
    text-align: right;
    border: 0;
    background: none;
}

body #buddypress #activity-stream li .activity-avatar a img.avatar{
    box-shadow: none;
    margin-left:0px;
}

body #buddypress #activity-stream li .activity-avatar{
    margin-right: 0px;
    background-image: url(./assets/img/fleche.jpg);
    background-position: right;
    background-repeat: no-repeat;
}

html body #buddypress ul.item-list{
    border: 0px;
}

body #buddypress ul.item-list li{
    border-bottom:0px;
}

body #buddypress .item-list-tabs.activity-type-tabs, body #buddypress .item-list-tabs.no-ajax{
    /* display: none; */
}

body #buddypress #activity-stream .activity-header {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 999;
    right: 10px;
}

html body.single-post h1.entry-title{
    margin-bottom: 25px;
}

body .comment-list footer.comment-meta{
    background:none;
    color:#000;
}

body .comment-list footer.comment-meta a{
    color:#000;
    box-shadow: none;
}

body .comment-list footer.comment-meta a time{
    font-weight: normal;
}

.wrap{
    height:100%;
}

#comments{
    background: #f1f1f1;
}

html body ul#menu-menu-top {
    list-style: none;
    height: 75PX;
    line-height: 75PX;
    display: inline-block;
}

html body ul#menu-menu-top li {
    display: inline-block;
    margin: 0 0px;
    padding: 0 20px;
    transition: 0.5s;
}

html body ul#menu-menu-top li:hover{
    background: #00999b;
    cursor:pointer;
}

html body ul#menu-menu-top li:hover a{
    color:#FFF;
    text-decoration: none;
}

html body ul#menu-menu-top li a{
    color:#000;
    display:block   ;
}

html #userinfos{
    height: 75px;
    line-height: 75px;
    padding-right: 15px;
}

html #userdetails{
        cursor:pointer;
}

html #userdetails svg{
    font-size: 12px;
    color: black;
      transform: rotate(0deg);
     -webkit-transition: -webkit-transform 0.25s ease-in;
}

html ul{
	margin-left:40px;
}

html .entry-content ul li {
    list-style-position: inside;
}

html #userdetails ul{
    background: #FFF;
    position: absolute;
    top: 60px;
    right: 0;
    padding: 10px 30px;
    z-index: 999;
    list-style-type: square;
    box-shadow: 0px 4px 4px 0px #00000070;
    border-top: 1px solid #cccccc26;
    display:none;
    transition: 0.5s;
}

html #userdetails:hover ul{
    display: block;
}

html #userdetails:hover svg{
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.25s ease-in;
}

html #userdetails ul li{
    height: 30px;
    line-height: 30px;
    list-style: none;
}

#sidebar{
   /* background: #f1f1f1;*/
   padding:0px;
    padding-bottom: 20px;
}

#sidebar h3{
    font-size: 20px;
    /* text-transform: uppercase; */
    border-bottom: 1px solid #ececec;
    padding-left: 10px;
    margin-top: 0;
    color: #0e744f;
    /* font-weight: bold; */
    text-align: center;
    padding-bottom: 10px;
}

#sidebar .border {
    font-size: 14px;
    text-align: center;
}

#sidebar ul{
    list-style: none;
    margin: 0;
}

#sidebar ul li {
    list-style: square inside;
    color: #0e744f;
}

#sidebar ul li, #sidebar p{
    text-align: left;
    font-size: 14px;
    margin: 0 15px 5px 15px;
}

#sidebar hr:last-child{
    display:none;
}

#sidebar div.border{
   padding: 15px;
    border: 1px solid #ececec;
    border-radius: 5px;
    margin-bottom: 20px;
}
#sidebar .ai1ec-agenda-widget-view {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 14px;
color: #009798;
text-align: left;
}
#sidebar .ai1ec-agenda-widget-view .ai1ec-date {
border: none;
background: none;
padding: 0;
}
#sidebar .ai1ec-agenda-widget-view .ai1ec-event > a {
    color: #009798;
    border: none;
    background: none;
}
#sidebar .ai1ec-agenda-widget-view .ai1ec-month, #sidebar .ai1ec-agenda-view .ai1ec-month {
    background: #009798;
}
#sidebar .ai1ec-agenda-widget-view .ai1ec-event-time, #sidebar .ai1ec-agenda-widget-view .ai1ec-event-location, #sidebar .ai1ec-agenda-widget-view .ai1ec-allday-badge {
    display: none;
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    max-width: 100%;
}
/*
 * Sondage
 */

body .wp-polls .Buttons {
    background:#989898;
 }
/* Home */
body #actu-home {
    font-size:14px;
    background: #ffffffb3;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
}

body #actu-home ul {
    margin-left: 20px;
}

body #actu-home h3 {
    font-size:16px;
}

/* Overide Events */
#agenda-list .ai1ec-clearfix, #agenda-list .ai1ec-pull-left, #agenda-list .ai1ec-subscribe-container, #agenda-list .ai1ec-event-toggle {
    display: none;
}

#agenda-list .ai1ec-date {
    background: none;
    border: 0px;
}

/*
 * Overide Buddypress
 */

html .bp-user #buddypress #item-header{
    padding-top:0px;
}

html .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content{
    margin-left:165px;
    margin-top:-75px;
}

html body #sidebar .yop-poll-container{
    width:100%;
    background:none;
    font-size: 18px;
    color: #3c3c3c;
    font-weight: bold;
}

html footer.site-footer{
  position: relative;
  margin-top: 0;
}

footer {
    background: #3c3c3c;
    color: #FFF;
}

footer.site-footer span, footer.site-footer a{
    color:#FFF !important;
}

@media screen and (min-width: 48em){
    html .wrap {
        max-width: 1200px;
    }

    .has-sidebar:not(.error404) #primary {
        float: left;
        width: 100%;
    }
}

@media screen and (min-width: 48em){
    body #comments{
        padding-top:30px;
        margin-top: 20px;
    }
}

.category-actualites p.link-more {
    display:none;
 }
@media screen and (max-width: 500px){
  #home #login-zone, #home #register-zone {
    margin: 0;
  }
}