/*
Theme Name: Centre of Democracy - PP
Theme URI: http://centreofdemocracy.com.au
Author: Digital Barn
Author URI: http://digitalbarn.com.au
Description: Site developed for the Centre of Democracy, May 2017.
Version: 1
*/

/* Resets */

body {
    font-family: "myriad-pro",sans-serif;
    font-size: 14px;
    color: #1f1f1f;
    background: #fff;
}

body.home, body.page-template-explore {
    background: white;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

img {
    max-width: 100%;
}

aa.button, aspan.button, abutton.button {
    background: #5d747f;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 3px 8px 7px 8px;
    font-size: 1em;
    position: relative;
}

a.button, span.button, button.button {
    background: #dedede;
    font-size: 1em;
    padding: 7px 20px;
    color: #1f1f1f;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    display: inline-block;
    font-weight: 600;
}

a.button.blue-btn, span.button.blue-btn, button.button.blue-btn {
    background: #b6e4fa;
}

aa.button:after, aspan.button:after, abutton.button:after {
    content: '';
    background: rgba(0,0,0,0.25);
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* Header */

.top-bar {
    background: #000000;
}

.top-bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.top-bar ul li {
    display: inline-block;
}

.top-bar ul li a {
    color: #777777;
    font-size: 1em;
    text-transform: uppercase;
    margin: 4px 0 4px 20px;
    display: block;
    font-weight: bold;
}

.header-backdrop {
    background: #fbd3cf url('images/header.jpg?1') center;
    background-size: cover;
    min-height: 230px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

.header-backdrop .inner {
    padding: 15px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0+50 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

abody.home .header-backdrop {
    min-height: 280px;
}

abody.home .header-backdrop .inner {
    padding-bottom: 60px;
}

.header-backdrop .logo img {
    max-width: 240px;
    float: left;
    margin: 8px 0;
}

abody.home .header-backdrop .logo img {
    float: none;
}

.header-backdrop ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.header-backdrop ul.menu li {
    display: inline-block;
}

.header-backdrop ul.menu li a {
    color: #f1f1f1;
    font-size: 1.3em;
    text-transform: uppercase;
    margin: 8px 0 8px 20px;
    display: block;
    font-weight: 600;
}

.header-backdrop ul.menu li.current_page_item a {
    color: #FBD3CF;
    border-bottom: 4px solid;
}

abody.home .header-backdrop ul.menu {
    text-align: left;
}

abody.home .header-backdrop ul.menu li {
    display: block;
}

abody.home .header-backdrop ul.menu li a {
    background: #f1f1f1;
    color: #1f1f1f;
    font-size: 1.35em;
    text-transform: uppercase;
    margin: 6px 4px 6px 4px;
    display: block;
    font-weight: 600;
    line-height: 1;
    padding: 5px 8px;
}

abody.home .header-backdrop ul.menu li a:hover, abody.home .header-backdrop ul.menu li a:focus {
    background: #fbd3cf;
}

.header-backdrop .entry-content {
    color: white;
    margin-top: 25px;
}


.backdrop {
    padding: 30px 0;
}

.backdrop.feature-backdrop {
    padding-top: 0;
    margin-top: -75px;
}

.backdrop.intro-backdrop {
    padding-top: 20px;
}

.backdrop.white-backdrop {
    background: white;
}

.backdrop.grey-backdrop {
    background: #EBEBEB;
}

.backdrop.collection-backdrop {
    padding: 45px 0 80px;
    background: #efefef;
}

.backdrop.collection-backdrop a {
    margin-bottom: 30px;
}

.backdrop.collection-backdrop .object a.thumb:after {
    border-right: 15px solid #efefef;
    border-bottom: 15px solid #efefef;
}

.backdrop.form-backdrop {
    background: #fbd3cf;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    padding: 50px 0;
}

.backdrop.footer-form-backdrop {
    background: #fbd3cf;
    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    margin-top: 50px;
    padding: 40px 0 50px;
}

.feature-block img {
    width: 100%;
}

.feature-block h3 {
    color: #1f1f1f;
    font-weight: bold;
    margin-top: 5px;
    font-size: 1.35em;
}

.feature-block h4 {
    color: #666666;
    font-weight: 600;
    margin: 5px 0;
    font-size: 1.15em;
}

.feature-block h3 a {
    color: inherit;
}

.feature-angled-2 {
//-webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
//clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.feature-angled-1 {
//-webkit-clip-path: polygon(0 0, 100% 7%, 100% 93%, 0 100%);
//clip-path: polygon(0 0, 100% 7%, 100% 93%, 0 100%);
}


.box-link {
    position: relative;
    background: grey no-repeat center;
    background-size: cover;
    margin-bottom: 20px;
    height: 0;
    padding-top: 75%;
    display: block;
}

.box-link .text-effect {
    line-height: 1.3;
    padding: 3px 0 4px;
    border-left: 20px solid #1f1f1f;
    max-width: 60%;
    margin: 0 auto;
    position: absolute;
    bottom: 64px;
    left: 20px;
    font-size: 1.75em;
    font-weight: bold;
}

.box-link .text-effect p {
    background-color: #1f1f1f;
    padding: 3px 0 4px;
    color: #fff;
    display: inline;
    margin: 0;
}

.box-link .text-effect p b {

}

.box-link p span {
    position: relative;
    left: -10px;
}

.box-link span.linkage {
    background: #1f1f1f;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 1em;
    padding: 2px 9px;
    color: white;
    text-transform: uppercase;
}

.box-link.box-event .text-effect {
    bottom: 10px;
    font-size: 1em;
}

.box-link span.dateage {
    background: #1f1f1f;
    position: absolute;
    bottom: 49px;
    left: 20px;
    font-size: 0.75em;
    padding: 2px 9px;
    color: white;
    text-transform: uppercase;
}

a.box-link.box-event:after {
//content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 15px solid white;
    border-bottom: 15px solid white;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
}

a.feature-angled-1.box-link.box-event:after, a.feature-angled-2.box-link.box-event:after {
    display: none;
}

/* Pages */

h1.entry-title {
    margin: 0 0 0.5em;
    font-size: 3.143em;
    font-weight: 600;
}

.entry-content {

}

.entry-content h2 {
    font-size: 1.75em;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.entry-content h3 {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.entry-content p:first-child {
    font-weight: 600;
    font-size: 1.35em;
}

.entry-content p, .entry-content ul, .entry-content ol {
    font-size: 1.25em;
}

div.breadcrumb-container.theme1 {

}

div.breadcrumb-container.theme1 li {

}

div.breadcrumb-container.theme1 li a {
    color: inherit;
    font-size: 1.1em;
    padding: 0;
    margin: 0 10px 0 0;
}

div.breadcrumb-container.theme1 li .separator {
    margin: 0 10px 0 0;
}

iframe {
    width: 100%;
}


/* Footer */

#footer:before {
    content: '';
    background: #2e2d2c;
    padding-top: 50px;
    -webkit-clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
    display: block;
    width: 100%;
    position: absolute;
    bottom: 99%;
}

#footer {
    background: #2e2d2c;
    position: relative;
    color: #FFF;
}

#footer p:first-child {
    font-weight: 600;
}

#footer img {
    max-height: 150px;
}

/* Events */

.event-teaser {
    margin: 10px 0;
}

.event-teaser img {
    display: block;
}

.event-teaser a {
    display: block;
    color: inherit;
}

.event-teaser div {
    padding: 10px;
}

.event-teaser h3 {
    color: #5d747f;
    font-weight: 600;
    font-size: 1.4em;
    margin: 0 0 0.5em;
}

.event-teaser a:hover, .event-teaser a:focus {
    background: #5d747f;
    color: white;
    text-decoration: none;
}

.event-teaser a:hover h3, .event-teaser a:focus h3 {
    color: white;
}

.event-teaser a:hover img, .event-teaser a:focus img {
    opacity: 0.5;
}

.event-teaser a:hover span, .event-teaser a:focus span {
    background: white;
    color: #333;
}

.meta-box {
    background: #fff;
    margin-top: -20px;
}

.meta-box img {
    width: 100%;
}

.meta-box div {
    padding: 15px;
}

.meta-box h3, .presenter-box h3 {
    font-weight: bold;
}

.meta-box h3:first-child, .presenter-box h3:first-child {
    margin-top: 0;
}

.meta-box p {
    font-size: 1.25em;
    line-height: 1.3em;
}

.meta-box a.tickets {
    background: #fbd3cf;
    font-size: 2em;
    padding: 5px 17px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: bold;
}

.presenter-box {
    padding: 15px;
}

.entry-content p.intro {
    font-weight: 600;
    font-size: 2.35em;
    line-height: 1.25em;
    background: #b6e4fa;
    padding: 15px 20px;
    margin-left: -20px;
    margin-right: -20px;
}




div.intro {
    line-height: 1.3;
    padding: 3px 20px 4px;
    max-width: 90%;
    margin: 1em 0 1em -20px;
    font-size: 1.5em;
    font-weight: bold;
    background: #fbd3cf;
}




body.home #subForm {
}

form.ed-sign.subForm {
    background: #efefef;
    padding: 20px;
}

body.home #subForm p, .backdrop.footer-form-backdrop .subForm p, .ed-sign.subForm p {
    text-align: center;
    color: #1f1f1f;
    font-weight: bold;
    font-size: 1.75em;
    margin-bottom: 1em;
}

