/* ----------------------------------------
        :headings
---------------------------------------- */

html{
    font-size: 16px;
}

.hgroup {
    position: relative;
    margin: 10px 0 0;
    margin: 0px 0 0;
}

.hgroup h1,
.hgroup h2 { display: inline; }

.i18n-fr h1{ font-size: 1.6em; margin: 1% 0 2%}

@media screen and ( max-width: 768px ) {
    h1 {
        font-size: 1.5em;
        font-weight: 400;
    }
    .preamble{
        font: 300 1em/1.5em 'roboto', sans-serif;
        color: #666;
    }
}

.content-style ul.pagination li {margin-left:0}
.bulletless {
    list-style: none;
    margin-left: 0;
}

.organizer { margin: 0; }

.organizer li { margin: 10px 0 0; }

.folder {
    text-transform: uppercase;
    font-weight: bold;
    color: #666F6F;
}

.checklist li {
    overflow: hidden;
    padding-left: 20px;
    margin-top: 3px;
}

.checklist li input[type="checkbox"],
.checklist li .icon-collapse,
.checklist li .icon-expand {
    float: left;
    margin-left: -20px;
    height: 1.35em;
}

/* ----------------------------------------
        :custom
---------------------------------------- */

.preamble, .view-header {
    font: 300 1.4em/1.5em 'roboto', sans-serif;
    color: #666;
}

/* aquo = "angle quotes" */
.entity {
    font-family: 'verdana', sans-serif;
}

/* dem = "de-emphasis" */
.dem,
a.dem,
a:hover.dem {
    color: #888;
    font-size: 12px
}

.tag,
a.tag,
a:hover.tag {
    display: inline-block;
    background: #EAEAEA;
    color: #888;
    text-decoration: none;
    padding: 0 7px;
    text-transform: uppercase;
    line-height: 1.6em;
}

.note {
    background: #FEA;
    padding: 0 3px;
    color: #764;
    border: 1px #ED9 solid;
}

.toggler {
    cursor: pointer;
}

.notice {
    background: #EEE;
    border: 1px #CCC solid;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.notice a,
.notice a:hover {
    color: #D40;
}

hr {
    height: 1px;
    border: 0;
    background: url('../../images/default-theme/bg-dotted.png');
}

.allcaps {
    text-transform: uppercase;
}

/* ----------------------------------------
        :buttons
---------------------------------------- */

.email-this,
a:hover.email-this {
    display: inline-block;
    height: 20px;
    background: #EEE;
    padding: 0 5px;
    border: 1px #AAA solid;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: .9em;
    font-weight: bold;
    line-height: 20px;
}

/* default button color is orange (#E64) */



.button.green {
    background: #377751;
}

.button.green .icon {
    background-color: #084D2B;
}

.button.white {
    background: #FFF;
    color: #C42;
}

.button.white .icon {
    background-color: #DDD;
}

.button.black {
    background: #000F0F;
    color: #FFF;
}

.button.black .icon {
    background-color: #111F1F;
}

/* ----------------------------------------
        :tables
---------------------------------------- */

table {
    border-collapse: collapse;
}

tr {
    vertical-align: top;
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell !important;
    vertical-align: top;
}

/* ----------------------------------------
        :summary
---------------------------------------- */

table.summary {
    border-bottom: 1px #AAA solid;
}

table.summary th,
table.summary td {
    border-top: 1px #AAA solid;
    padding: 5px 10px;
}

table.summary .featured th{ position: relative; padding: 10px 10px 5px}
table.summary .featured th:before{ content: ""; position: absolute; top: 0px; left: 0; border-top: 20px solid #CC0000; border-right: 20px solid transparent}
/* ----------------------------------------
        :social-bar
---------------------------------------- */

.social-bar {
    overflow: hidden;
}

.social-bar li {
    float: left;
    margin: 0 10px 0 0;
}

/* ----------------------------------------
        :calendar
---------------------------------------- */

table.calendar {
    width: 100%;
    text-align: center;
    border-bottom: 1px #888 solid;
}

table.calendar td,
table.calendar th {
    vertical-align: middle;
}

table.calendar .dem {
    background: #EEE;
    color: #AAA;
}

table.calendar thead tr.month th {
    height: 40px;
    line-height: 40px;
    font-size: 1.1em;
}

table.calendar thead a {
    text-decoration: none;
}

table.calendar thead tr.month a {
    color: #FFF;
}

table.calendar thead tr .icon {
    width: 100%;
    padding: 0;
}

table.calendar thead tr.month th {
    background: #7FB05E;
    border-top: 1px #377751 solid;
    border-bottom: 1px #377751 solid;
    color: #FFF;
    text-transform: uppercase;
}

table.calendar thead tr.month th.first {
    border-left: 1px #377751 solid;
    background-image: url('../../images/default-theme/bg-vr.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

table.calendar thead tr.month th.last {
    background-image: url('../../images/default-theme/bg-vr.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    border-right: 1px #377751 solid;
}

table.calendar thead tr.weekday th {
    height: 30px;
    line-height: 30px;
    width: 14.28%;
    font-weight: normal;
    color: #377751;
}

table.calendar thead tr.weekday th.first {
    border-left: 1px #888 solid;
}

table.calendar thead tr.weekday th.last {
    border-right: 1px #888 solid;
}

table.calendar tbody td {
    height: 40px;
    line-height: 40px;
    border-top: 1px #CCC solid;
    border-left: 1px #CCC solid;
}

table.calendar tbody td.today {
    background: #FEA;
    color: #764;
}

table.calendar tbody td.today a {
    color: #764;
}

table.calendar tbody a {
    display: block;
    background: url('../../images/default-theme/icon-hasevent.png') no-repeat 100% 0;
    color: #444;
}

table.calendar tbody .dem a {
    display: block;
    background: url('../../images/default-theme/icon-hasevent-dem.png') no-repeat 100% 0;
    color: #AAA;
}

table.calendar tbody tr.first td {
    border-top: 1px #888 solid;
}

table.calendar tbody td.first {
    border-left: 1px #888 solid;
}

table.calendar tbody td.last {
    border-right: 1px #888 solid;
}

/* ----------------------------------------
        :lists
---------------------------------------- */

.bulletless {
    list-style: none;
}

.nav {
    margin: 0;
    list-style: none;
}

.paginator {
    position: relative;
    text-align: center;
    overflow: hidden;
    list-style: none;
}

/* ----------------------------------------
        :icons
---------------------------------------- */

.icon {
    display: inline-block;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    width: 0;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon.icon-collapse {
    padding-left: 11px;
    height: 11px;
    line-height: 11px;
    background-image: url('../../images/default-theme/icon-collapse.png');
}

.icon.icon-email {
    padding-left: 13px;
    height: 10px;
    line-height: 10px;
    background-image: url('../../images/default-theme/icon-email.png');
}

.icon.icon-expand {
    padding-left: 11px;
    height: 11px;
    line-height: 11px;
    background-image: url('../../images/default-theme/icon-expand.png');
}

.icon.icon-facebook {
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    background-image: url('../../images/default-theme/icon-facebook.png');
}

.icon.icon-lsaquo-sm {
    height: 30px;
    background-image: url('../../images/default-theme/icon-lsaquo-sm.png');
    line-height: 30px;
}

.icon.icon-linkedin {
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    background-image: url('../../images/default-theme/icon-linkedin.png');
}

.icon.icon-navicon {
    padding-left: 12px;
    height: 10px;
    line-height: 10px;
    background: url('../../images/default-theme/icon-navicon.png') no-repeat 0 0;
}

.icon.icon-pager {
    padding-left: 16px;
    height: 16px;
    line-height: 16px;
    background: url('../../images/default-theme/btn-pager.png') no-repeat 0 0;
}

.icon.icon-pager.active {
    background-position: 0 -16px;
}

.icon.icon-pdf {
    background-image: url('../../images/default-theme/icon-pdf.png');
}

.icon.icon-prev {
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
    background-image: url('../../images/default-theme/btn-prev.png');
}

.icon.icon-prev-sm {
    padding-left: 21px;
    height: 21px;
    line-height: 21px;
    background-image: url('../../images/default-theme/btn-prev-sm.png');
}

.icon.icon-next {
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
    background-image: url('../../images/default-theme/btn-next.png');
}

.icon.icon-next-sm {
    padding-left: 21px;
    height: 21px;
    line-height: 21px;
    background-image: url('../../images/default-theme/btn-next-sm.png');
}

.button.white .icon.icon-rsaquo {
    background-image: url('../../images/default-theme/icon-rsaquo-orange.png');
}

.icon.icon-rsaquo-sm {
    height: 30px;
    background-image: url('../../images/default-theme/icon-rsaquo-sm.png');
    line-height: 30px;
}

.icon.icon-twitter {
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    background-image: url('../../images/default-theme/icon-twitter.png');
}

.social-links {
    overflow: hidden;
}

.social-links li {
    display: inline-block;
    float: left;
}

/* ----------------------------------------
        :attachments
---------------------------------------- */

.attachment {
    display: inline-block;
    background-color: #EAEAEA;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border-left: 2px #AAA solid;
    color: #666;
    text-decoration: none;
    padding: 0 10px 0 40px;
    height: 30px;
    line-height: 30px;
}

.attachment.attachment-pdf {
    background-image: url('../../images/default-theme/icon-pdf.png');
    border-color: #E66;
}

.attachment.attachment-url {
    background-image: url('../../images/default-theme/icon-url.png');
    border-color: #6BD
}

.attachment:hover {
    background-color: #CCC;
    color: #666
}

/* ========================================
        :widgets
======================================== */

.widget, .region-sidebar-first {
    overflow: hidden;
    background: #FFF;
    margin: 40px 0 0;
    margin:0;
    border-top: 3px #888f8f solid;
    border-bottom: 1px #888f8f solid;
}

.widget .hgroup, .filter-block h2.block-title, .region-sidebar-first .hgroup{
    margin: 0;
    padding: 0;
    background: #F6F6F6;
    color: #666F6F;
}

.widget .hgroup h2, .filter-block h2.block-title , .region-sidebar-first .hgroup h2 {
    display: inline-block;
    padding: 0 0 0 20px;
    border: 0;
    margin: 0;
    line-height: 60px;
    height: 60px;
}

.filter-block h2.block-title  {width: 100%}

.widget .hgroup .icon.marker , .region-sidebar-first .hgroup .icon.marker {
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 70px;
    border-right: 1px #666F6F solid;
}

.widget-body {
    overflow: hidden;
    padding: 20px;
    background: url('../../images/default-theme/bg-dotted.png') repeat-x 0 0;
}

.widget .widget-ftr, .filter-block .views-submit-button {
    padding: 20px;
    text-align: right;
    background: #F6F6F6 url('../../images/default-theme/bg-dotted.png') repeat-x 0 0;
}

.filter-block .views-submit-button {text-align: left;width: 100%;margin-top: 20px}
.filter-block .views-exposed-form .views-exposed-widget .form-submit {margin-top: 0;text-transform: uppercase;background-color:#EE6644;border-color:#D43F3A}

.widget .widget-ftr a {
    text-align: right;
    text-decoration: none;
}

/*@media screen and ( max-width: 980px ) {
        .widget .hgroup .pager {
                right: 20px;
        }
}*/

/* ----------------------------------------
        :widget-latest-resources
---------------------------------------- */

#widget-latest-resources {
    float: none; /*width: 780px;*/ border-color: #7FB05E;
}

/*#widget-latest-resources .hgroup {
    background: none;
    padding: 10px 20px;
}*/

/*#widget-latest-resources .hgroup h2 {
    color: #000;
    font: 300 2em 'roboto', sans-serif;
    height: auto;
    padding: 0;
}*/

#widget-latest-resources .resource-list {
    margin: 0; padding: 0;
}
#widget-latest-resources .pager, .region-sidebar-first .hgroup .pager {
    position: absolute;
    right: 20px;
    bottom: -30px;
}
#widget-latest-resources .pager .icon , .region-sidebar-first .hgroup .pager .icon {
    float: left;
    margin-left: 10px;
}
#widget-latest-resources .resource {
    padding: 20px 12px;
    background: url('../../images/default-theme/bg-dotted.png') repeat-x 0 0;
}
#widget-latest-resources .tag {
    float: right;
}
#widget-latest-resources .resource h3 {
    margin: .5em 0 0;
    line-height: 1.5em;
}
#widget-latest-resources .resource p {
    margin: 0;
}
#widget-latest-resources li.resource {position: relative;padding-left:66px;min-height: 68px}
#widget-latest-resources li.resource-type-evidence-review:before { content: "";vertical-align: middle;background:url('../../images/default-theme/Evidence_review.jpg') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-document:before { content: "";vertical-align: middle;background:url('../../images/default-theme/document.png') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-degree-program:before { content: "";vertical-align: middle;background:url('../../images/default-theme/degree_programme.png') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-guidelines:before { content: "";vertical-align: middle;background:url('../../images/default-theme/how_to_guild.jpg') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-project:before { content: "";vertical-align: middle;background:url('../../images/default-theme/how_to_guild.jpg') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-practicum-placements:before { content: "";vertical-align: middle;background:url('../../images/default-theme/practicum_placements.png') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-legislation:before { content: "";vertical-align: middle;background:url('../../images/default-theme/legislation.png') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-législation:before { content: "";vertical-align: middle;background:url('../../images/default-theme/legislation.png') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}
#widget-latest-resources li.resource-type-workshops-presentations:before { content: "";vertical-align: middle;background:url('../../images/default-theme/practice_cenario.jpg') no-repeat;width: 44px;height: 44px;display: inline-block;position: absolute;left:10px}

