/*
Theme Name: Rotary Namur
Theme URI: https://rotary-namur.be
Template: sydney
Author: Pixfactory
Author URI: https://pixfactory.be
Description: Child theme of Sydney, for rotary-namur.be by Pixfactory.be
Version: 1.0.1583311880
Updated: 2020-03-04 09:51:16
*/

/* FONTS WEIGHTS
raleway
thin 100
Extra-light : 200
light : 300
regular : 400
medium : 500
semi-bold : 600
bold : 700
extra-bold : 800
black : 900
 */

/* color */
.red
{
    color:#f4461a;
}

body .preloader {
    display: none !important;
}


.bold
{
    font-weight:700;
}

body {
    /*color: #8d98aa;*/
    background-color: #ffffff;
    color:#505050;
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
    margin-bottom:10px;
}
h4 {
    margin-bottom: 10px;
    font-size: 18px;
    text-decoration: underline;
}
html {
    /*background-color: #071b3d;*/
}
hr {
    height: 1px;
    border: none;
}
h1, h2, h3, h4 {
    color: #23488f;
}
h4.elementor-heading-title {
    text-decoration: none;
}
.elementor-7 .elementor-element.elementor-element-3d2e7994 .elementor-heading-title {
    color: #23488f !important;
}
.elementor-7 .elementor-element {
    color: #8d98aa !important;
}
ul {
    margin-bottom: 20px;
}
.entry-content ol, .entry-content ul {
    padding-left: 16px;
    margin: 0 0 20px;
}

.posts-list-page h2{
    text-align: center;
}
.entry-content a
{
    border-bottom: 2px solid transparent;
    font-weight:bold;
}
.entry-content a:hover,
.entry-content a:focus
{
    color:#F8A900;
    border-bottom:2px solid #F8A900;
}
.entry-content a.button:hover,
.entry-content a.button:focus
{
    border-bottom:1px solid #F8A900;
}


main#main {

    padding:0 !important;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
div.container.content-wrapper,
div.sydney-hero-area
{
    background-color: #ffffff;
}

/* align */
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper
{
    width:100%;
    padding:0;
}
.page .page-wrap .content-wrapper .row,
.single .page-wrap .content-wrapper .row
{
    margin:0;
}
.site-header .container,
#main .entry-content
{
    width:1550px;
    max-width: 100%;
    margin-left:auto;
    margin-right:auto;

    margin-top: 40px;
}
/*.page-template-page_front-page #main .entry-content
{
    margin-top:40px;
}*/
/* /align */

/* common */
.entry-content figcaption.wp-caption-text
{
    font-size:14px;
    line-height: normal;
}
.organigram-item {
    width: 33%;
    display: inline-block;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #23488f;
    vertical-align: top;
    margin: 10px 0;
    padding: 10px 20px;
}

/* HEADER */
/*.header-image
{
    background-position-y: 0;
}*/
.header-image .entry-title
{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);

    color:#ffffff;
    font-size:60px;
    font-weight: 500;

    text-shadow: 0 2px 8px rgba(99, 96, 96, 0.5);
}