.backdrop.footer-form-backdrop .subForm p, .ed-sign.subForm p {
    font-size: 1.4em;
}

body.home #subForm label, .backdrop.footer-form-backdrop .subForm label, .ed-sign.subForm label {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    line-height: 1;
    color: #555;
}

body.home #subForm input, .backdrop.footer-form-backdrop .subForm input, .ed-sign.subForm input {
    display: block;
    margin: 0;
    width: 100%;
    padding: 10px 17px 11px;
    border: none;
    font-size: 1.5em;
    font-weight: bold;
}

.backdrop.footer-form-backdrop .subForm input, .ed-sign.subForm input {
    background: #fff;
}

body.home #subForm div.field-holder, .backdrop.footer-form-backdrop .subForm div.field-holder, .ed-sign.subForm div.field-holder {
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 15px;
}

body.home #subForm button, .backdrop.footer-form-backdrop .subForm button, .ed-sign.subForm button {
    border: none;
    width: 100%;
    height: 50px;
    padding: 3px 8px 7px 8px;
}

body.home #subForm button:before, .backdrop.footer-form-backdrop .subForm button:before, .ed-sign.subForm button:before {
    display: none;
}


ul.download-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.download-list li {
    margin: 0 0 5px;
    padding: 0;
}

ul.download-list li a {
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 48px;
    display: block;
    line-height: 1;
    color: #1f1f1f;
    font-weight: 600;
    padding: 7px 0 0 47px;
}