@media screen and ( max-width: 1200px ) {
    #widget-latest-resources .hgroup .preamble {
        padding: 0 80px 0 0;
    }
}

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

    #widget-latest-resources .hgroup,
    #widget-latest-resources .resource {
        padding: 20px;
    }

    #widget-latest-resources .hgroup .preamble {
        display: none;
    }
}

@media screen and ( max-width: 768px ) {
    #widget-latest-resources {
        float: none;
        width: 100%;
    }
    .preamble{
        font: 300 1em/1.5em 'roboto', sans-serif;
        color: #666;
    }
}


/* ----------------------------------------
        :widget-upcoming-events
---------------------------------------- */

.widget-footer a {
    color: #666F6F;
}

#widget-upcoming-events .event h3 {
    margin: 0;
}

@media screen and ( max-width: 768px ) {
    #widget-upcoming-events {
        float: none;
        width: 100%;
    }
}

/* ----------------------------------------
        :widget-twitter-feed
---------------------------------------- */

#widget-twitter-feed {
    float: right;
    background: none;
    border: 0;
}

#widget-twitter-feed iframe {
    height: 240px !important;
}

@media screen and ( max-width: 980px ) {
    #widget-twitter-feed iframe {
        height: 300px !important;
    }
}

@media screen and ( max-width: 768px ) {
    #widget-twitter-feed {
        width: 100%;
    }
}

/* ----------------------------------------
        :forms
---------------------------------------- */

form {
    margin: 20px 0 0 0;
}

input[type="text"],
select {
    display: inline-block;
    background: none;
    border: 1px #AAA solid;
}

select {
    cursor: pointer;
}

input[type="submit"],
input[type="button"],
button {
    display: inline-block;
    cursor: pointer;
    border: 0;
    padding: 0 20px;
}

textarea:focus, input:focus{
    outline: 0;
}

/* ----------------------------------------
                :frm-search
        ---------------------------------------- */

.frm-search {
    position: relative;
}

#header form.frm-search {
    margin: 0;
}

.frm-search table {
    width: 94%;
}