#home-scroll-arrow
{
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    z-index: 999;
    text-align: center;
    width:100%;

    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/*body.siteScrolled #home-scroll-arrow
{
    opacity: 0;
}*/
#home-scroll-arrow a,
#home-scroll-arrow a:focus
{
    color:#f7a800;
    display:inline-block;
    font-size: 110px;
    margin:0 auto;
    padding:0 60px 40px 60px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
#home-scroll-arrow a:hover
{
    color:#ffffff;
}
/* /HEADER */

/* MAIN MENU */
.site-header
{
    padding:25px 0;
}
.site-logo
{
    max-height: 64px;
}
#masthead .col-md-8
{
    width: calc(100% - 100px);
}
#masthead .col-md-4
{
    /*width:100px;*/
    padding:0;
}
#mainnav li:first-child
{
    padding-left:0;
}
#mainnav li:last-child
{
    padding-right:0;
}
#mainnav ul li a
{
    font-weight: 600;
    height:36px;
    line-height: 36px;
}
#mainnav ul li.current-menu-item > a,
#mainnav ul li.current-menu-parent > a {
    color: #f4a70b;
}

#mainnav ul li.menu-item.button a
{
    border-radius: 5px;
    background-color:#F8A900;
    padding:0 14px;
}
#mainnav ul li.menu-item.button a:hover,
#mainnav ul li.current-menu-item.button > a,
#mainnav ul li.current-menu-parent.button > a
{
    background-color: #ffffff;
    color:#F8A900;
}
#mainnav ul li.menu-item-has-children::after
{
    content:"sub";
    color:transparent;
    display:block;
    position:absolute;
    width:24px;
    height:24px;
    line-height: 24px;
    border-bottom:2px solid rgba(255,255,255,0.0);
    /*border-right:2px solid rgba(255,255,255,0);*/
    left:50%;
    top:22px;

    transform: rotate(0) translateX(-50%) translateY(0);


    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
#mainnav ul li.menu-item-has-children:hover::after
{
    width:15px;
    height:15px;
    border-bottom:2px solid rgba(255,255,255,0.7);
    border-right:2px solid rgba(255,255,255,0.7);
    transform: rotate(45deg) translateX(5px) translateY(15px);
}

/* submenu */
#mainnav ul li ul
{
    left:-55%;
    padding-top:39px;
}
.float-header #mainnav ul li ul,
.float-header #mainnav ul li:hover ul
{
    padding-top:19px;
}
#mainnav ul li:hover ul
{
    left:-55%;
    padding-top:39px;
    background-color: transparent;
}
#mainnav ul li ul::after
{
    background-color: transparent;
}
#mainnav .sub-menu li a
{
    padding:15px !important;
    line-height: normal;
    background-color:rgba(0,0,0,0.7);
    text-align: center;
    border:none;
}
.float-header #mainnav .sub-menu li a
{
    background-color: rgba(0,0,0,0.7);
}
#mainnav ul ul a
{
    height:auto;
    font-family: inherit !important;
}
#mainnav .sub-menu li:hover > a
{
    background-color:rgba(0,0,0,0.7);
    color:#f4a70b;
}
.float-header #mainnav .sub-menu li:hover > a
{
    background-color:rgba(0,0,0,0.7);
}

#mainnav li.large-sub-menu ul.sub-menu
{
    width:270px;
    left:-83%;
}
#mainnav li.large-sub-menu ul.sub-menu li,
#mainnav li.large-sub-menu ul.sub-menu li a
{
    width:100%;
}
#mainnav li.large-sub-menu ul.sub-menu li a
{
    padding:10px 0 !important;
}
/* /MAIN MENU */

/* pre content */
/*body.admin-bar .sydney-hero-area*/
.sydney-hero-area
{
    margin-top:-32px;
}
body.page-template-page_front-page .sydney-hero-area
{
    margin-top:0;
}
body.page-template-page_front-page #content::before
{
    content:"";
    background-image: url("./images/diago-bg.png");
    background-position: center;
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    z-index: 3;
    height:99px;
}
div#content
{
    padding-top:0;
}
main#main .empty-intro
{
    height:60px;
}
main#main .intro-main-container
{
    position:relative;
    height:352px;
}
main#main .intro-container
{
    height:552px;
    position:absolute;
    width:100%;
    background-image: url("./images/worldmap-bg.png");
    background-size: auto 100%;
    background-position:center;
    z-index: 1;
    margin-top:-200px;
}
main#main .intro-container .intro
{
    width: 740px;
    max-width:100%;

    position: absolute;

    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);

    font-size: 18px;
    line-height:30px;
    color:#505050;
}
main#main .intro-container .intro .boxed
{
    color:#505050;
}
/*main#main .intro-container .intro
{
    position:absolute;
    top:50%;
    left:50%;
    background-color: red;
    transform: translate(-50%,-50%);
    width: 740px;

    font-size: 18px;
    line-height:30px;
    color:#505050;
}*/
main#main .intro-container .intro h2
{
    font-size: 35px;
    font-weight: 500;
    margin-top:0;
}
main#main .intro-container .intro h2 strong
{
    font-weight:700;
}

/*
main#main article.page
{
    height:552px;
    background-image: url("./images/worldmap-bg.png");
    background-size: auto 100%;
    background-position:center;

    margin-top:-200px;
}
main#main article.page .entry-content
{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 740px;

    font-size: 18px;
    line-height:30px;
    color:#505050;
}
main#main article.page .entry-content h2
{
    font-size: 35px;
    font-weight: 500;
}
main#main article.page .entry-content h2 strong
{
    font-weight:700;
}*/
/* /pre content */


/* TEMPLATES */
/* homepage */
.text-slider .maintitle
{
    font-weight:500;
    font-size: 60px;
}
.text-slider .maintitle::after
{
    background-color:transparent;
}
#masthead
{
    /*background-color:rgba(0,0,0,0.3);*/
    background-color:rgba(0,0,0,0.0);
}
#masthead.float-header
{
    background-color: rgba(0,0,0,0.7);
}


#content
{
    background-color: #ffffff;
}
.page-template-page_front-page #content
{
    background-color: #F8F8F8;
}
.page-template-page_front-page #main
{
    background-color: #ffffff;
}
#home-intro
{
    background-color: #F8F8F8;
}
#home-intro > div
{
    display:inline-block;
    vertical-align: top;
    min-height: 450px;
    background-position-y: 150px;
}
#home-intro > div.left
{
    /*background-color: blue;*/
    width:calc((100% - 1550px) / 2);
    background-image: url("./images/home-intro-bg-01.png");
    background-size: 100% 275px;
    background-repeat: no-repeat;
    background-position-x: right;

}
#home-intro > div.center
{
    width:1550px;
}
#home-intro > div.center > div
{
    display: inline-block;
    vertical-align: top;
    min-height: 450px;
    background-repeat: no-repeat;
    background-position-y: 150px;
}
#home-intro > div.center .text
{
    width:745px;
    background-image: url("./images/home-intro-bg-02.png");
    background-size: 100% 275px;
    background-repeat: no-repeat;
    background-position-x: right;
    padding-right:175px;
}
#home-intro > div.center .text .title
{
    font-size:35px;
    font-weight:500;
}
#home-intro > div.center .links
{
    background-position-y: 150px;
    width: 805px;
    background-image: url("./images/home-intro-bg-03.png");
    background-size: 805px 275px;
    min-height: 450px;
}
#home-intro > div.right
{
    width:calc((100% - 1550px) / 2);
    background-image: url("./images/home-intro-bg-04.png");
    background-size: 100% 275px;
    background-repeat: no-repeat;
    background-position-x: left;
}
#home-intro .links ul
{
    margin:60px 0 0 17px;
    padding:0;
}
#home-intro .links ul li
{
    list-style: none;
    display:inline-block;
    vertical-align: top;
    margin:0 83px 0 0;
    padding:0;
    text-align: center;
    line-height: normal;
    width:200px;
}
#home-intro .links ul li:last-child
{
    margin-right:0;
}
#home-intro .links ul li a
{
    display:block;
    padding-top:190px;
    font-size:20px;
    font-weight:600;
    background-size:150px;
    background-position-x: center;
    background-repeat: no-repeat;
}
#home-intro .links ul li a:hover
{
    color:#f4a70b;
}
#home-intro .links ul li.assoc a
{
    background-image: url("./images/link-assoc.png");
}
#home-intro .links ul li.assoc a:hover
{
    background-image: url("./images/link-assoc_hover.png");
}
#home-intro .links ul li.prog a
{
    background-image: url("./images/link-prog-jeun.png");
}
#home-intro .links ul li.prog a:hover
{
    background-image: url("./images/link-prog-jeun_hover.png");
}
#home-intro .links ul li.events a
{
    background-image: url("./images/link-events.png");
}
#home-intro .links ul li.events a:hover
{
    background-image: url("./images/link-events_hover.png");
}

/* home news */
#home-news .newslist-title
{
    display:none;
}
#home-news
{
    background-image: url("./images/home-news-bg.png");
    background-color: #F8F8F8;
    background-position: center;
    background-size:2311px 100%;

    margin-top: -100px;
}
#home-news > div
{
    display: inline-block;
    vertical-align: top;
    height:889px;
    text-align: center;
}
#home-news .center
{
    width:1550px;
    max-width: 100%;
}
#home-news .left,
#home-news .right
{
    width:calc((100% - 1550px) / 2);
}
#home-news .left
{
    background-image: url("./images/actus-label.png");
    background-size: 41px 350px;
    background-repeat: no-repeat;
    background-position: right 20% center;
    /*350 41*/
}
#home-news .center ul
{
    list-style: none;
    margin:220px 0 0 0;
    padding:0;
}
#home-news .center ul li
{
    list-style: none;
    padding:0;
    display:inline-block;
    vertical-align: top;
    width:395px;
    height:399px;
    background-color:#ffffff;
    margin:0 93px 0 0;

    overflow: hidden;

    -webkit-box-shadow: 0px 0px 40px -10px rgba(80,80,80,0.5);
    -moz-box-shadow: 0px 0px 40px -10px rgba(80,80,80,0.5);
    box-shadow: 0px 0px 40px -10px rgba(80,80,80,0.5);

    transition: all 0.3s;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#home-news .center ul li:hover
{
    -webkit-box-shadow: 0px 0px 40px -10px rgba(80,80,80,1);
    -moz-box-shadow: 0px 0px 40px -10px rgba(80,80,80,1);
    box-shadow: 0px 0px 40px -10px rgba(80,80,80,1);
}
#home-news .center ul li:last-child
{
    margin-right: 0;
}
#home-news .center ul li a
{
    display:block;
    height:100%;
    width:100%;
}
#home-news .center ul li a .postImageContainer
{
    width:395px;
    height:251px;
    overflow: hidden;
    background-color: #ffffff;
    /*background-color: #F8F8F8;
    background-color: #000000;*/
}
#home-news .center ul li a .postTextContainer::before
{
    content: "";
    display:block;
    line-height: 18px;
    width:100%;
    height:18px;
    background-image: url("./images/home-newsitem-diago.png");
    background-size: 100%;
    transform: translateY(-17px);
}
#home-news .center ul li a .postTextContainer
{
    text-align: left;
}
#home-news .center ul li a .postTextContainer .title-post
{
    padding: 0 20px 10px 20px;
    margin:0;
    color:#F8A900;
    text-decoration: none;
    font-size:18px;
    font-weight: 500;
}
#home-news .center ul li a .postTextContainer .body-container
{
    overflow-y: auto;
    height:80px;
    padding:0 20px;
}
#home-news .center ul li a .postTextContainer .body-container .body
{
    font-size: 16px;
    font-weight: 400;
    color:#505050;
    line-height: 20px;
}
#home-news .center ul li .body p
{
    margin:0;
}
#home-news .center .news-page-link
{
    display: inline-block;
    border:1px solid #F8A900;
    color:#6D7278;
    font-size:18px;

    margin-top:80px;
    padding:7px 15px 5px 15px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#home-news .center .news-page-link:hover
{
    background-color: #F8A900;
    color:#ffffff;
}

/* home actions */
#home-actions
{
    background-image: url("./images/home-actions-bg.png");
    background-position:center;
    height:1137px;
    background-size: auto 100%;
    margin-top:-160px;
    text-align: center;
    padding-top:160px;
}
#home-actions .title,
.current-action .title
{
    font-size:35px;
    font-weight:500;
}
#home-actions .intro,
.current-action .intro
{
    max-width: 670px;
    margin:0 auto;
}
#home-actions .lastest-action,
.current-action .lastest-action
{
    display:block;
    overflow: hidden;
    color:inherit;
    width:1390px;
    max-width: 96%;
    min-height: 365px;
    background-color:#ffffff;
    margin: 80px auto 0 auto;

    -webkit-box-shadow: 0px 0px 40px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 40px -10px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 40px -10px rgba(0,0,0,0.5);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#home-actions .lastest-action:hover,
.current-action .lastest-action:hover
{
    -webkit-box-shadow: 0px 0px 40px -10px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px -10px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px -10px rgba(0,0,0,1);
}
#home-actions .lastest-action > div,
.current-action .lastest-action > div
{
    display:inline-block;
    vertical-align: top;
}
#home-actions .lastest-action .img-container,
.current-action .lastest-action .img-container
{
    width:583px;
    height: 365px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
    opacity: 1;
}
#home-actions .lastest-action .img-container::after,
.current-action .lastest-action .img-container::after
{
    content: "";
    background: #000000;
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#home-actions .lastest-action:hover .img-container::after,
.current-action .lastest-action:hover .img-container::after
{
    opacity: 0.05;
}
#home-actions .lastest-action .img-container .title,
.current-action .lastest-action .img-container .title
{
    z-index: 2;
    font-size:30px;
    font-weight:700;
    color:#ffffff;
    display:block;
    position:absolute;
    margin: 182px 0 0 0;
    transform: translateY(-50%);
    width:583px;
    text-align: center;
    padding:0 100px;
    line-height: 35px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
#home-actions .lastest-action .text-container,
.current-action .lastest-action .text-container
{
    width:calc(100% - 583px);
    padding: 44px 64px;
    text-align: left;
    font-weight: 400;
    font-size:16px;
    line-height: 20px;
}
#home-actions .lastest-action .text-container .title,
.current-action .lastest-action .text-container .title
{
    margin:0 0 40px 0;
    color:#23488F;
    font-weight: 600;
    font-size:25px;
}
#home-actions .lastest-action .text-container h1,
#home-actions .lastest-action .text-container h2,
#home-actions .lastest-action .text-container h3,
#home-actions .lastest-action .text-container h4,
.current-action .lastest-action .text-container h1,
.current-action .lastest-action .text-container h2,
.current-action .lastest-action .text-container h3,
.current-action .lastest-action .text-container h4
{
    font-size:18px;
    color:#F8A901;
    font-weight: 500;
    margin:0 0 5px 0;
}
#home-actions .lastest-action .text-container .button,
.current-action .lastest-action .text-container .button
{
    display:inline-block;
    border: 1px solid #F8A901;
    font-weight: 400;
    margin-top:20px;
    padding:5px 10px;

    font-size: 18px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#home-actions .lastest-action:hover .text-container .button,
.current-action .lastest-action:hover .text-container .button
{
    background-color: #F8A901;
    color:#ffffff;

}
/* /homepage */

/* posts */
.entry-content-bg.with-bg-img
{
    margin-top:-100px;

}
.entry-content-bg .imgs-container
{
    position:absolute;
    width:26%;
}
.entry-content-bg img.bg
{
    display:block;
    /*width:525px;*/
    width:100%;
    height:auto;
    margin-bottom:20px;
}
.entry-content-bg.with-bg-img .entry-content
{
    padding-left:400px;
    padding-top: 80px;

    min-height: 500px;
}
.entry-content-bg.with-bg-img.img-cpt-2 .entry-content
{
    min-height: 1100px;
}
.entry-content-bg.with-bg-img.img-cpt-3 .entry-content
{
    min-height: 1500px;
}
.intro .button,
.entry-content .button
{
    display:inline-block;
    background-color: #F8A900;
    color:#ffffff;
    border:1px solid #F8A900;
    padding: 5px 20px 4px 20px;
    font-weight: bold;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.intro .button:hover,
.entry-content .button:hover,
.entry-content .button:focus,
.entry-content .button:active
{
    background-color: #fff;
    color: #F8A900;
}


.otherPostsLinks::before
{
    content:"";
    background-image: url("./images/diago-bg.png");
    background-color: transparent;
    display:block;
    background-position: center;
    position:relative;
    width:100%;
    left:0;
    bottom:0;
    z-index: 3;
    height:99px;
}
.otherPostsLinks .content
{
    background-color: #F8F8F8;
    text-align: center;
}
.otherPostsLinks .title
{
    font-size:35px;
    color:#23488F;
    display:inline-block;
    margin:20px auto 0 auto;
    max-width: 500px;
    line-height: 41px;
}
.otherPostsLinks ul.posts
{
    margin:0;
    padding:38px 0;
    list-style: none;
    text-align: center;
}
.otherPostsLinks ul.posts li
{
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width:367px;
    height:367px;
    display: inline-block;
    vertical-align: top;

    -webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;


    margin:20px 20px;
}
.otherPostsLinks ul.posts li a
{
    display: block;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.3);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;

}
.otherPostsLinks ul.posts li a:hover
{
    background-color: rgba(0,0,0,0.0);
}
.otherPostsLinks ul.posts li a div.text
{
    color:#ffffff;
    font-size:30px;
    text-align: center;
    padding:10px;
    font-weight:500;
    line-height: 35px;
    margin-top:50%;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);

    transform: translateY(-50%);
}

/* /posts

/* /TEMPLATES */


/* posts list */
/* posts list cat menu */
.cats-menu
{
    max-width: 1550px;
    margin:0 auto;
    padding:0;
    text-align: center;
}
.cats-menu li
{
    display: inline-block;
    list-style: none;
    margin:20px;
    padding:0;
    width:300px;
}
.cats-menu li a
{
    display:block;
    font-size: 24px;
    color:#fff;
    border-radius: 10px;
    background-color:#F8A900;
    padding:0 20px 1px 20px;
    border:1px solid #F8A900;
}
.cats-menu li a:hover
{
    color:#F8A900;
    background-color: #fff;
}
.term > h2
{
    width:100%;
    text-align: center;
    font-size:38px;
    padding-top:150px;
}


ul.postsList
{
    margin:0 auto;
    padding:0;
    max-width:1610px;
    text-align: center;
}
ul.postsList li.post > a
{
    display:block;
    padding-bottom: 20px;
    /*background: lightcoral;*/
}
ul.postsList li.post
{
    text-align: left;
    max-width:457px;
    /*height:723px;*/
    height:auto;
    display:inline-block;
    vertical-align: top;
    margin:30px;
    padding:0;
    list-style: none;

    -webkit-box-shadow: 0 0 40px -10px rgba(80,80,80,0.5);
    box-shadow: 0 0 40px -10px rgba(80,80,80,0.5);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    overflow: hidden;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.postsList li.post:hover
{
    -webkit-box-shadow: 0 0 40px -10px rgba(80,80,80,1);
    box-shadow: 0 0 40px -10px rgba(80,80,80,1);
}
ul.postsList li.post .image-container
{
    /*width:100%;*/
    display:block;
    width:457px;
    height:291px;
    text-align: center;
    background-color: #fff;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
ul.postsList li.post .image-container img
{
    height:100%;
    width:auto;
    max-width: 200%;
    margin-left:50%;
    transform: translateX(-50%);
}
ul.postsList li.post .diago
{
    position: absolute;
    height:20px;
    margin-top:-20px;
    width:457px;
    background-image: url("./images/home-newsitem-diago.png");
    background-size: 100% 100%;
}
ul.postsList li.post .fixed-height
{
    height:100px;
    overflow: hidden;
    padding:30px;
}
ul.postsList.press li.post .fixed-height
{
    /*height:200px;*/
    overflow-y:auto;
}
ul.postsLside-menuist.press li.post .fixed-height .body-post
{
    padding-bottom:40px;
}

/* associations */
ul.postsList.associations li.post
{
    max-width: 300px;
    margin:50px;
}
ul.postsList.associations li.post .title-post
{
    font-size:22px;
}
ul.postsList.associations li.post .diago,
ul.postsList.associations li.post .grandiant-mask
{
    width:300px;
}
ul.postsList.associations li.post .fixed-height
{
    height:115px;
}
ul.postsList.associations li.post .image-container
{
    width:300px;
    background-size: 100% auto;
    /*height:350px;*/
}

ul.postsList li.post .title-post
{
    margin-top:0;
    font-size: 25px;
    line-height: normal;
    font-weight:600;
}
ul.postsList li.post .body-post
{
    color:#505050;
    font-size: 16px;
    line-height:20px;
    font-weight: 400;
}
ul.postsList li.post .body-post h1,
ul.postsList li.post .body-post h2,
ul.postsList li.post .body-post h3,
ul.postsList li.post .body-post h4,
ul.postsList li.post .body-post h5,
ul.postsList li.post .body-post h6
{
    color:#F8A901;
    font-size:18px;
    font-weight: 500;
    margin:0 0 10px 0;
}
ul.postsList li.post .body-post ul,
ul.postsList li.post .body-post ol
{
    margin:0 0 0 17px;
    padding:0;
}
ul.postsList li.post .body-post li
{
    margin-bottom:10px;
}
ul.postsList li.post .grandiant-mask
{
    position:absolute;
    height:60px;
    margin-top:-60px;
    width:457px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
}
ul.postsList li.post a.link-post
{
    color:#23488F;
    font-size:18px;
    font-weight: 400;
    margin:20px 30px;
    display:block;
}
ul.postsList li.post a.link-post:hover
{
    color:#F8A901;
}
/* /posts list */




.bottom-content
{
    max-width: 1550px;
    margin: 200px auto 0 auto;
    font-size: 12px;
}
.bottom-content p{
    margin-bottom:5px;
}
.bottom-content ul,
.bottom-content ol
{
    padding-left:13px;
}




/* SIDE MENU */
#side-sub-menu
{
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin-top:5px;

    overflow: hidden;

    -webkit-box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.2);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#side-sub-menu h3
{
    background-color: #f4a70b;
    color:#fff;
    margin:0;
}
#side-sub-menu h3 a
{
    color:#fff;
    display: block;
    padding:10px 20px;
    font-size: 18px;
}
#side-sub-menu ul
{
    padding:10px 0;
    margin:0;
}
#side-sub-menu li
{
    margin:0;
    padding:0;
    list-style: none;
}
#side-sub-menu li a
{
    display: block;
    color:#505050;
    padding: 10px 20px;
    line-height: normal;
    font-size: 12px;
    font-weight: 700;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
#side-sub-menu li.active a,
#side-sub-menu li a:hover
{
    color: #f4a70b;

}
#side-sub-menu li.active a
{
    border-top: 1px solid #f4a70b;
    border-bottom: 1px solid #f4a70b;
}
.contentContainer.with-side-menu
{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 255px);
    padding-left:40px;
}
/* /SIDE MENU */

/* BOTTOM SUB MENU NAVIGATION */
#sub-menu-items-links
{
    margin:80px 0 0 0;
    padding:0;
    list-style: none;
    width:100%;
    text-align: left;
}
#sub-menu-items-links li
{
    display: inline-block;
    margin-bottom: 20px;
}
#sub-menu-items-links li.prev
{
    margin-right:20px;
}
#sub-menu-items-links li a
{
    display: block;
    font-size: 14px;
    background-color: #F8A900;
    border:1px solid #F8A900;
    color:#ffffff;
    font-weight: 600;
    border-radius: 5px;
    padding:5px 15px;
}
#sub-menu-items-links li a:hover,
#sub-menu-items-links li a:focus
{
    background-color: #ffffff;
    color:#F8A900;
}
/* /BOTTOM SUB MENU NAVIGATION */



/* FORMS */
.recaptcha
{
    display:block;
    margin-bottom:25px;
}


#multi-step-form.fw-large-container .fw-progress-bar-container
{
    max-width: 100%;
}
#multi-step-form .fw-btn-submit
{
    background: #f8a900 !important;
    border:1px solid #f8a900 !important;
    color:#ffffff !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
#multi-step-form .fw-btn-submit:hover
{
    background: #ffffff !important;
    color:#f8a900 !important;
}



form fieldset
{
    width:49%;
    float:left;
    border:1px solid #e5e5e5;
    padding:10px;
    margin-bottom:20px;

    box-sizing: border-box;
}
form fieldset.student
{
    margin-right:2%;
}
form fieldset legend
{
    width:auto;
    padding:0 10px;
}
form fieldset fieldset
{
    width:auto;
}
form .buttons-container
{
    clear:both;
}
span.wpcf7-list-item.first
{

    margin-left:0 !important;
}
/* /FORMS */


/*
ul.postsList, ul.postsList li.post {
    list-style: none;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
ul.postsList li.post {
    display: inline-block;
    max-width: 400px;
    background-color: #fff;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    -webkit-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    -o-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    margin: 40px 20px;
    padding: 40px;
}
ul.postsList li.post:hover {
    -moz-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
    -webkit-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
    -o-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
    box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
}
ul.postsList li.post a {
    display: block;
}
ul.postsList .entry-title {
    font-size: 24px;
    line-height: 1.1;
    color: #23488f;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    margin: 20px 0 0;
}
ul.postsList div.post-excerpt {
    font-size: 16px;
    margin-top: 20px;
    text-align: left;
    line-height: 1.5em;
    color: #8d98aa;
    font-family: "Raleway", sans-serif;
}
#actionsPosts, #newsPosts {
    text-align: center;
    padding: 100px 0;
}
#actionsPosts {
    background-color: #f7f7f7;
}
#actionsPosts h3, #newsPosts h3 {
    font-size: 45px;
    margin-top: 0;
    line-height: 1.2em;
    color: #23488f;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
}
#actionsPosts ul.postsList li.post {
    display: block;
    max-width: 800px;
    margin: 40px auto;
}
#actionsPosts ul.postsList div.post-excerpt {
    font-size: 18px;
}
.organigram-item {
    width: 33%;
    display: inline-block;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #f7a800;
    vertical-align: top;
    margin: 10px 0;
    padding: 10px 20px;
}
.posts-list-page h1.title-post {
    text-align: center;
}
ul.postsList.inPage {
    text-align: center;
}
ul.postsList.inPage li {
    width: 300px;
    margin: 20px;
    padding: 15px;
}*/
.bwg-extended-item {
    margin-bottom: 20px !important;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    -webkit-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    -o-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.bwg-extended-item:hover {
    -moz-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
    -webkit-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
    -o-box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
    box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.3);
}
.bwg-extended-item .bwg_title_spun_0 {
    color: #23488f !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-extended .bwg_title_spun_0 {
    font-size: 24px !important;
    line-height: 1.1 !important;
    color: #f7a800 !important;
    font-family: "Raleway", sans-serif !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-extended .bwg-extended-item, #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-extended .bwg-item0 {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-extended .bwg-extended-item0, #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-extended .bwg-extended-item1 {
    background-color: #fff !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-extended .bwg_description_spun1_0 .bwg_description_short_0 p {
    font-size: 16px !important;
    margin-top: 20px !important;
    line-height: 1.5em !important;
    color: #8d98aa !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 300 !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg_back_0 {
    color: #f7a800 !important;
}

/* CONTACT */
.page-template-page_contact #main .entry-content
{
    width:1200px;
}
#wpcf7-f90-p9-o1 {
    width: 400px;
    /*display: block;*/
    display:inline-block;
    vertical-align: top;
    margin-left:80px;
    float:right;
}
#wpcf7-f90-p9-o1 input
{
    max-width: 100%;
}
.contact-infos {
    width: calc(100% - 490px);
    display: inline-block;
    vertical-align: top;
}
.contact-infos h4
{
    margin-bottom:0;
    text-decoration: none;
}
/* CONTACT */





footer.site-footer {
    margin-top:60px;
    font-size: 18px;
    background-color: #23488F;
    color: #f7a800;
    text-align: center;
    padding:67px 0 10px 0;
}
body.single-post footer.site-footer,
body.single-association footer.site-footer
{
    margin-top:-100px;
}
footer.site-footer .footer-title
{
    font-size:25px;
    color:#F8A900;
    font-weight: 500;
    margin-bottom:28px;
}
footer.site-footer a {
    color: #ffffff;
}
footer.site-footer a:hover {
    text-decoration: underline;
}
footer.site-footer .footer-main,
footer.site-footer .site-info
{
    padding:0;
    width:1550px;
    margin:0 auto;
    text-align: left;

    max-width: 100%;
}
footer.site-footer .footer-main > div
{
    display:inline-block;
    vertical-align: top;
    min-height:210px;
}
footer.site-footer .footer-main .logo-container
{
    width:205px;
    padding-top:63px;
    margin-right:83px;
}

footer.site-footer .footer-main .footer-menu,
footer.site-footer .footer-main .footer-contact
{
    border-right:2px solid #979797;
    color:#fff;
    padding-bottom: 40px;
}
footer.site-footer .footer-main .footer-menu
{
    /*width:493px;*/
    /*width:680px;*/
}
footer.site-footer .footer-main .footer-contact
{
    width:auto;
    /*width:443px;*/
    padding-left: 45px;
    padding-right: 45px;
}

footer.site-footer .footer-main .footer-menu .menu-footer-col-1-container,
footer.site-footer .footer-main .footer-menu .menu-footer-col-2-container,
footer.site-footer .footer-main .footer-menu .menu-footer-col-3-container
{
    display: inline-block;
    vertical-align: top;
    width: 250px;
}


footer.site-footer .footer-main .footer-social
{
    /*width:47px;*/
    padding-left:47px;
    padding-top:40px;
}

footer.site-footer .footer-main ul.menu
{
    margin:0;
    padding:0;
    list-style: none;
}
footer.site-footer .footer-main ul.menu li a
{
    font-size:18px;
    font-weight: 400;
    display:block;
}
footer.site-footer li i.fa
{
    font-size:54px;
    color:#f4a70b;
    margin-bottom:15px;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
footer.site-footer li a:hover i.fa
{
    color:#ffffff;
}
footer.site-footer li span.fontawesome-text
{
    display:none;
}

footer.site-footer .menu-footer-bottom-container
{
    margin-top:100px;
}
footer.site-footer ul#menu-footer-bottom
{
    margin:0;
    padding:0;
    list-style: none;
}
footer.site-footer ul#menu-footer-bottom li
{
    display: inline-block;
    vertical-align: top;
    /*width:24%;*/
    text-align: center;
}
footer.site-footer ul#menu-footer-bottom li a
{
    color:#979797;
    font-size:14px;
    font-weight:500;
}


ul.displayList{

}
ul.displayList li.post{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding:1rem;
    width: 100%;
    max-width: initial;
    position: relative;

}
ul.displayList li.post a.full_link{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
ul.displayList li.post p.link-post{
    display: inline;
    padding:0;
    margin:0;
    color: #23488F;
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width: 1550px) {

    /* sides padding */
    main#main .intro-container .intro,
    #main .entry-content,   
    #home-intro > div.center .text
    {
        padding-left: 4%;
        padding-right: 4%;
    }

    /*#masthead
    {
        overflow: hidden;
    }*/
    #masthead .row
    {
        margin:0;
    }
    #masthead .row .col-md-4
    {
        width:170px;
    }
    #masthead .row .col-md-8
    {
        padding:0;
    }

    /* sub menus */
    .float-header #mainnav ul li ul, .float-header #mainnav ul li:hover ul
    {
        padding-top:17px;
    }


    /* HOME PAGE */
    #home-scroll-arrow
    {
        display:none;
    }
    #home-intro > div.center
    {
        width:100%;
        text-align: center;
    }
    #home-intro .left,
    #home-intro .right
    {
        display:none;
    }

    #home-intro,
    #home-news,
    #home-actions
    {
        overflow: hidden;
    }

    #home-intro > div.center > div
    {
        min-height: auto;
        margin:0 auto;
    }
    #home-intro > div.center .text
    {
        text-align: left;
        width:100%;
        background-image: none;
    }
    #home-intro > div.center .links
    {
        background-image: none;
        min-height: auto;
    }
    #home-intro .links ul
    {
        margin:20px 0;
    }

    #home-news
    {
        margin: 0;
        background-image: none;
    }
    #home-news > div
    {
        height:auto;
    }
    #home-news .left,
    #home-news .right
    {
        display:none;
    }
    #home-news .newslist-title
    {
        display: block;
        background-image: url("./images/home-title-responsive-bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height:132px;
        margin-top:60px;
        line-height: 132px;
        color:#fff;
        font-size:18px;
        font-weight: 400;
        letter-spacing: 7px;
    }
    #home-news .center ul
    {
        margin:0;
        background-color: #fff;
    }
    #home-news .center ul li,
    #home-news .center ul li:last-child
    {
        margin:50px;
    }
    #home-news .center .news-page-link-container
    {
        background-color: #fff;
    }
    #home-news .center .news-page-link
    {
        margin-top:20px;
    }

    #home-actions
    {
        margin:0;
    }


    /* footer */
    footer.site-footer
    {
        margin:0;
        padding: 20px 0 0 0;
    }
    footer.site-footer .footer-main
    {
        width:100%;
    }
    footer.site-footer .footer-main > div
    {
        display:block;
        width:100%;
        min-height: 150px;
        text-align: center;
        border:none !important;
    }
    footer.site-footer .footer-main .logo-container
    {
        max-width:205px;
        margin:0 auto;
        padding:0;
    }
    footer.site-footer .footer-main .footer-social
    {
        padding:0;
        margin:0 auto;
    }

    .entry-content-bg .imgs-container
    {
        display: none;
    }
    main#main .with-bg-img .entry-content
    {
        min-height: auto;
    }

    /*main#main .with-bg-img .entry-content
    {
        background:cadetblue;
        width:70%;
        float:right;
        padding-left:0;
        padding-right:0;
        min-height: auto;
    }
    main#main .with-bg-img .otherPostsLinks::before
    {
        display:none;
    }*/
}
@media screen and (max-width: 1220px) {

    #mainnav ul li
    {
        padding:0 7px;
    }
    #mainnav ul li a
    {
        font-size: 14px;
    }

    #home-actions
    {
        height:auto;
        padding-bottom: 80px;
    }

    #home-actions .lastest-action > div,
    .current-action .lastest-action > div
    {
        display:block;
        width:100% !important;
    }

    #home-actions .lastest-action .img-container .title,
    .current-action .lastest-action .img-container .title
    {
        width:100%;
        padding:0 2%;
    }
    #home-actions .lastest-action .text-container,
    .current-action .lastest-action .text-container
    {
        padding:40px;
    }

    /* sub menu */
    #mainnav ul li ul,
    #mainnav ul li:hover ul
    {
        left:-88%;
    }
    #mainnav li.large-sub-menu ul.sub-menu
    {
        left:-125%;
    }
}
@media screen and (max-width: 1024px) {


    /* responsive menu override */
    button#responsive-menu-button
    {
        top:0 !important;
        right:0 !important;
        width:100% !important;
        text-align: right;
        padding: 0 4% !important;
        background-image: url("../../uploads/2018/12/rotary-header-logo.png") !important;
        background-size: 96px 36px;
        background-repeat: no-repeat;
        background-color: rgba(0,0,0,0.3) !important;
        background-position: 4% 6px;
        /*background: rgba(0,0,0,0.3) !important;*/
        z-index: 10 !important;
    }


    body
    {
        font-size: 16px;
    }
    #main .entry-content
    {
        margin-top: 0;
    }

    .sydney-hero-area .header-image
    {
        background-image: inherit;
    }
    .sydney-hero-area .entry-header
    {
        height:500px;
    }


    body.page-template-page_front-page #content::before
    {
        display: block;
        position:relative;
        margin-top:-99px;
    }

    #home-intro > div.center .text .title
    {
        font-size: 24px;
    }

    /* jeunesse side menu */
    #side-sub-menu
    {
        display:none;
    }
    .contentContainer.with-side-menu
    {
        width:auto;
        padding-left:0;
    }
    #sub-nav-form
    {
        display:block !important;
        position:absolute;
        z-index: 1;
        width:92%;
        font-weight: 600;
        margin-top:-75px;
    }
    #sub-nav-form select
    {
        width:100%;
    }

    .organigram-item {
        width: 100%;
        display: block;
    }
    .header-image .entry-title
    {
        font-size: 50px;
    }


}
@media screen and (max-width: 800px) {
    #home-intro > div.center .links
    {
        width:auto;
    }
    #home-intro .links ul li
    {
        width:100%;
        margin:30px auto;
    }
    #home-intro .links ul li a
    {
        padding-top:160px;
    }
}
@media screen and (max-width: 500px) {
    .header-image .entry-title,
    .text-slider .maintitle
    {
        font-size: 40px;
    }

    #home-news .center ul li,
    #home-news .center ul li:last-child
    {
        margin:50px 0;
        max-width:96%;
    }
    #home-news .center ul li a .postTextContainer::before
    {
        background-image: none;
    }

    main#main .intro-container .intro h2
    {
        font-size:24px;
    }

    ul.postsList li.post
    {
        margin-left:2%;
        margin-right:2%;
        width:96%;
    }
    ul.postsList li.post .image-container
    {
        width: 100%;
    }
    ul.postsList li.post .diago,
    ul.postsList li.post .grandiant-mask
    {
        display:none;
    }

    .otherPostsLinks ul.posts li
    {
        max-width: 96%;
        margin-left:2%;
        margin-right:2%;
    }

    ul.postsList.associations li.post
    {
        margin:20px;
    }

}
@media screen and (max-width: 380px) {
    .header-image .entry-title,
    .text-slider .maintitle
    {
        font-size: 30px;
    }
}