ul.download-list li.filetypes_aac a { background-image: url('images/icons/file_aac.png'); }
ul.download-list li.filetypes_ai a { background-image: url('images/icons/file_ai.png'); }
ul.download-list li.filetypes_avi a { background-image: url('images/icons/file_avi.png'); }
ul.download-list li.filetypes_bmp a { background-image: url('images/icons/file_bmp.png'); }
ul.download-list li.filetypes_divx a { background-image: url('images/icons/file_divx.png'); }
ul.download-list li.filetypes_doc a,
ul.download-list li.filetypes_docx a { background-image: url('images/icons/file_doc.png'); }
ul.download-list li.filetypes_eps a { background-image: url('images/icons/file_eps.png'); }
ul.download-list li.filetypes_flv a { background-image: url('images/icons/file_flv.png'); }
ul.download-list li.filetypes_gif a { background-image: url('images/icons/file_gif.png'); }
ul.download-list li.filetypes_html a { background-image: url('images/icons/file_html.png'); }
ul.download-list li.filetypes_ical a { background-image: url('images/icons/file_ical.png'); }
ul.download-list li.filetypes_indd a { background-image: url('images/icons/file_indd.png'); }
ul.download-list li.filetypes_jpg a,
ul.download-list li.filetypes_jpeg a { background-image: url('images/icons/file_jpg.png'); }
ul.download-list li.filetypes_mov a { background-image: url('images/icons/file_mov.png'); }
ul.download-list li.filetypes_mp3 a { background-image: url('images/icons/file_mp3.png'); }
ul.download-list li.filetypes_mp4 a { background-image: url('images/icons/file_mp4.png'); }
ul.download-list li.filetypes_mpg a { background-image: url('images/icons/file_mpg.png'); }
ul.download-list li.filetypes_pdf a { background-image: url('images/icons/file_pdf.png'); }
ul.download-list li.filetypes_png a { background-image: url('images/icons/file_png.png'); }
ul.download-list li.filetypes_pps a { background-image: url('images/icons/file_pps.png'); }
ul.download-list li.filetypes_ppt a,
ul.download-list li.filetypes_pptx a { background-image: url('images/icons/file_ppt.png'); }
ul.download-list li.filetypes_psd a { background-image: url('images/icons/file_psd.png'); }
ul.download-list li.filetypes_rtf a { background-image: url('images/icons/file_rtf.png'); }
ul.download-list li.filetypes_svg a { background-image: url('images/icons/file_svg.png'); }
ul.download-list li.filetypes_tif a { background-image: url('images/icons/file_txt.png'); }
ul.download-list li.filetypes_txt a { background-image: url('images/icons/file_wav.png'); }
ul.download-list li.filetypes_wav a { background-image: url('images/icons/file_wav.png'); }
ul.download-list li.filetypes_wma a { background-image: url('images/icons/file_wma.png'); }
ul.download-list li.filetypes_xls a { background-image: url('images/icons/file_xls.png'); }
ul.download-list li.filetypes_xml a { background-image: url('images/icons/file_xml.png'); }