.frm-search table td .extra {
    padding: 4px 9px;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

.frm-search table td.td-txt-search .extra {
    border-left: 1px solid #AAA;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.frm-search table td.td-cmd-search {
    padding: 0;
}

.frm-search .txt-search {
    width: 100%;
    border: 0;
    height: 30px;
}

.frm-search td.td-sel-content-type {
    background: url('../../images/default-theme/bg-vr.png') no-repeat 0 50%;
}

.frm-search table td.td-sel-content-type .extra {
    padding: 9px;
}

.frm-search .sel-content-type {
    border: 0;
    height: 20px;
}

.frm-search button,.frm-search .btn-info {
    width: 40px;
    height:36px;
    border: 1px #689F5E solid;
    text-indent: -9999px;
    background: #7FB05E url('../../images/default-theme/icon-search.png') no-repeat 50% 50%;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-radius: 0 2px 2px 0;
}

.frm-search .td-navicon {
    padding: 0;
}

.frm-search .form-control { height: 32px; padding: 0}
.frm-search .form-control:focus{ box-shadow: none}
.frm-search .form-item .form-text,
.frm-search .form-item .form-select{ border: none; font-size: 12px; padding: 6px 4px }
.frm-search .form-item .form-text{ width: 266px}
.frm-search .views-widget-filter-type { background: url('../../images/default-theme/bg-vr.png') no-repeat 0 50%}
.frm-search .views-exposed-widget {  padding: 0 !important;}
.frm-search .views-widget { padding: 3px 2px 3px 8px}
.frm-search .views-exposed-widgets {    border: 1px solid #AAA; border-radius: 3px 3px;}
.frm-search .views-submit-button { float: right}


@media screen and ( max-width: 980px ) {
    #header form.frm-search {
        width:91%;
    }

    #header form.frm-search table td .extra {
        border: 0;
    }

    #header .mobile_search{
        position: absolute;  top: 0; left:0; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa;
    }
    #header #edit-type-wrapper { display:none }

    .mobile_search { width: 100% !important; margin: 0!important; padding: 0!important }
    .mobile_search:after{ clear: both }
    .td-navicon { float: right; z-index: 1000; border: none}

    .frm-search .cmd-search, .frm-search .btn-info, .frm-search .btn-default {
        border: 0; background: url('../../images/default-theme/icon-search-alt.png') no-repeat 50% 50%;
    }
    .frm-search .views-exposed-widgets { border: none; border-radius: 0; z-index: 100}
    .frm-search .views-submit-button {margin-right: 10px}
    .frm-search .form-item .form-text{ width: 190px}
}


@media screen and ( max-width: 568px ) {
    #header form.frm-search {
        width:85%;
    }
}

/* ----------------------------------------
        :layout
---------------------------------------- */

.hidden {
    display: none;
}

.nomargin {
    margin-top: 0;
}

.wrapper {
    /*	width: 1180px;*/
    margin: auto;
    text-align: left;
}

/*.container {
        padding: 20px;
}*/

.subpage #content .container {
    /*		width: 780px;*/
    padding: 40px 0;
    margin: auto;
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}

.alignleft {
    text-align: left !important;
}

.aligncenter {
    text-align: center !important;
}

.alignright {
    text-align: right !important;
}

.clear {
    clear: both;
}

.page {
    background: #FFF;
    margin-bottom: 40px
}

.page .listing li.last,
.page .container.last {
    padding-bottom: 40px;
    border-bottom: 1px #AAA solid;
}

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

    .non-mobile-only { display: none !important; }

    .subpage #content .container { width: auto; padding: 40px 20px; margin: auto;    }
}

/* ========================================
        :promo
======================================== */

.promo{
    background: #FFF;
    border-bottom: 1px #CCC solid;
    border-top: 1px #CCC solid;
    margin-top:20px
}

.promo .wrapper {
    display: table;
    background: url('../../images/default-theme/bg-swirl.png') no-repeat 100% 0;
}

.promo .wrapper .inner-wrapper {
    display: table-row;
}

.promo .promo-body {
    display: table-cell;
    /*		width: 800px;*/
    padding: 45px 0;
    border-left: 1px #CCC solid;
    vertical-align: top;
}

.promo .promo-body .inner {
    display: block;
}
.promo .promo-body .inner h1{
    border-bottom: 2px #CCC solid;  padding: 0 0 0 25%;
}
.promo .promo-body h1 span.inner {
    display: inline-block;
    padding: 0 0 0 25%;
    border-bottom: 2px #CCC solid;
}
.promo .promo-body .inner h2 {
    margin: 0;  padding: 0 0 0 25%;
}

.promo .preamble {
    margin-top: 20px;
}

.promo-body .container {
    width: inherit;
}
.promo .promo-body .container {
    padding: 0 20px 0 70px;
}

.promo .promo-image {
    display: table-cell;
    padding: 40px 0;
    padding:32px 0;
    border-left: 1px #CCC solid;
    vertical-align: top;
}

.promo.dark {
    background-color: #377751;
    color: #FFF;
    border-color: #7FB05E;
    margin: 0;
}

.promo.dark .promo-body {
    border-color: #7FB05E;
}

.promo.dark .promo-body h1 span.inner {
    border-color: #7FB05E;
    color: #FFF;
}

.promo.dark .preamble {
    color: #FFF;
}

.promo.dark .promo-image {
    border-color: #7FB05E;
}
.region-current-projects {position: relative}
.promo h2.block-title {top:40px;position: absolute;z-index: 1000;text-transform: uppercase;font-size: 15px;left:17%}

@media screen and ( max-width: 1200px ) {
    .promo .promo-body {
        width: 640px;
    }

    .promo .promo-body h1 span.inner {
        padding: 0 0 0 100px;
    }

    .promo .promo-body .container {
        padding: 0 20px 0 100px;
    }
}

@media screen and ( max-width: 980px ) {
    .promo .promo-body {
        width: 500px;
    }

    .promo .promo-body h1 span.inner {
        padding: 0 0 0 20px;
    }

    .promo .promo-body .container {
        padding: 0 20px;
    }

    .promo h2.block-title {left:10%}
}

@media screen and ( max-width: 768px ) {
    .promo .wrapper,
    .promo .inner-wrapper,
    .promo .promo-body,
    .promo .promo-image {
        display: block;
    }

    .promo .promo-body {
        padding: 20px 0;
        width: auto;
    }

    .promo h2.block-title {top:12px;left:20px}

    .promo .wrapper {
        background:none;
    }
}

/* ========================================
        :content
======================================== */

#content {
    overflow: hidden;
    background: #EEE;
    padding: 0 0 40px;
}

.subpage #content {
    overflow: hidden;
    background: #FFF;
}

#breadcrumb {
    color: #888;
}

#breadcrumb a {
    color: #E64;
}

@media screen and ( max-width: 768px ) {
    #breadcrumb {
        display: none;
    }
}

/* ========================================
        :main
======================================== */

#main {
    /*	width: 780px;*/
    float: right;
}

#main .wrapper {
    position: relative;
}

.sort-by {
    position: absolute;
    right: 20px;
    top:13px;
    margin: 0;
    white-space: nowrap;
}
.sort-by .views-widget { border: 1px solid #aaa;padding:5px 10px;margin-bottom: 10px}
.sort-by .views-widget .form-group { display:flex ;margin-bottom: 0}
.sort-by .views-widget label { font-weight: normal;margin:3px 10px 3px 0;color:#689f5e;font-size: 1.3em}
.i18n-fr .sort-by .views-widget label { margin: 0 10px 0 0}
.sort-by select.form-control {
    border: 0;
    height: 24px;
    padding: 0 10px 0 0;
    margin-left:6%;
    box-shadow:none;
    font-size: 1.3em;
    /*width:auto;*/
    background-color:transparent;
    display:inline
}
.i18n-fr .sort-by select.form-control { height: 22px; font-size: 1.2em }
#main .paginator a {
    text-decoration: none;
    color: #888;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #DDDFDF;
    line-height: 30px;
}

#main .paginator a:hover {
    background: #CCC;
    color: #666
}

#main .paginator .active a {
    background: #444;
    color: #FFF;
}

