/********************************************
# GENERAL
*******************************************/


.region-breadcrumb .breadcrumb-wrapper{
    border-bottom: 1px solid #e5e9eb;
}
.region-breadcrumb .breadcrumb{
    max-width:960px;
    margin:auto;
    padding: 14px 0 9px 0;
}
.region-breadcrumb .breadcrumb a{
    color:#4d92b7;
}

.region-breadcrumb .breadcrumb .icoca-icons-Arrow{
    position: relative;
    top: 2px;
    color:#4d92b7;
}

.page-articles-of-association .region-content .custom-page,
.page-the-icoc .region-content .custom-page,
.page-news-and-events .region-content .custom-page,
.page-events .region-content .custom-page,
.page-news .region-content .custom-page,
.page-membership-observers .region-content .custom-page,
.page-2nd-annual-general-assembly-icoca-registrations .region-content .custom-page,
.page-3rd-annual-general-assembly-icoca-registrations .region-content .custom-page,
.page-node .region-content .node-page,
.page-node .region-content .node-list-page,
.page-node .region-content .node-involved,
.page-node .region-content .node-directors{
    max-width:960px;
    margin:auto;
    margin-top: 45px;
    margin-bottom: 81px;
    position: relative;
    text-align: justify;
}
.page-node .region-content p{
    line-height: 28px;
}
.page-articles-of-association .region-banner .banner,
.page-the-icoc .region-banner .banner,
.page-news-and-events .region-banner .banner,
.page-news .region-banner .banner,
.page-events .region-banner .banner,
.page-membership-observers .region-banner .banner,
.page-2nd-annual-general-assembly-icoca-registrations .region-banner .banner,
.page-3rd-annual-general-assembly-icoca-registrations .region-banner .banner,
.page-node .region-banner .banner{
    height:131px;
    background: url('../img/banner-1.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-articles-of-association .region-content .custom-page > h2,
.page-the-icoc .region-content .custom-page > h2,
.page-news-and-events .region-content .custom-page > h2,
.page-news .region-content .custom-page > h2,
.page-events .region-content .custom-page > h2,
.page-membership-observers .region-content .custom-page > h2,
.page-2nd-annual-general-assembly-icoca-registrations .region-content .custom-page > h2,
.page-3rd-annual-general-assembly-icoca-registrations .region-content .custom-page > h2,
.page-node .region-content .node-page > h2,
.page-node .region-content .node-list-page > h2,
.page-node .region-content .node-involved > h2,
    .page-node .region-content .node-directors > h2{
    font-size: 36px;
    border-bottom: 10px solid #006498;
    color:#006498;
    margin-bottom: 38px;
    padding-bottom: 21px;
    padding-left: 7px;
    text-align: left;
}
.page-node .region-content .node-page > h4{
    margin-bottom: 24px;
    font-size: 20px;
    color:#006498;
}

/********************************************
# CKEDITOR
*******************************************/
.region-content .body h2{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
     font-size: 20px;
}

.region-content .body h3{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    font-size: 18px;
}

.region-content .body p{
    line-height: 28px;
}

.region-content .body h3{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    font-size: 16px;
}

.region-content .body strong{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
}

.region-content .body em{
    font-style: italic;
}

.region-content .body sup{
    vertical-align: super;
    font-size: smaller;
}

.region-content .body sub{
    vertical-align: sub;
    font-size: smaller;
}

.region-content .body ul,
.region-content .body ol{
    list-style:initial;
    margin-left: 70px;
}

.region-content .body ul li,
.region-content .body ol li{
    margin-left: 1em;
    margin-bottom: 12px;
}

.region-content .body ul{
    list-style-type:disc;
}
.region-content .body ol{
    list-style-type:decimal;
}

.region-content .body strong{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
}

.region-content .body a{
    color:#4d92b7;
}


/********************************************
# PAGES
*******************************************/
.region-content .bloc-content-toggle{
    background:#f2f2f2;
    border:1px solid #e5e5e5;
    border-bottom: 1px solid #cccccc;
    max-width: 958px;
    padding: 34px 48px;
    font-size: 16px;
}

.region-content .bloc-content-toggle .header{
    padding: 21px 38px 21px 8px;
    position: relative;
    cursor: pointer;
}
.region-content .bloc-content-toggle .header .title{
    font-size:16px;
    float:left;
    text-align: left;
}
.region-content .bloc-content-toggle .item .header .icoca-icons-Arrow{
    font-size: 33px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -16px;
    transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg); /* IE 9 */
   -webkit-transform: rotate3d(0, 0, 1, -90deg); /* Opera, Chrome, and Safari */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.region-content .bloc-content-toggle .item.close .header .icoca-icons-Arrow{
    transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg); /* IE 9 */
   -webkit-transform: rotate3d(0, 0, 1, 90deg); /* Opera, Chrome, and Safari */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.region-content .bloc-content-toggle .item .content{
    border-bottom:1px solid #b2bec4;
}
.region-content .bloc-content-toggle .item .content-body{
    display:none;
}
.region-content .bloc-content-toggle .item .content .body{
    margin-top:20px;
    margin-bottom:40px;
    padding: 0 20px 0 8px;
    line-height: 28px;
}

.region-content .bloc-content-toggle .item:last-child .content{
    border-bottom:none;
}



/********************************************
# THE ICoC AND THE AOA
*******************************************/
.page-the-aoa .region-content .custom-page h4,
.page-the-icoc .region-content .custom-page h4{
    color:#006498;
    font-size: 20px;
    margin-bottom:24px;
    text-align: left;
}

.page-the-icoc .region-content .bloc-header .title-header{
    display: none;
}

.region-content .bloc-header{
    background:#f2f2f2;
    border:1px solid #e5e5e5;
    border-bottom: 1px solid #cccccc;
    max-width: 958px;
    padding: 34px 48px;
    font-size: 16px;
    margin-bottom: 72px
}
.region-content .bloc-header .title{
    font-size: 16px;
     text-align: left;
}

.region-content .bloc-header .item-getdoc{
    float:left;
    width: 20%;
    margin-top: 35px;
    margin-right: 6%;
    border-bottom:1px solid #002639;
    height:40px;
    position:relative;
}

.region-content .bloc-header .item-getdoc:nth-child(4n){
    margin-right: 0;
}
.region-content .bloc-header .item-getdoc .text{
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.region-content .bloc-header .item-getdoc .icoca-icons-Getdoc{
    float:right;
    font-size: 30px;
}


/********************************************
# BASIC PAGE
# LIST PAGES
******************************************/
.node-list-page .body-wrapper,
.node-page .body-wrapper{
    background: #f2f2f2;
    border-bottom: 1px solid #cccccc;
    border: 1px solid #e5e5e5;
    padding: 35px 31px;
}

.node-involved .body-wrapper{
    background:none;
    border: 0;
    padding:0;
}

.page-node-20 .body{
    padding-bottom: 51px;
    margin-bottom: 34px;
}

.node-list-page .body,
.page-node .node-page .body{
    font-size: 16px;
    border-bottom: 1px solid #b2bec4;
    position:relative;
    color: #002639;
    line-height: 28px;
    margin-top: 34px;
    padding-bottom: 13px;
}
.node-list-page .body:last-child,
.page-node .node-page .body:last-child{
    border:0;
    padding-bottom: 0;
}

.node-list-page .body.first:last-child,
.page-node .node-page .body.first:last-child{
    margin-top: 0px;
}

.node-list-page .body h1,
.page-node .node-page .body h1{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    font-size:16px;
    margin-bottom: 28px;
}
.node-list-page .body .basic-page-images,
.page-node .node-page .body .basic-page-images{
    float: left;
    width: 15.65762004175365%;
    margin-right: 38px;
    width: 140px;
    height: 140px;
    background-color: #fff;
    text-align: center;
}
.node-list-page .body .basic-page-images img,
.page-node .node-page .body .basic-page-images img{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.node-list-page .body .basic-page-text,
.page-node .node-page .body .basic-page-text{
    float: left;
    width:100%;
}

.node-list-page .body .basic-page-text.image,
.page-node .node-page .body .basic-page-text.image{
    width:80%;
}

.node-list-page .body .basic-page-text{
    margin-bottom:20px;
}
.node-list-page .body .basic-page-website,
.page-node .node-page .body .basic-page-website{
    position: absolute;
    right: 0;
    bottom: -13px;
}
.node-list-page.node-promoted .body .basic-page-website{
    bottom: 0px;
}

.page-node-508 .node-list-page .body .basic-page-website,
.page-node-495 .node-list-page .body .basic-page-website{
    bottom: 0px;
}

.page-node .node-page .body .basic-page-website .icoca-icons-Website{
    font-size: 30px;
    top: 8px;
    position: relative;
    margin-left:22px;
}


/********************************************
# CONTACT PAGE
******************************************/
.node-contact .body-wrapper h4{
    margin-bottom:43px;
    text-align: left;
}

.node-contact .body-wrapper h5{
    margin-bottom:39px;
    text-align: left;
}

.node-contact .body-wrapper .contact-body{
    float:left;
    width:40%;
    line-height: 24px;
}
.node-contact .body-wrapper .contact-body h2{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    font-size:16px;
}
.node-contact .body-wrapper .contact-body .icoca-icons-Mailto{
    margin-right:14px;
}

.node-contact .body-wrapper .contact-body a{
    text-decoration: underline;
}

/********************************************
# GET INVOLVED PAGE
******************************************/
.node-involved .body-wrapper .header{
    margin-bottom:25px;
    color:#006498;
    padding:0 91px 0 5px;
    text-align: left;
}
.node-involved .body-wrapper .header .title{
    float:left;
    font-size: 20px;
    padding-left:7px;
    text-transform: uppercase;
}
.node-involved .body-wrapper .header .members{
    float: right;
    position: relative;
    right: 27px;
}
.node-involved .body-wrapper .header .members .text{
    font-size: 20px;
}
.node-involved .body-wrapper .header .members .number{
    font-size: 14px;
    color: #FFF;
    padding-right: 14px;
    background: #006498;
    border-color: #006498;
    padding: 0px 9px;
    border-radius: 10px;
    position:relative;
    top:-1px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
}

.node-involved .body-wrapper .list-page-content{
    background: #f2f2f2;
    border-bottom: 1px solid #cccccc;
    border: 1px solid #e5e5e5;
    margin-bottom:72px;
}
.node-involved .body-wrapper .list-page-content .col-left{
    width: 72.1294363256785%;
    float:left;
    border-right: 1px solid #e5e5e5;
    font-size:16px;
    line-height: 28px;
    text-align: justify;
}
.node-involved .body-wrapper .list-page-content .col-left .inner{
    padding: 34px 31px 61px 34px;
}
.node-involved .body-wrapper .list-page-content .col-right{
    border-left: 1px solid #FFF;
    width: 27.55741127348643%;
    float:left;
}
.node-involved .body-wrapper .list-page-content .col-right .inner{
    padding: 34px 18px 61px 25px;
}
.node-involved .body-wrapper .list-page-content .col-right .inner .sub-title{
    padding-bottom: 15px;
    border-bottom: 5px solid #002639;
    margin-bottom: 21px;
    text-align: left;
}
.node-involved .body-wrapper .list-page-content .col-right .inner ul li{
    border-bottom: 1px solid #002639;
    padding: 15px 24px 15px 0px;
    position: relative;
    font-size: 14px;
    list-style:none;
    position: relative;
    min-height:20px;
    margin-left:0px;
}

.node-involved .body-wrapper .list-page-content .col-right .inner ul li a{
    color: #002639;
    text-decoration: none;
}

.node-involved .body-wrapper .list-page-content .col-right .inner ul li .icoca-icons-Map,
.node-involved .body-wrapper .list-page-content .col-right .inner ul li .icoca-icons-List,
.node-involved .body-wrapper .list-page-content .col-right .inner ul li .icoca-icons-Members{
    font-size: 24px;
    margin-right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
}

.node-involved .body-wrapper .list-page-content .col-right .inner ul li .text{
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 42px;
}

.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-criterias{
    margin-top:50px;
}
.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-criterias,
.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-application{
    min-height:35px;
}

.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-application .icon-membership-application{
    background:  url('../img/icon-membership-application.png') center center no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    margin-top:10px;
}

.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-criterias .text,
.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-application .text{
    max-width: 170px;
}
.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-criterias .icoca-icons-Members,
.node-involved .body-wrapper .list-page-content .col-right .inner ul li.view-application .icoca-icons-Application{
    margin-top: -5px;
}

.node-involved .body-wrapper .list-page-content .col-right .inner ul li .icoca-icons-Arrow{
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -12px;
    font-size: 24px;
}
.node-involved .body-wrapper .footer{
     display:none;
}

/********************************************
# THE BOARD OF DIRECTORS
******************************************/
.node-directors .body-wrapper .header{
    color:#006498;
    padding:0 91px 0 5px;
    text-align: left;
}
.node-directors .body-wrapper .header .title{
    float:left;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.node-directors .body-wrapp .body.first .header .title{
    margin-top: 0px;
}

.node-directors .body-wrapper .list-page-content{
    background: #f2f2f2;
    border-bottom: 1px solid #cccccc;
    border: 1px solid #e5e5e5;
}

.node-directors .body-wrapper .list-page-content .inner{
    padding: 34px 31px 61px 34px;
}

.node-directors .body-wrapper .list-page-content .basic-page-images,
.node-directors .body-wrapper .list-page-content  .basic-page-images{
    float: left;
    width: 15.65762004175365%;
    margin-right: 38px;

}
.node-directors .body-wrapper .list-page-content  .basic-page-text{
    float: left;
    width:100%;
    text-align: justify;
    line-height: 28px;
}

.node-directors .body-wrapper .list-page-content  .basic-page-text.image{
    width:80%;
}

/********************************************
# OBSERVERS
******************************************/
.page-node-495 .body-wrapper{
    padding-top: 0px;
}

.page-node-495 .body-wrapper .body h1{
    margin-bottom: 2px;
}

.page-node-495 .body-wrapper .body .basic-page-text{
    margin-bottom: -15px;
}