body.home .event-teaser {
    margin: 0 0 30px;
}


.title-section {
    text-align: center;
    margin-bottom: 2em;
}

.title-section .video-container {
    margin-top: -60px;
}

.title-section p:first-child {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2em;
}

.title-section p {
    font-size: 1.25em;
    line-height: 1.2em;
}

.title-section a {
    background: #b6e4fa;
    font-size: 1.5em;
    padding: 7px 20px;
    color: #1f1f1f;
    text-transform: uppercase;
    margin: 10px 0 30px 0;
    display: inline-block;
    font-weight: 600;
}

.slider-holder {
    background: white;
    position: relative;
    width: 100%;
    height: 375px;
    overflow: hidden;
    margin-top: 20px;
}

.feature-backdrop .entry-content {
    margin-top: 90px;
}

.slider-holder a {
    display: block;
    position: relative;
}


.slider-holder span.button {
    position: absolute;
    background: #fbd3cf;
    font-size: 1em;
    padding: 7px 20px;
    color: #1f1f1f;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    font-weight: 600;
    bottom: 20px;
    left: 20px;
}

.slider-holder span.button:after {
    display: none;
}



.slider-holder .text-effect {
    line-height: 1.3;
    padding: 3px 0 4px;
    border-left: 20px solid #fbd3cf;
    max-width: 60%;
    margin: 0 auto;
    position: absolute;
    bottom: 64px;
    left: 20px;
    font-size: 1.75em;
    font-weight: 600;
}

.slider-holder .text-effect p {
    background-color: #fbd3cf;
    padding: 3px 0 4px;
    color: #1f1f1f;
    display: inline;
    margin: 0;
}

.slider-holder p span {
    position: relative;
    left: -10px;
}


.anythingSlider-default {
    margin: 0 auto;
    padding: 0;
}

.anythingSlider .panel {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.anythingSlider-default .anythingWindow {
    border-top: none;
    border-bottom: none;
}

.anythingSlider-default .anythingControls {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.anythingSlider-default .anythingControls ul li {

}

.anythingSlider-default.activeSlider .anythingControls a {
    text-indent: -5000px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 0;
    height: 0;
    padding: 10px;
    margin: 0 0 0 10px;
    background: #1f1f1f;
}

.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {
    background: #fff;

}





.widget {
    background: #fafafa;
    padding: 15px;
    margin-bottom: 1em;
}

.widget #subForm input {
    background: #fafafa;
}

.widget #subForm p {
    text-align: center;
    color: #1f1f1f;
    font-weight: bold;
    font-size: 1.75em;
    margin-bottom: 1em;
}

.widget #subForm label {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    line-height: 1;
    color: #555;
}

.widget #subForm input {
    display: block;
    margin: 0;
    width: 100%;
    padding: 0 0 4px;
    border: none;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 3px solid #666;
}

.widget #subForm div.field-holder {
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 15px;
}

.widget #subForm button {
    border: none;
    width: 100%;
    height: 50px;
    padding: 3px 8px 7px 8px;
}

.widget #subForm button:before {
    display: none;
}


.widget #subForm input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #dedede;
}
.widget #subForm input::-moz-placeholder { /* Firefox 19+ */
    color: #dedede;
}
.widget #subForm input:-ms-input-placeholder { /* IE 10+ */
    color: #dedede;
}
.widget #subForm input:-moz-placeholder { /* Firefox 18- */
    color: #dedede;
}