#main .paginator li {
    display: inline-block;
}

#main .paginator .prev,
#main .paginator .next {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
}

#main .paginator .next {
    left: auto;
    right: 0;
}

#main .paginator .prev a,
#main .paginator .next a {
    width: auto;
    padding: 0 10px;
}

@media screen and ( max-width: 1200px ) {
    #main {
        width: 680px;
    }
}

@media screen and ( max-width: 980px ) {
    #main {
        width: 100%;
    }
}

@media screen and ( max-width: 991px ) {
    #main {
        margin: 40px 0 0;
    }

    .sort-by {
        position: static;
        width: 100%;
        margin: 10px 0 0;
    }

    #sortby td.td-sel-sortby,
    #sortby .sel-sortby {
        width: 100%;
    }
}

/* ========================================
        :sidebar
======================================== */

#sidebar {
    float: left;
    margin: 0;
}

/* Custom Styles - Eranga */

.frm-search .views-exposed-form .views-exposed-widget .form-submit {margin-top:0}
#header .views-exposed-form {float: right; width: 100%}
#header .views-exposed-form .views-exposed-widget:last-child {padding-right: 0}


.promo-body .container {width: inherit}

#header .social-links li {margin:0}
#menu .menu {text-transform: uppercase}

.block-social-media-links .horizontal li.last {padding-right: 0}

#widget-latest-resources .pager li.pager-current {display:none}
#widget-latest-resources .pager .pager-previous a {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    text-indent: -9999px;
    width: 0;
    background-image: url("../../images/default-theme/btn-prev-sm.png");
    height: 21px;
    line-height: 21px;
    padding-left: 14px;}

#widget-latest-resources .pager-next a {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    text-indent: -9999px;
    width: 0;
    background-image: url("../../images/default-theme/btn-next-sm.png");
    height: 21px;
    line-height: 21px;
    padding-left: 14px;}

#widget-latest-resources .pager li > a, .pager li > span {border: 0;border-radius: 0}
#widget-latest-resources .pager li > a:hover, .pager li > a:focus {background-color: #FFF}

.views-exposed-form .frm-search .form-control {height: 32px}

#block-views-exp-search-page .form-control{box-shadow:none}

.region-current-projects .carousel-indicators { margin-left: 0;}
.region-current-projects .carousel-indicators li {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    text-indent: -9999px;
    width: 0;
    background: url("../../images/default-theme/btn-pager.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    line-height: 18px;
    padding-left: 16px;
}

.region-current-projects .carousel-indicators li.current {
    background: url("../../images/default-theme/btn-pager.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

}
.region-current-projects .carousel-indicators {text-align: left}
.region-current-projects .carousel-indicators li.active {background-position: 0 -16px}
.content { padding: 20px; }

.promo .label {color:inherit !important}

.region-current-projects .carousel-indicators {top:30px;left:32%}

/*.carousel-indicators {margin-left: 0}*/

@media screen and ( max-width: 980px ) {
    .region-current-projects .carousel-indicators {top:32px;left:250px}
}

@media screen and ( max-width: 768px ) {
    .region-current-projects .carousel-indicators {top:2px;left:195px}
}


/* Degree pragramme page */

.views-exposed-form .form-control {
    border: 0;
    border-radius:0;
    box-shadow:0;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height:auto;
    line-height: 1.42857;
    padding: 6px 12px;
    transition:none;
    vertical-align: middle;
    width:auto;
    box-shadow:none
}

.views-exposed-form label.option {padding-left: 10px;font-weight:400;margin-bottom: 1px}
.views-exposed-form .views-exposed-form .views-exposed-widget {float: none}
.views-exposed-form .views-exposed-widget > label {color: #666F6F;font-weight: 700;text-transform: uppercase;margin-bottom: 0 }
/*.views-exposed-form .views-exposed-widget > label:before{display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content:"\f147"}*/
.views-exposed-form .form-type-select > label {color: #666F6F;font-weight: 700 }
.views-exposed-form input[type="radio"], input[type="checkbox"] {line-height: normal; margin: 0;}
.views-exposed-form form-type-select{}
.region-sidebar-second .views-submit-button button{margin:20px !important;}
.views-exposed-widgets {margin: 0 !important;}
.region-sidebar-second .views-submit-button{
    background: url("../../images/default-theme/bg-dotted.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 0;
}
.item-list ul{list-style: none outside none;
    margin-top: 0;}
.file-icon{display: none;}

.views-exposed-form .views-exposed-form .views-exposed-widget {padding: 0}

#main .pagination .active a {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
}
#main .pagination a {
    background: none repeat scroll 0 0 #DDDFDF;
    color: #888888;
    display: inline-block;
    height: 30px;
    line-height: 16px;
    margin-right: 10px;
    text-decoration: none;
    width: 30px;
    border-radius: 0
}

#main .pagination .next a {width:70px}
#main .pagination .prev a {width:96px}
#main .pagination a {
    background: none repeat scroll 0 0 #DDDFDF;
    color: #888888;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    width: 30px;
}
#main .pagination a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #666666;
}
#main .paginator .active a {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
}
#main .paginator li {
    display: inline-block;
}
#main .paginator .prev, #main .paginator .next {
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
}
#main .paginator .next {
    left: auto;
    right: 0;
}
#main .paginator .prev a, #main .paginator .next a {
    padding: 0 10px;
    width: auto;
}