#footer ul.menu {
    margin-top: 1.25em;
    border-top: #3b3a39 solid 2px;
    padding-top: 1.25em;
    padding-bottom: 2.25em;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer ul li {
    width: 16.6666667%;
    display: block;
    float: left;
    padding-right: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 0.75em;
}

#footer ul li a {
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

#footer ul li ul {
    margin-top: 0.25em;
}

#footer ul li ul li {
    width: 100%;
    display: block;
    margin: 0;
}

#footer ul li ul li a {
    font-weight: normal;
    text-transform: none;
}


#footer ul.menu:after {
    content: '';
    display: block;
    clear: both;
}

#footer-bottom {
    padding: 15px 0;
    background: white;
}

#footer-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    margin-bottom: 0.75em;
}

#footer-bottom ul li {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
}

#footer-bottom ul li a {
    color: #666;
    text-transform: uppercase;
}





.tag-list, .tags, .collection-tags {
    padding-bottom: 1.5em;
}

.tag-list a, .tags a, .collection-tags a {
    display: block;
    position: relative;
    height: 26px;
    padding: 6px 10px 5px 9px;
    background: #324d5b;
    float: left;
    margin: 4px 10px;
    color: white;
    font-size: 10px;
    text-transform: lowercase;
}

.tag-list:after, .tags:after, .collection-tags:after {
    content: '';
    clear: both;
    display: block;
}

.tag-list a:before, .tags a:before, .collection-tags a:before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 14px solid #324d5b;
}

.tag-list a:after, .tags a:after, .collection-tags a:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    background: white;
    left: -3px;
}



.widget h3 {
    font-weight: 600;
    margin: 0 0 0.5em;
    font-size: 1.75em;
}

.related-objects {
    background: white;
    padding: 15px 15px 5px;
}

.related-objects .col-lg-1, .related-objects .col-lg-10, .related-objects .col-lg-11, .related-objects .col-lg-12, .related-objects .col-lg-2, .related-objects .col-lg-3, .related-objects .col-lg-4, .related-objects .col-lg-5, .related-objects .col-lg-6, .related-objects .col-lg-7, .related-objects .col-lg-8, .related-objects .col-lg-9, .related-objects .col-md-1, .related-objects .col-md-10, .related-objects .col-md-11, .related-objects .col-md-12, .related-objects .col-md-2, .related-objects .col-md-3, .related-objects .col-md-4, .related-objects .col-md-5, .related-objects .col-md-6, .related-objects .col-md-7, .related-objects .col-md-8, .related-objects .col-md-9, .related-objects .col-sm-1, .related-objects .col-sm-10, .related-objects .col-sm-11, .related-objects .col-sm-12, .related-objects .col-sm-2, .related-objects .col-sm-3, .related-objects .col-sm-4, .related-objects .col-sm-5, .related-objects .col-sm-6, .related-objects .col-sm-7, .related-objects .col-sm-8, .related-objects .col-sm-9, .related-objects .col-xs-1, .related-objects .col-xs-10, .related-objects .col-xs-11, .related-objects .col-xs-12, .related-objects .col-xs-2, .related-objects .col-xs-3, .related-objects .col-xs-4, .related-objects .col-xs-5, .related-objects .col-xs-6, .related-objects .col-xs-7, .related-objects .col-xs-8, .related-objects .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.related-objects .row {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 10px;
}



.object {

}

.object a.thumb {
    display: block;
    position: relative;
}

.object a.thumb:after {
// content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 15px solid #F1F1F1;
    border-bottom: 15px solid #F1F1F1;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
}

.object h3 {
    font-weight: 600;
    font-size: 1.25em;
    margin: 0.5em 0 1.5em;
}

.object h3 a {
    color: inherit;
}

.collection-tags {

}

.collection-tags ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.collection-tags ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.collection-tags ul li a {

}



.gallery {
    margin-top: 10px;
}

.gallery a {
    margin-bottom: 10px;
    display: block;
}

.gallery a img {

}

.gallery .col-lg-1, .gallery .col-lg-10, .gallery .col-lg-11, .gallery .col-lg-12, .gallery .col-lg-2, .gallery .col-lg-3, .gallery .col-lg-4, .gallery .col-lg-5, .gallery .col-lg-6, .gallery .col-lg-7, .gallery .col-lg-8, .gallery .col-lg-9, .gallery .col-md-1, .gallery .col-md-10, .gallery .col-md-11, .gallery .col-md-12, .gallery .col-md-2, .gallery .col-md-3, .gallery .col-md-4, .gallery .col-md-5, .gallery .col-md-6, .gallery .col-md-7, .gallery .col-md-8, .gallery .col-md-9, .gallery .col-sm-1, .gallery .col-sm-10, .gallery .col-sm-11, .gallery .col-sm-12, .gallery .col-sm-2, .gallery .col-sm-3, .gallery .col-sm-4, .gallery .col-sm-5, .gallery .col-sm-6, .gallery .col-sm-7, .gallery .col-sm-8, .gallery .col-sm-9, .gallery .col-xs-1, .gallery .col-xs-10, .gallery .col-xs-11, .gallery .col-xs-12, .gallery .col-xs-2, .gallery .col-xs-3, .gallery .col-xs-4, .gallery .col-xs-5, .gallery .col-xs-6, .gallery .col-xs-7, .gallery .col-xs-8, .gallery .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.gallery .row {
    margin-left: -5px;
    margin-right: -5px;
}


body.page-template-explore .object {
    margin-bottom: 30px;
}


.object a.thumb:after {
    border-right: 15px solid #EBEBEB;
    border-bottom: 15px solid #EBEBEB;
}





.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.hideit {
    display: none !important;
}



.timeline-block-right {
    border-left: #fbd3cf solid 4px;
    padding-left: 20px;
    margin-left: -2px;
}

.timeline-block-left {
    border-right: #fbd3cf solid 4px;
    padding-right: 20px;
    margin-right: -2px;
    text-align: right;
}

.timeline-content .col-lg-1, .timeline-content .col-lg-10, .timeline-content .col-lg-11, .timeline-content .col-lg-12, .timeline-content .col-lg-2, .timeline-content .col-lg-3, .timeline-content .col-lg-4, .timeline-content .col-lg-5, .timeline-content .col-lg-6, .timeline-content .col-lg-7, .timeline-content .col-lg-8, .timeline-content .col-lg-9, .timeline-content .col-md-1, .timeline-content .col-md-10, .timeline-content .col-md-11, .timeline-content .col-md-12, .timeline-content .col-md-2, .timeline-content .col-md-3, .timeline-content .col-md-4, .timeline-content .col-md-5, .timeline-content .col-md-6, .timeline-content .col-md-7, .timeline-content .col-md-8, .timeline-content .col-md-9, .timeline-content .col-sm-1, .timeline-content .col-sm-10, .timeline-content .col-sm-11, .timeline-content .col-sm-12, .timeline-content .col-sm-2, .timeline-content .col-sm-3, .timeline-content .col-sm-4, .timeline-content .col-sm-5, .timeline-content .col-sm-6, .timeline-content .col-sm-7, .timeline-content .col-sm-8, .timeline-content .col-sm-9, .timeline-content .col-xs-1, .timeline-content .col-xs-10, .timeline-content .col-xs-11, .timeline-content .col-xs-12, .timeline-content .col-xs-2, .timeline-content .col-xs-3, .timeline-content .col-xs-4, .timeline-content .col-xs-5, .timeline-content .col-xs-6, .timeline-content .col-xs-7, .timeline-content .col-xs-8, .timeline-content .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}

.timeline-content .row {
    margin-left: 0;
    margin-right: 0;
}


.timeline-content ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.timeline-content h2 {
    position: relative;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1;
    font-weight: bold;
}

.timeline-content h2:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fbd3cf;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top: 9px;
    left: -29px;
}

.timeline-content .timeline-block-left h2:before {
    right: -29px;
    left: auto;
}