.paginator {
    list-style: none outside none;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#sidebar .widget { margin-top: 0 }

.navbar { margin-bottom:0 }

.navbar .logo {
    padding-right: 0;
}

/* adding additional width to the main navigation */
.main-banner-container{
    padding-left: 0;
    padding-right: 0;
}

.breadcrumb {background-color:#fff; color: #888888;}
.breadcrumb a {text-decoration: none; color: #888888;}
.breadcrumb > li + li:before  { content: "› ";}
.breadcrumb > li:first-child + li:before  { content: ": ";}
.breadcrumb > .active {color: #EE6644;}

/* footer menu */

.region-triptych-last .widget {border: 0}
.region-navigation {float: right}
.front h1.page-header {display: none}

#boxes-box-copyrights_notice p {margin-top: 0}
.view-header p {font-weight: 400;padding-bottom: 25px}
.listing li, .views-row li {padding:10px 20px 10px 0}
.alert {margin-top: 20px}
.webform-client-form label {margin-top: 20px}
.form-type-radio form-item-submitted-would-you-like-to-receive-occasional-updates-from-the-ncceh-via-our-distribution-list {float: left}
#webform-component-email label {display: block}
#webform-component-email input{   padding: 6px 12px;width: 100%}
.webform-client-form .btn-primary {margin-top:20px}
.tabs--primary {padding-top:20px}
.region-content .content {padding-left: 0}
.top-banners .promo{
    margin-bottom:40px
}
.breadcrumb {background: #EEEEEE}
.front .breadcrumb {display: none}
#top-nav {background: #FFF}
body.front { background: #FFF}
.static-page {margin-top: 0;border-right: 1px #CCC solid;border-top:none}
.filter-block .views-widget-filter-field_degree_programs_tid_i18n, .filter-block .views-widget-sort-sort_bef_combine {padding-left: 10px}
.filter-block ul li {list-style: none}
.filter-block ul ul {margin-left: 0}
.alert-block ul li {list-style: none}
.filter-block .form-select {border: 1px solid #CCCCCC;margin-left: 10px;padding: 4px 12px}
.filter-block .views-exposed-form .form-control {font-size: 13px}
.filter-block .views-widget-filter-field_topic_tid_i18n {margin-left: 10px;width: 100%;}
.front .content {padding:0}
.front .slide .content {padding:20px}
.navbar-collapse {padding-left: 0; padding-right: 0}
.navbar {border-radius: 0}

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

    html body.admin-menu {margin-top: 92px !important}
    .footer {position: relative}
    .footer .back-to-top {float: left;margin-top: 0;margin-bottom: 30px}
    .footer #feedback a {
        position: static;
        right: auto; top: auto;
        width: auto;
        height: 30px;
        background: #e9991e; /* Old browsers */
        background: -moz-linear-gradient(top,  #e9991e 0%, #e79b27 17%, #e0982a 31%, #d69026 45%, #c98419 72%, #c88318 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9991e), color-stop(17%,#e79b27), color-stop(31%,#e0982a), color-stop(45%,#d69026), color-stop(72%,#c98419), color-stop(100%,#c88318)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e9991e 0%,#e79b27 17%,#e0982a 31%,#d69026 45%,#c98419 72%,#c88318 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e9991e 0%,#e79b27 17%,#e0982a 31%,#d69026 45%,#c98419 72%,#c88318 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e9991e 0%,#e79b27 17%,#e0982a 31%,#d69026 45%,#c98419 72%,#c88318 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e9991e 0%,#e79b27 17%,#e0982a 31%,#d69026 45%,#c98419 72%,#c88318 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9991e', endColorstr='#c88318',GradientType=0 ); /* IE6-9 */

        padding: 0 10px;
        margin: 0;
        text-indent: 0;
        color: #FFF;
        font: bold 1.1em 'roboto', sans-serif;
        line-height: 30px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position:absolute;top: 25px;right: 20px}

    .i18n-fr .footer #feedback a {background: #888F8F;}

}

.views-widget-filter-field_event_type_value_i18n, .views-widget-filter-field_practicum_type_tid_i18n, .views-widget-sort-sort_bef_combine {padding-left:20px !important}
/*.static-page .promo-body h1 span.inner {padding: 0 0 0 70px !important}*/

/*Filter list fix*/
.filter-block .views-exposed-form .form-control {float: left;margin-top:4px}
.views-exposed-form label.option {display: block; margin-left: 15px;}
.views-exposed-form .form-type-select > label {float: left;margin-top: 8px}
.views-exposed-form .views-exposed-widget:after {clear: both}
/*divider fix*/

/*.toggle-btn {display: none}*/
.group { margin:20px -20px 0 -20px;padding: 20px 20px 0 20px;background:url("../images/bg-dotted.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0)  }
.views-row .hgroup { margin: 0 0 5px 24px}
.group .hgroup { margin: 0 0 5px 15px}
.toggle-btn { display: inline;cursor: pointer}
a.toggle-btn { position: absolute; left: -23px; background: #d2e2cf;padding:0px 5px}
a.toggle-btn.collapsed { background: #e64;}
a.toggle-btn.collapsed i { color: #fff}
.toggle-btn i { font-size:1.2em }
.brief-disc { display: none; margin:10px 0 20px 20px; padding:0px 10px 20px; background: #f0f6ee; position: relative}
.brief-disc .form-submit {display:block;position: absolute;right:0;bottom: 0;background:  #e64;padding: 2px 6px;border: 0px solid #c42;text-decoration: none; font-size: 12px}
.brief-disc .form-submit a {color: #fff;text-decoration: none}
h2.field-content {font-size: 1.1em;color:#689f5e;cursor: pointer }
.group h3 {font-size: 1.4em;margin: 0 0 15px 0}
.group .more-items {display: none}
.btn-default.toggle-extr { background: none repeat scroll 0 0 #d2e2cf;color: #689f5e;border: 0;margin:10px 0 0 12px ;
    padding:2px 8px;}
/*.content .views-row {margin:20px -20px 0 -20px;padding: 20px 20px 0 20px;background:url("../images/bg-dotted.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0)  }*/
.content .view-content .views-row {background:none;margin: 0 0 5px 0px !important;padding: 0!important}
#widget-upcoming-events .view-content { overflow: hidden;}
.content .group .views-row {background:none;margin: 0 0 0 20px !important;padding: 0!important}
@media screen and ( max-width: 768px ) {
    .content .group .views-row {margin:5px 0 !important;}
    .btn-default.toggle-extr { margin:10px 0 0 0px ;}
}
.content .views-row h2 {margin: 0}
.content .views-field-title {display: inline}

/*pagination fix*/
.pagination-wraper {text-align: center}
.pagination-wraper .pagination {margin-top: -20px}
.pagination-wraper .pagination {position: relative}
.pagination-wraper .pagination .prev, .pagination-wraper .pagination .next {
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
}
.pagination-wraper .pagination .next {
    left: auto;
    right: 0;
}
.pagination-wraper .pagination > li {
    display: inline-block;
}
.pagination-wraper .pagination {
    display:inherit;
    border-radius: 0
}
.pagination-wraper .pagination > li > a, .pagination-wraper .pagination > li > span {border-radius: 0;border: 0}
.pagination-wraper .pagination > li > span {background: none}
.pagination-wraper .pagination a
{ background: none repeat scroll 0 0 #DDDFDF;
    color: #888888;
    display: inline-block;
    text-decoration: none;
}
.pagination-wraper .pagination .active a {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
}
.pagination-wraper .pagination a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #666666;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {background: none}

/*search results*/
.ui-theme-basic-green.ui-autocomplete-input {background: none}
.search-results #edit-type-wrapper {position: absolute;right:45px}
.search-results .form-item .form-text {width:480px}
@media screen and ( max-width: 1100px ) {
    .search-results .form-item .form-text {width:370px}
}

@media screen and ( max-width: 980px ) {
    .search-results  {display: none}
}

@media screen and ( max-width: 768px ) {
    .search-results  {display: none}
}
.content .view-search .views-row {margin:20px -20px 0 -20px !important;padding: 20px 20px 0 20px!important;background:url("../../images/default-theme/bg-dotted.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0)  }
.view-search .view-header {margin-top: 10px;font-size: inherit}
.view-search h2 {font-size: 1.5em}

/*event calender*/
#block-views-event-calander-block-1 {margin-top: 30px}
.view-event-calander {padding: 20px}
.date-heading { background: none repeat scroll 0 0 #7FB05E;
    border-bottom: 1px solid #377751;
    border-top: 1px solid #377751;
    color: #FFFFFF;
    text-transform: uppercase;}
.view .date-nav-wrapper .date-heading h3 {font-size: 1.1em;
    height: 40px;
    line-height: 40px;}
.view .date-nav-wrapper .date-heading h3 a {color: #FFFFFF;cursor:text}
.view .date-nav-wrapper .date-heading h3 a:hover, .view .date-nav-wrapper .date-heading h3 a:focus {text-decoration: none}
.view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next  {background: none;}
.view-event-calander .pager li > a  {background: none;border: 0;display: inline-block;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    width: 0;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;}
.view .date-nav-wrapper .date-prev a {height: 30px;
    background-image: url('../../images/default-theme/icon-lsaquo-sm.png');
    line-height: 30px;}
.view .date-nav-wrapper .date-next a { background-image: url("../../images/default-theme/icon-rsaquo-sm.png");
    height: 30px;
    line-height: 30px;}
.view .date-nav-wrapper .date-prev a, .view .date-nav-wrapper .date-next a {color: #7FB05E}
.view .date-nav-wrapper .date-nav {height:31px }
.view .date-nav-wrapper .date-next { background-image: url("../../images/default-theme/bg-vr.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    border-right: 1px solid #377751;}
.view .date-nav-wrapper .date-prev {  background-image: url("../../images/default-theme/bg-vr.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #377751;}
.calendar-calendar {border: 1px solid #888888;border-collapse: collapse }
.calendar-calendar td {text-align: center}

table.mini tbody td {
    height: 40px;
    line-height: 40px;
    border-top: 1px #CCC solid;
    border-left: 1px #CCC solid;
}

table.mini tbody td.today { background: #FEA; color: #764; }
table.mini tbody td.today a { color: #764; }
table.mini tbody a {
    display: block;
    background: url('../../images/default-theme/icon-hasevent.png') no-repeat 100% 0;
    color: #444;
}
table.mini tbody .dem a {
    display: block;
    background: url('../../images/default-theme/icon-hasevent-dem.png') no-repeat 100% 0;
    color: #AAA;
}
table.mini tbody tr.first td { border-top: 1px #888 solid; }
table.mini tbody td.first { border-left: 1px #888 solid; }
table.mini tbody td.last { border-right: 1px #888 solid; }

.calendar-calendar table.mini td.empty {border-color: #CCCCCC}
.calendar-calendar .mini {border: 1px #CCCCCC solid}
.page .view .date-nav-wrapper .date-prev {border-left:0}
.calendar-calendar .month-view .full td.multi-day div.monthview a, .calendar-calendar .week-view .full td.multi-day div.weekview a, .calendar-calendar .day-view .full td.multi-day div.dayview a {color: #fff}
.calendar-calendar .year-view td {border: 1px #CCCCCC solid}
.view-content > .calendar-calendar {padding: 20px}

/* social share*/
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {height: 22px !important}
.stButton .stButton_gradient {height: 22px !important}
.sharethis-buttons {margin-top:20px}

/* banner tabs*/
.banner-tabs { position: relative; width: 100%; }
.banner-tabs .pager-wrapper { overflow: hidden; }
.banner-tabs .carousel-indicators {left: 0; margin: 0; bottom: 0; padding: 0;}
.banner-tabs .carousel-indicators li { float:left; width: auto; margin: 0; text-indent: 0; height: 50px; line-height: 50px;border-radius: 0;border: 0; padding-top: 10px}
.banner-tabs .carousel-indicators li span { display: block; padding: 0 10px; height: 40px;line-height: 40px; background: rgba(205, 205, 205, 0.9); text-transform: uppercase;border-right:1px solid #fff }
.banner-tabs .carousel-indicators li:last-child span {border:none}
.banner-tabs ul {width: 100%}
.banner-tabs .carousel-indicators li.active {background: rgba(255, 255, 255, 0.9); border-top: 2px solid #222F2F; padding-top: 8px }
.banner-tabs .carousel-indicators li.active span{ background: none; height: 48px; line-height: 40px}

#hero ol.carousel-indicators {display:none}
/*.banner-tabs .carousel-indicators li { width: 16px; height: 16px; border: 2px solid #000; background: rgba(0, 0, 0, 0.8);}
.banner-tabs .carousel-indicators li.active span{ border: 0; background: none}
.carousel-indicators .active { background: #fff!important}*/

.slide a.carousel-control {display:none}

.full-width img{ max-width:100%; height:auto; }
.filter-block .views-widget-filter-field_location_administrative_area{
    margin-left: 10px;
    width: 100%;
}
#edit-state { margin-left: 50px; margin-top: 15px; }

#block-views-exp-search-landing-page #edit-type-wrapper,
#views-exposed-form-search-page #edit-topic-wrapper,
#block-views-exp-search-page #edit-topic-wrapper,
#views-exposed-form-search-page #edit-state-wrapper,
#block-views-exp-search-page #edit-state-wrapper{ display: none;}
.form-type-textfield .dropdown .dropdown-menu > li > a{ white-space: normal !important;}

#block-views-exp-search-landing-page #edit-type--4-wrapper, #views-exposed-form-search-page #edit-topic--3-wrapper, #block-views-exp-search-page #edit-topic--2-wrapper, #views-exposed-form-search-page #edit-state--3-wrapper, #block-views-exp-search-page #edit-state--2-wrapper {display: none}

.filter-block ul.bef-tree {padding-left: 0}
.bef-checkboxes {padding-left: 20px}

/*.expander {margin-right: 10px}
#edit-field-practicum-type-tid-i18n-wrapper, #edit-field-event-type-value-wrapper, #edit-field-degree-programs-tid-i18n-wrapper, .expander {padding-left: 20px !important}
.expander:before {clear: both; margin-top: 20px}*/

#edit-field-location-administrative-area-wrapper,
#edit-field-topic-tid-i18n-wrapper,
#edit-state--2-wrapper {padding-left: 10px !important}

div.views-row.views-row-1.views-row-odd.views-row-first.Épinglé { background-color: rgb(224, 229, 230); }

.content .views-row { margin: -20px -20px 20px -20px !important; padding: 20px !important; }
.content .views-row-last { margin-bottom: 0;}
div#edit-field-location-type-value-wrapper { padding-left: 20px; }

.region-sidebar-first .boxes-box-content h2 {
    border: 0 none;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 0 0 20px;
    background: none repeat scroll 0 0 #F6F6F6;
    color: #666F6F;
    width: 100%;
}

.filterGroups {margin-left:20px}
.filterGroups h2 {margin: 10px 0 0 30px;color: #666F6F;text-transform: uppercase;font-size: 14px}
.expander { float: left; margin-top: -19px; cursor: pointer; }
.filterGroups > ul {margin-left:10px}
.filterGroups ul li input {margin-right:8px}
.filterGroups ul li a {text-decoration: none;color: #333333}
.filterGroups:last-child {margin-bottom: 10px}
.views-widget-per-page { background: url("../../images/default-theme/bg-dotted.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);padding-left: 20px;width: 100%}
.form-item-items-per-page {padding-left: 20px;}

.widget-footer {background: url("../../images/default-theme/bg-dotted.png") repeat-x scroll 0 0 #F6F6F6; padding: 20px;}
.widget-footer a { text-decoration: none}
.widget-footer {text-align: right}

/* Event page Filters */
.page-events .region-sidebar-first {
    border: none;
    background: none;
}
#block-views-event-calander-block-1 {
    margin-bottom: 30px;
    margin-top: 0px;
}
.page-events .region-sidebar-first > section {
    background: #FFF;
}
.page-events .region-sidebar-first > section.filterGroups {
    margin-left: 0;
    padding: 0 0 0 20px;
}
.page-events #block-boxes-filter-title{ border-top: 3px #888f8f solid; }
.page-events #block-views-exp-events-page { border-bottom: 1px #888f8f solid; }
/*.profile-img img {width: 150px !important}*/
ul.language-switcher-locale-url {padding-left:0}
@media screen and ( min-width: 900px ) and ( max-width: 1199px ) {
    ul.language-switcher-locale-url {border-left:0}
}

/*breadcrumb alignments */
div.breadcrumb.contextual-links-region {
    padding-top: 20px;
}
span.delimiter {
    padding: 5px;
}
.breadcrumb span.inline.odd.first {
    margin-right: 5px !important;
}
/*charitha new css fixes*/
.region-current-projects .carousel-indicators .active
{
    background:#adbf65 !important;
    border:#bbbeaf solid 1px;
}

.region-current-projects .carousel-indicators li
{
    background:#c8c8c8;
    border:#bbbeaf solid 1px;
}

.views-exposed-form .views-exposed-widget
{
    padding:0px !important;
}

.navbar-collapse:before, .navbar-collapse
{
    z-index:333;
}

@media screen and ( min-width: 991px ) {
    .navbar-collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0;
    }
}


@media screen and ( min-width:768px ) and ( max-width:980px ) {

    .navbar-collapse.collapse { display: none !important; }
    .frm-search .form-item .form-text { width: 600px; }
    .navbar .logo .img-responsive { margin: 10px }
}

@media screen and ( min-width:640px ) and ( max-width:768px ) {

    .frm-search .form-item .form-text { width:500px; }
}

@media screen and ( min-width:500px ) and ( max-width:640px ) {

    .frm-search .form-item .form-text { width:350px; }
}

@media screen and (max-width: 980px) {
    .navbar-collapse { max-height: initial; }
    html body.admin-menu {margin-top: 93px }
}

.views-exposed-form .views-exposed-widgets .views-exposed-widget .views-exposed-widget
{
    padding:0px;
}
.view-legislation-act-reference .views-row {
    margin: 0px !important;
    padding: 0px !important;
    background: none !important;
}
.view-legislation-act-reference .view-content .views-row{
    margin:0px !important;
    padding: 0px !important;
    background: none !important;
}
.attachment-workshop {
    background-color: #EAEAEA;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border-left: 2px #AAA solid;
    color: #666;
    text-decoration: none;
    padding: 0 10px 0 40px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;

}

.attachment-workshop.attachment-url {
    background-image: url("../../images/default-theme/icon-url.png");
    border-color: #6BD;
}
.node-webform {

    border-bottom: 1px solid #e64;
    border-top: 3px solid #e64;
}

.node-webform .hgroup { color: #e64;
    background: none #f6f6f6  repeat-x scroll 0 0 ;
    color: #666f6f;
    margin: 0;
    padding: 0;

}

.node-webform .hgroup .icon.marker  {
    border-right: 1px solid #e64;
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 70px;

}

.node-webform .hgroup h2 {
    border: 0 none;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 0 0 20px;
    color: #e64;
}

.node-webform .hgroup h2  a {color: #e64; cursor: text;}
.node-webform .hgroup h2  a:hover {text-decoration: none;}

.node-webform .content  {
    overflow: hidden;
    padding: 20px;
    background: #FFF url("../../images/default-theme/bg-dotted.png") repeat-x scroll 0 0 ;
}

.node-webform .content .field {
    padding: 20px 0;
}

.node-webform .content form {
    padding: 20px 0;
}
.node-webform  .webform-client-form .btn-primary { margin-top: -1px;}

.shrink {background: #fff}

.sidebar-toggle-btn { float: left; position: relative; margin: 0px -5px 0 -15px; top: 15px;
    font-family: FontAwesome; font-style: normal; font-weight: normal;
    color: #888f8f; background: #fff; padding: 7px 4px; cursor: pointer;
}
aside.collapsed { width: 0; height: 0; padding: 0; visibility: hidden; }

.locale-untranslated { line-height: 50px; padding: 0 10px; }

@media (max-width: 667px) {
    .promo .wrapper .inner-wrapper { display: initial; }
}

@media (min-width: 981px) and (max-width:1200px) {
    #navbar .container  {width:100%}
}

@media (min-width:992px) {
    .sort-by .views-widget { width: 265px;}
    .i18n-fr .sort-by .views-widget {
        width: 360px;
    }
}

.Sticky .hgroup h2:after {background: #e64 none repeat scroll 0 0;
    color: #fff;
    font-family:fontawesome,"roboto","arial";
    content: "\f005  Featured";
    font-size: 13px;
    margin-left: 10px;
    padding: 2px 5px;
}

#block-views-exp-search-page #edit-type-wrapper {
    display: none;
}

#block-block-1 {
    margin:30px;
}

.field-name-field-blog-image-1 img {
    width:100%;
}

.blog-post-title {
    margin-top: 15px;
}

.blog-post-author .blog-author-node {
    display: flex;
    margin-bottom:30px;
}

.blog-post-author .blog-author-headshot {
    margin:20px;
}

.blog-post-author .blog-author-title {
    margin:20px;
    font-weight: bold;
}

.blog-under-image {
    position: relative;
    margin: 10px;
}

.blog-author .blog-author-headshot {
    margin:10px;
    width: 100px;
}

.blog-post-image1 {
    width: 303px;
    margin:10px 0 10px 0;
    /*height: 224px;*/
    overflow: hidden;

}

.blog-post-image1 a {
    display: block;
    width:100%;
    /*height:200px;*/

}

.blog-post-image1 a img {
    width: 100%;
}

/*Robb blog page css */

.page-blog .content{
    padding:5px;
}

@media screen and (min-width: 992px) {

    .page-blog .content{
        padding:30px;
    }
}

.blog-card {
    width: 337px;
    margin: 15px auto;
    min-height: 400px;
    border: 1px solid darkgray;
}

@media screen and (min-width: 992px) {

    .blog-card {
        margin: 15px;
    }
}

@media screen and (min-width: 1201px) {
    .blog-card:first-child {
        margin-left: 0px !important;
    }

    .blog-card:nth-child(4) {
        margin-left: 0px !important;
    }

    .blog-card:nth-child(3) {
        margin-right: 0px !important;
    }

    .blog-card:nth-child(6) {
        margin-right: 0px !important;
    }
}

.view-blog .blog-title {
    margin-bottom: -10px;

}

.view-blog .blog-title a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
}

.view-blog .blog-name-date{
    margin-bottom: -10px;
}

.view-blog .blog-name-date a {
    text-decoration: none;
}

.view-blog .blog-tags{
    margin-top: 10px;
}

.view-blog .blog-tags a {
    text-decoration: none;
}

.view-blog .blog-brief {
    margin: 10px;
    height: 160px;
}

.page-blog .region-content{
    padding-bottom: 30px;
}

.bottom-blog-wrappers {
    display: block;
    overflow: auto;
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgrey;
}

.bottom-blog-wrappers:first-child{
    margin-top: 0px !important;
    padding-top: 30px;
    border-top: 1px solid lightgrey;
}

.bottom-blog-wrappers .blog-tittle {
    font-size: 20px;
}

.bottom-blog-wrappers .blog-pull-quote {
    margin-bottom: -10px;
    padding: 2px;
    background: #f4fef4;
    border-radius: 7px;
}

.bottom-blog-wrappers .blog-tags{
    padding-bottom: 25px;
}

@media screen and (max-width: 991px){
    .blog-text {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 921px) and (max-width: 1199px){
    .blog-text{
        margin-left:-30px;
    }
}

@media screen and (min-width: 1200px){
    .blog-text{
        padding-left: 30px;
    }
}

/*Front page blog view-block blog view_2*/

.front-page-blog-section {
    float:left;
}

.front-page-blog-wrappers {
    background: url("../../images/default-theme/bg-dotted.png") repeat-x 0 0;
}

.front-page-blog-post-image1 {
    margin-top: 10px;
    max-height: 99px;
}

.front-page-blog-date{
    margin-top:10px;
    color: #888;
    font-size:12px;
    text-align: right;
}

.front-page-blog-text{
    margin-top: 10px;
}

.front-page-blog-title{
    font-size: 15px;
    line-height: 20px;
}

.front-page-blog-title a{
    text-decoration: none;
}

.front-page-blog-pull-quote {
    margin-bottom: 10px;
}

@media screen and (max-width: 991px){
    .front-page-blog-wrappers {
        min-height: 196px;
    }
    .front-page-blog-post-image1{
        float: left;
    }
    .front-page-blog-section{
        margin-top:30px;
        margin-bottom:30px;
    }
}

@media screen and (min-width: 921px) and (max-width: 1199px){
    .front-page-blog-wrappers {
        min-height: 196px;
    }
    .front-page-blog-section{
        margin-bottom:30px;
    }

}

@media screen and (min-width: 1200px) {
    .front-page-blog-wrappers {
        min-height: 196px;
    }
    .front-page-blog-post-image1{
        margin-top: 10px;
    }
}


/* Single blog page*/

.blog-node-headings {

    margin-right: 10px;
    margin-bottom: 30px;
}

.blog-node-image-wrap {
    max-width: 400px;
}

.blog-node-image1 {
    width: 316px;
    margin:0 0 12px 12px;
    padding: 0px !important;
}

.field-name-field-blog-image-1 img{
    height: 211px;
}

.blog-node-image1 a {
    display: block;
    width:100%;
    /*height:200px;*/

}

.blog-node-image1 a img {
    width: 100%;
}

.blog-node-body{
    padding: 0;
    word-wrap: break-word;
}

/*Front page hacks*/

.region-sidebar-home h2.block-title {
    display: none;
}

@media screen and (min-width: 991px) {
    .blog-node-headings {
        margin-left: -10px;
    }

}

@media screen and (min-width: 1200px) {

    .region-sidebar-home .view-content {
        min-height: 586px;
    }
}


/* Blog author - author node*/

.node-type-blog-author .content{
    padding: 30px;
}

.blog-author-node{
    margin-top:10px;
}
.node-type-blog-author h1.page-header {
    display: none;
}

.blog-author-name{
    padding-left: 10px;
    padding-top: 10px;
}

.blog-author-name h1{
    margin: 0px;
}

.blog-author-job{
    margin-top: 2px;
    margin-bottom: 10px;
    font-style: italic;
}

.front .main-container .view-content {
    min-height: 680px;
}

.front .region-content {
    margin-bottom: 3px;
}

.front-page-blog-section .widget-footer p {
    margin: 0px !important;
}

.front-page-blog-section .widget-footer {
    /*margin-top: 5px !important;*/
}

.front #widget-upcoming-events .widget-footer {
    margin-top: 5px !important;
}

/* ----------------------------------------
       FORUM
---------------------------------------- */


body.node-type-forum .row, body.page-forum .row{
    background-color: white !important;
}

.forum-container {
    margin: 5px 30px 5px 30px;
    background-color: white;
}

.forum-container .breadcrumb{
    background-color: white !important;
}

.forum-container .views-exposed-form .views-exposed-widget .form-submit {
    margin: 0px 0 5px 5px;
}

.forum-container aside {
    margin-bottom: 20px;
}
.forum-container aside .view .views-field{
    padding-top:7px;
}

.forum-container aside h2 {
    margin-top: 25px;
    margin-bottom: 2px;
}

.forum-container .btn-info, .btn-default {
    color: #fff;
    background-color: #689F5E;
    border-color: none;
}

.forum-container #forum-comments {
    margin-left:30px;
}

.forum-container .indented {
    margin-left: 30px;
}

.forum-container .forum-post ul {
    margin: 5px;
}

.forum-container .btn .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.forum-container aside .views-exposed-form #edit-search-api-views-fulltext-wrapper label{
    display: none;

}

.custom-forum-search-page #edit-search-api-views-fulltext-wrapper label{
    display: none;
}

.custom-forum-search-page .views-widget input, select {
    border: 1px solid lightgrey !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.custom-forum-search-page .views-widget  select {
    margin: 0 10px;
    padding: 6px !important;
    height: 20px !important;
}

.custom-forum-search-page .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0px;
    margin-left: 5px;
}

.custom-search-content .custom-forum-search-page .views-row {
    padding: 2px 10px 10px 10px!important;
}
.custom-forum-search-page .views-row:nth-child(even){
    background-color: #f1f1f1;
}

.forum-container ul.tabs--primary{
    display: none;
}

.forum-container aside .views-widget input, select {
    border: 1px solid lightgrey !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.forum-container aside .views-widget  select {
    margin: 0 10px;
    padding: 6px !important;
    height: 20px !important;
}

.forum-container aside .views-exposed-form #edit-reset {
    display: none;
}

.forum-container #user-login-form .first {
    display: none;
}

.forum-container #user-login-form .last {
    display: block !important;
}

.forum-table-wrap a {
    text-decoration: none;
}

.forum-table-topics td {
    padding: 7px;
}

.page-forum td.views-field-title{
    padding: 0 !important;
    border: none;
}

.node-type-forum #forum-comments .form-item label {
    display: none;
}



.node-type-forum .filter-wrapper {
    display: none;
}

.page-comment-reply #forum-comments .form-item label {
    display: none;
}

.page-comment-reply .filter-wrapper {
    display: none;
}

.page-forum .forum-table-wrap {
    margin-top: 20px;
}

.page-user-signup- .tabs--primary li:nth-child(2){
    display: none;
}

/*Froum members view*/

.forum-member-filter {
    width: 100%;
    height: 80px;
}

.forum-member-filter .views-exposed-form{
    float: left;
}

.forum-member-list-view-btn{
    margin-top: 15px;
    margin-left: 50px;
}

.forum-member-list-view-btn img {
    width: 40px;
}

.page-forum-forum-members-2 .forum-member-list-view-btn {
    display: none;
}

.forum-member-card-view-btn{
    margin-top: 10px;
    margin-left: 50px;
}

.forum-member-card-view-btn img {
    width: 50px;
}
.page-forum-forum-members .forum-member-card-view-btn {
    display: none;
}

.page-forum-forum-members .page-header{
    display: none;
}

.page-forum-forum-members span.member-label {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}

.page-forum-forum-members .card {
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, 0.2);
    width: 250px;
    min-height: 370px;
    text-align: center;
}

.page-forum-forum-members .card h1{
    margin-top:10px;
    font-size: 22px;
}

.page-forum-forum-members .card h2{
    font-size: 18px;
}

.forum-member-image{
    width: 150px;
    width: 150px;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
}

.forum-member-province{
    margin-top: 0px;
}

.page-forum-forum-members .forum-member-title {
    padding-top:10px;
    color: grey;
    font-size: 16px;
}

.page-forum-forum-members .forum-container .views-widget {
    margin-bottom: 20px;
}

.page-forum-forum-members .forum-container .views-widget input, select {
    border: 1px solid lightgrey !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.page-forum-forum-members .forum-container .content .views-exposed-widget  select {
    margin: 0 10px;
    padding: 6px !important;
    height: 33px !important;
}

.page-forum-forum-members .forum-container .content .views-exposed-widget button.btn {
    margin-top: 18px !important;
}

.page-forum-forum-members .breadcrumb {
    display: none;
}

.forum-members-breadcrumb {
    display: none;
}

.page-forum-forum-members .forum-members-breadcrumb,.page-forum-upcoming-forum-events .forum-members-breadcrumb {
    display: block;
    margin-bottom: 0px;
    padding: 8px 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #888888;
}

.page-forum-forum-members .forum-members-breadcrumb a, .page-forum-upcoming-forum-events .forum-members-breadcrumb a {
    text-decoration: none;
    color: #888888 ;
}

.forum-container .panel {
    box-shadow: none !important;
}

.forum-container .panel-default {
    border: none;
}

.forum-container .panel-body{
    border: 1px solid lightgrey;
    margin-right: 10px;
}
.forum-container .panel-default>.panel-heading {
    color: #333;
    background-color: #FAFAFA;
    border: none;
}
.forum-container a.fieldset-legend {
    float: right;
    width: 150px;
    color: #fff !important;
    background-color: #689F5E;
    display: inline-block;
    padding: 6px 12px !important;
    margin-right: -5px !important;
    margin-bottom: -20px !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-decoration: none;
}

.forum-container a.fieldset-legend:hover{
    color: #333 !important;
    background-color: #ebebeb;
    border-color: #adadad;
}

/* Forum sidebar */
.forum-side-block {
    padding-bottom: 10px;
    border-bottom: 2px dotted lightgrey;
}

.forum-side-block.add-post{
    padding: 30px 0px;
    text-align: center;
}

.forum-side-block a {
    text-decoration: none;
}

/*Froum members list view*/

.page-forum-forum-members-2 .page-header{
    display: none;
}

.page-forum-forum-members-2 span.member-label {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}


.page-forum-forum-members-2 .forum-container .views-widget {
    margin-bottom: 20px;
}

.page-forum-forum-members-2 .forum-container .views-widget input, select {
    border: 1px solid lightgrey !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.page-forum-forum-members-2 .forum-container .content .views-exposed-widget  select {
    margin: 0 10px;
    padding: 6px !important;
    height: 33px !important;
}

.page-forum-forum-members-2 .forum-container .content .views-exposed-widget button.btn {
    margin-top: 18px !important;
}

.page-forum-forum-members-2 .breadcrumb {
    display: none;
}


.page-forum-forum-members-2 .forum-members-breadcrumb,.page-forum-upcoming-forum-events .forum-members-breadcrumb {
    display: block;
    margin-bottom: 0px;
    padding: 8px 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #888888;
}

.page-forum-forum-members-2 .forum-members-breadcrumb a, .page-forum-upcoming-forum-events .forum-members-breadcrumb a {
    text-decoration: none;
    color: #888888 ;
}

.node-attachements-url .field--label{
    display: none;
}

.node-attachements-url .field--item a{
    margin-top: 10px;
    background-color: #EAEAEA;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    border-left: 2px solid #AAAAAA;
    color: #666666;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 40px;
    text-decoration: none;
    background-image: url(../../images/default-theme/icon-pdf.png);
    border-color: #EE6666;
}