.timeline-block-right, .timeline-block-left {
    padding-top: 1px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.timeline-content li {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.timeline-content a {
    font-size: 0.75em;
    line-height: 1;
    display: block;
    color: inherit;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    left: 0;
}

.timeline-content .timeline-block-left a {
    left: auto;
    right: 0;
}

.milestone-centred {
    text-align: center;
}

.milestone h1 span {
    display: block;
    font-size: 0.75em;
    border-top: 3px solid #fbd3cf;
    width: 200px;
    margin: auto;
    margin-top: 10px;
    padding-top: 8px;
    color: #666666;
}

.milestone h1.entry-title {
    margin-top: 0.75em;
}

.read-more-text {
    font-size: 0.75em;
    line-height: 1;
    color: inherit;
    text-decoration: underline;
}

.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child {
    margin-top: 0;
}

.timeline-content {
    background: white;
    border-top: #fbd3cf solid 4px;
}











img.avatar {
    border: none;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}


.written-for {
    margin: 20px 0;
}

.written-for a {
    display: block;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 15px;
    float: left;
}

.post-meta {
    font-weight: bold;
    font-size: 0.85em;
    margin: 0 0 20px;
    color: #555555;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    text-align: right;
    font-size: 0.8em;
    margin: 10px 0;
    padding-right: 10px;
}

.aligncenter {
    margin: auto;
    display: block;
}

.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

blockquote p {
    color: #324d5b;
    line-height: 1.55em;
}

blockquote {
    font-size: 1.2em;
    color: #324d5b;
    border-left: #324d5b solid 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0.75em 0px;
}

.post-footer {
    margin-bottom: 1.5em;
}

.post-footer p {
    padding: 0 8px;
    font-size: 0.800em;
    color: #231f20;
    margin: 0;
    line-height: 1.45em;
}

.post-footer h3 {
    padding: 0 8px;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    margin: 0.75em 0 0.35em;
}


.post-footer .col-lg-1, .post-footer .col-lg-10, .post-footer .col-lg-11, .post-footer .col-lg-12, .post-footer .col-lg-2, .post-footer .col-lg-3, .post-footer .col-lg-4, .post-footer .col-lg-5, .post-footer .col-lg-6, .post-footer .col-lg-7, .post-footer .col-lg-8, .post-footer .col-lg-9, .post-footer .col-md-1, .post-footer .col-md-10, .post-footer .col-md-11, .post-footer .col-md-12, .post-footer .col-md-2, .post-footer .col-md-3, .post-footer .col-md-4, .post-footer .col-md-5, .post-footer .col-md-6, .post-footer .col-md-7, .post-footer .col-md-8, .post-footer .col-md-9, .post-footer .col-sm-1, .post-footer .col-sm-10, .post-footer .col-sm-11, .post-footer .col-sm-12, .post-footer .col-sm-2, .post-footer .col-sm-3, .post-footer .col-sm-4, .post-footer .col-sm-5, .post-footer .col-sm-6, .post-footer .col-sm-7, .post-footer .col-sm-8, .post-footer .col-sm-9, .post-footer .col-xs-1, .post-footer .col-xs-10, .post-footer .col-xs-11, .post-footer .col-xs-12, .post-footer .col-xs-2, .post-footer .col-xs-3, .post-footer .col-xs-4, .post-footer .col-xs-5, .post-footer .col-xs-6, .post-footer .col-xs-7, .post-footer .col-xs-8, .post-footer .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.post-footer .row {
    margin-left: -5px;
    margin-right: -5px;
}


.clear {
    clear: both;
}



#comments-list {

}

#comments-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#comments-list ul li {
    margin: 0;
    padding: 0;
}

#comments-list ul li.thread-odd {
}

#comments-list ul li ul.children {
    margin: 0 0 0 27px;
}

.comment-body {
    position: relative;
    padding: 10px 10px 25px 47px;
    background: #EFEFEF;
}

.comment-respond {
    padding: 1px 15px 15px;
    background: #CDCDCD;
}

#comments-list ul li ul.children li:first-child .comment-body:before {
    content: '';
    border-top: 27px solid #999;
    border-left: 27px solid transparent;
    position: absolute;
    left: -27px;
    top: 0;
}

.comment-body .avatar {
    position: absolute;
    left: 8px;
    top: 8px;
}

.comment-body .comment-meta {
    font-size: 0.75em;
}

.comment-body .comment-meta a {
    color: #333;
}

.reply {

}

.reply a {
    display: block;
    background: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.5);
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    text-align: center;
    font-size: 0.75em;
    position: absolute;
    bottom: 10px;
    left: 45px;
}

.reply a:hover, .reply a:focus {
    background: #333;
    color: white;
}

.guest-thumbnail {
    position: relative;
}

.guest-banner {
    position: absolute;
    right: 18px;
    bottom: 18px;
    background: #324d5b;
    padding: 6px 13px;
    color: white;
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 10px;
    text-transform: uppercase;
}

body.single .guest-banner {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
}



.entry-meta {
    position: relative;
    padding-left: 72px;
}

.entry-meta img.avatar {
    border: none;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 62px;
}


h2.entry-title {
    font-size: 1.75em;
    margin-top: 10px;
    font-weight: 600;
}

h2.entry-title a {
    color: inherit;
}

.entry-meta span {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
    color: #555555;
}

.entry-meta a {
    color: inherit;
    text-decoration: underline;
}

.footer-left {
    float: left;
}

.footer-right {
    float: right;
}

h2.widget-title {
    margin-top: 0;
    font-size: 1.5em;
    font-weight: 600;
}


#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    max-width: 80px;
}

#rpwwt-recent-posts-widget-with-thumbnails-2 a span {
    display: block;
    color: #2a2a2a;
    font-weight: 600;
    font-size: 1em;
}



.searchform {
    padding: 0 45px 0 0 ;
    position: relative;
}

.searchform #s {
    height: 20px;
    display: block;
    padding: 20px 12px 20px 12px;
    width: 100%;
    border: none;
    background: white;
    color: #555555;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

aside .searchform #s {
    background: #e8e8e8;
}

.searchform label {
    display: none;
}

.searchform .search-left {
    padding-right: 45px;
}

.searchform .search-right {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}

aside .searchform .search-right {
    right: 8px;
}

.searchform #searchsubmit {
    border: none;
    background: #bebdbd url(images/right-arrow.png) center no-repeat;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-indent: -5000px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
}



.logos img {
    max-height: 55px;
    margin-right: 10px;
}

.menu-mobile-navigation-container {
    display: none;
}


#footer-bottom p {
    text-align: right;
    font-size: 0.75em;
    margin: 0;
    color: #666;
}

img.cc {
    width: 80px;
    display: inline-block;
    margin: 10px 0 5px;
}

body.blog #content .post {
    margin-bottom: 2em;
}

@media all and (max-width: 768px) {
    .title-section .video-container {
        margin-top: 0;
    }
}

@media all and (max-width: 768px) {
    .title-section .video-container {
        margin-top: -60px;
        margin-bottom: 40px;
    }
    .menu-primary-navigation-container, .top-bar {
        display: none;
    }
    #footer-bottom, #footer-bottom ul {
        text-align: left;
    }
    #footer-bottom ul li {
        margin: 20px 20px 20px 0;
    }
    #footer img {
        max-height: 150px;
        margin-bottom: 30px;
    }

}



/*Education page Year filter -01062018*/
div.css-filter--item{    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);margin: .3em}
div.css-filter--item img {   border: 1px solid #C0C0C0; margin: .2em}
div.css-filter--item span.button{width: 100%; }
div.css-filter--item h3{font-size: 20px; color:#337ab7 }
div.css-filter--item b{font-size: 15px; color: #c0c0c0; }

a.event_btn{
    border: 1px solid;
    background: #dedede;
    font-size: 1em;
    padding: 7px 20px;
    color: #1f1f1f;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    display: inline-block;
    font-weight: 600;
    width: 100%;

}
a.evemt_btn:hover{
    cursor: pointer;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
div.css-filter--links{
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
}
div.css-filter--links a {  white-space: nowrap;transition: background-color 0.5s ease;
    border-radius: 5px;
    border: 1px solid;
    padding: .4em;
    margin: .3em;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    font-size: 1em;
}
div.css-filter--links a:hover {
    background-color: black;
    color: white;
    cursor: pointer;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
.css-filter--item a:active,a:hover{
    opacity: 90%;
    text-decoration: none;
}
.event_btn:hover{
    background-color: grey !important;
}
.div.css-filter--links a:active {
    background-color: black;
    color: white;
}
.css-filter--link.active {
    background-color: black !important;
    color: white !important;
}

.item img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.item:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.content-container {
    display:flex;
    flex-flow: row wrap;
}
/*Education page year filter ends*/
/*video page css starts here*/
.object{
    background: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
margin: 1%;
float: left;
transition: all, 0.3s, ease;padding: 5px
}
.object h3{
    font-size: 18px;
    font-weight: 100;
    color: #555;
    letter-spacing: 1px;
    text-align: left;
    padding: 10px 4px;
    margin: 0;
    white-space: nowrap;}
.vduration{
    font-size: 14px;
    font-weight: 100;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: right;
    padding: 5px 2px;
    margin: 0;
    white-space: nowrap;}
.vdescription{
    font-size: 14px;
    font-weight: 100;
    color: #555;
    letter-spacing: 1px;
    text-align: left;
    padding: 5px 2px;
    margin: 0;
    }
    
/*video page css ends here*/

