/* 
Theme Name: BCCIE 
Description: BBCIE theme 
Version: 1 
Author: CodeBox Development 
Author URI: http://www.codeboxdev.com
*/
a {
    outline: none;
}

img {
    border: none;
}

body {
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}

.breadcrumbs {
    text-transform: uppercase;
    clear: right;
    font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #0069aa;
    margin-top: 15px;
    margin-bottom: 10px;
}

.breadcrumbs a {
    text-decoration: none;
    font-size: 13px;
    color: #59595a;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

#wrapper {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

#search_form {
    min-height: 120px;
}

#searchbox {
    min-height: 120px;
    width: auto;
    background: #eff4f9;
    display: none;
}

#header {
    display: block;
}

#logo {
    float: left;
    width: 372px;
    height: 105px;
}

#logo img {
    margin-left: 30px;
    margin-top: 15px;
}

#headerright {
    float: left;
}

#media {
    height: 60px;
}

#media .mediaicon {
    margin: 0 20px;
    height: 60px;
    position: relative;
    float: right;
    line-height: 60px;
}

.mediaicon img {
    margin: 0 auto;
    vertical-align: middle;
    opacity: 0.7;
}

.mediaicon img:hover {
    opacity: 1.0;
}

#nav {
    position: relative;
    float: left;
    height: 45px;
    vertical-align: middle;
    line-height: 45px;
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#nav ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

#nav ul li ul li {
    background: #0069aa;
    display: block;
    color: white;
    clear: both;
}

#nav ul li ul li:hover {
    background: #009ddc;
}

#nav ul li ul {
    padding: 0;
    position: absolute;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
}

#nav a {
    font-size: 14px;
    display: block;
    width: 108px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

#nav ul li ul li a {
    font-size: 13px;
    display: block;
    width: 216px;
    text-align: left;
    padding-left: 20px;
    padding-right: 10px;
    text-transform: uppercase;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
}

#nav ul li:hover {
    background-color: #0069aa;
}

#nav ul li:hover a {
    color: white;
}

#nav ul li a:hover {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    color: rgb(255, 255, 255);
}

#nav ul li ul li a:hover {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    color: rgb(255, 255, 255);
}

#nav li {
    float: left;
}

#banner {
    height: 280px;
    background-size: cover !important;
}

#banner p {
    position: relative;
    padding: 0px 0 0 30px;
    margin: 0px;
    bottom: -180px;
    text-transform: uppercase;
    font-size: 40px;
    color: white;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

#slider {
    position: relative;
    height: 420px;
    background-color: #d5d5d5;
    background-image: url('./images/background.png');
    background-repeat: no-repeat;
}

#slider img {
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
}

.slidercontent {
    height: 420px;
    width: 100%;
}

.slidercontent h1, .slidercontent p {
    margin: 0;
    color: white;
    font-size: 20px !important;
}

.slidercontent > span {
    position: absolute;
    bottom: 25%;
    left: 3%;
}

#slidercontent {
    font-family: Arial, ProximaNova-Light;
    padding-left: 30px;
    position: absolute;
    bottom: 70px;
    color: white;
    white-space: pre-wrap;
}

#slidercontent p b {
    font-size: 42px;
}

#slidercontent a {
    border-style: solid;
    padding: 8px 8px 8px 8px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
}

.home #main {
    position: relative;
    width: 100%;
    background: #ddd;
}

.ql {
    position: relative;
    overflow: hidden;
}

.ql:after {
    content: '\A';
    position: absolute;
    width: 94%;
    height: 97%;
    top: 0;
    left: 3%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ql:hover:after {
    opacity: 0.4;
}

.qltext {
    position: absolute;
    text-decoration: none;
    bottom: 20px;
    left: 25px;
    right: 25px;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: white;
    z-index: 99;
}

#ql3 .qltext {
    color: #0069aa;
}

.home #bccienews {
    color: #0069aa;
    padding: 0;
    box-sizing: border-box;
    background: #eee;
    padding-bottom: 12px;
}

#bccienewscontent {
    border-width: 1px;
    border-bottom-style: solid;
    border-color: #d7d7d7;
}

#bccienewscontent h1 {
    margin-top: 0;
    margin-bottom: 0;
}

#bccienewscontent .bnc {
    border-width: 1px;
    border-top-style: solid;
    border-color: #d7d7d7;
}

#bccienewscontent .bnc h1 {
    font-size: 20px;
    color: #0069aa;
}

#bccienewscontent .bnc a, #home-bccienewscontent .bnc a {
    text-decoration: none;
    color: #0069aa;
}

#bccienewscontent a:hover, #home-bccienewscontent a:hover {
    text-decoration: underline;
}

#bccienewscontent .bnc.sponsored, .single #maincontent.sponsored h2 {
    position: relative;
}

.single #maincontent.sponsored h2 {
    padding-right: 45px;
}

.home #home-bccienewscontent .bnc {
    float: left;
    width: 65.3333333%;
    background: #fff;
    margin-top: 15px;
    position: relative;
}

.home #home-bccienewscontent .bnc.sponsored:after, .home #home-bccienewscontent .bnc.sponsored::after {
    background: url(images/ribbon.png) no-repeat;
    content: "";
    display: block;
    height: 24px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 2;
}

.single #maincontent.sponsored h2:before, .single #maincontent.sponsored h2::before {
    right: 0;
}

#bccienewscontent .bnc.sponsored img.sponsored-icon, .single #maincontent.sponsored img.sponsored-icon {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 2;
}

.single #maincontent .content-wrap {
    position: relative;
}

.single #maincontent.sponsored img.sponsored-icon {
    right: 0;
}

.home #home-bccienewscontent .bnc .bnctext_content h4 .small {
    font-size: .675em;
}

.home .seeall-wrap {
    position: relative;
    text-align: right;
}

.home .seeall-wrap .sponsored-icon {
    background: url(images/ribbon.png) left center no-repeat;
    color: #999;
    display: inline-block;
    font-size: 1.2em;
    text-align: right;
    text-decoration: none;
    margin: 10px 10px 0 0;
    padding: 5px 5px 5px 45px;
}

.home .seeall-wrap .sponsored-icon:hover {
    text-decoration: underline;
}

@media all and (min-width: 768px) {
    .home #home-bccienewscontent .bnc:nth-child(2) {
        width: 32.6666667%;
        margin-left: 2%;
    }

    .home #home-bccienewscontent .bnc:nth-child(3) {
        width: 32.6666667%;
        margin-right: 2%;
        clear: both;
    }

    .home #home-bccienewscontent .bnc:nth-child(2) .bncimage, .home #home-bccienewscontent .bnc:nth-child(3) .bncimage {
        width: 100%;
        margin: 0;
    }

    .home #home-bccienewscontent .bnc:nth-child(2) .triangle, .home #home-bccienewscontent .bnc:nth-child(3) .triangle {
        display: none;
    }

    .home #home-bccienewscontent .bnc:nth-child(2) .bnctext, .home #home-bccienewscontent .bnc:nth-child(3) .bnctext {
        width: 100%;
        z-index: 1;
        background: rgba(0, 105, 170, 0.7);
        opacity: 0;
        transition: opacity 0.3s linear;
    }

    .home #home-bccienewscontent .bnc:nth-child(2) .bnctext:hover, .home #home-bccienewscontent .bnc:nth-child(3) .bnctext:hover {
        opacity: 1;
    }

    .home #home-bccienewscontent .bnc:nth-child(2) .bnctext *, .home #home-bccienewscontent .bnc:nth-child(3) .bnctext * {
        color: #fff !important;
    }

    .home .seeall-wrap .sponsored-icon {
        margin: 0;
        position: absolute;
        left: 20px;
        bottom: 5px;
    }
}

#home-bccienewscontent .bnc h3 {
    font-size: 18px;
    color: #0069aa;
    margin: 15px 0 5px 0;
}

#home-bccienewscontent .bnc h4 {
    font-size: 16px;
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    color: #0069aa;
    font-weight: bold;
}

#home-bccienewscontent .bnc h4.feature {
    color: #009ddc;
}

#home-bccienewscontent .bnc p {
    margin: 0;
    color: #000;
    line-height: 1.5em;
    font-size: 16px;
}

.home #home-bccienewscontent .bnc .bnctext {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 20px 5% 45px 5%;
}

.home #home-bccienewscontent .bnc .bnctext .bnctext_content {
    width: 100%;
    height: 100%;
}

.home #home-bccienewscontent .bnc .bncimage {
    width: 50%;
    margin-left: 50%;
    position: relative;
}

.home #home-bccienewscontent .bnc .bncimage img {
    display: block;
    width: 100%;
}

.home #home-bccienewscontent .bnc .bncimage .triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 20px solid transparent;
    border-left: 20px solid white;
    border-bottom: 20px solid transparent;
    top: 50%;
    left: -1px;
    margin-top: -20px;
}

.home .home-seeall {
    clear: both;
    color: #999;
    font-size: 20px;
    text-align: right;
    line-height: 2em;
    margin: 12px 15px;
    margin-bottom: 0;
}

.home .home-seeall a {
    color: #999;
    text-decoration: none;
    border: 2px solid #999;
    padding: 8px 15px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 16px;
    white-space: pre;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.home .home-seeall a:hover {
    background: #ccc;
}

.home #eventcolumns {
    background: #009ddc;
}

.home #eventcolumns a {
    text-decoration: none
}

.home #eventcolumns a:hover {
    text-decoration: underline
}

.home .event-seeall {
    padding-bottom: 40px;
}

.home .event-seeall .home-seeall {
    text-align: left;
    margin: 20px 0
}

.home .event-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.home .event-wrapper * {
    color: #fff !important;
}

.home .event-wrapper .event-image {
    margin-bottom: -100px;
    position: relative
}

.home .event-wrapper .bnctext_content h3 {
    margin-top: 0
}

.home .event-wrapper .bnctext_content p {
    line-height: 1.8em
}

.home .event-wrapper .event-image .triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 20px solid transparent;
    border-right: 20px solid #009ddc;
    border-bottom: 20px solid transparent;
    top: 50%;
    right: -1px;
    margin-top: -20px;
}

.bcciesharing {
    height: 22px;
}

.bcciesharing p {
    margin: 0;
}

.bnc .bnctext {
    padding-left: 30px;
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 23px;
    max-height: 100%;
}

.bnctext_content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.newstext_excerpt {
    overflow: hidden;
    line-height: 125%;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.dateauthor {
    color: #0069aa;
    margin-bottom: 10px;
}

p.preview {
    color: #595959;
    font-size: 13px;
}

#sectornews {
    padding-left: 20px;
    color: #59595a;
    padding-top: 20px;
}

#sectornews img {
    float: left;
    margin-right: 4px;
}

#sectornews h1 {
    margin-top: 0;
    margin-bottom: 0;
    color: #59595a;
}

#sectornews a {
    text-decoration: none;
}

#sectornc {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    height: 745px;
}

#sectornc .sectortext {
    border-top-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
}

.sectortext {
    min-height: 130px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.sectortext h1 {
    font-size: 20px;
}

.sectortext .date {
    text-transform: uppercase;
    color: #0069aa;
    margin: 0;
}

.seeall {
    float: right;
    background-color: #bec2c6;
    padding: 10px 15px;
    margin: 12px 0;
}

.backbutton {
    float: left;
    background-color: #bec2c6;
    padding: 10px 15px;
    margin: 40px 0;
}

.seeall:hover, .backbutton:hover {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: rgba(0, 0, 0, 0.4);
}

.register-button, .view-event-button {
    float: right;
    background-color: #0069aa;
    padding: 10px 15px;
}

.backbutton a, .seeall a, .mentorship-button, .register-button a, .email-register-button, #search-submit, .view-event-button {
    text-decoration: none;
    color: white;
}

.news_photo_desc {
    margin-top: 5px;
    font-size: 11px;
}

.news_view_content {
    display: inline-block;
    clear: both;
    padding-bottom: 30px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    width: 100%;
}

b {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

i {
    font-family: "proxima-nova", sans-serif;
    font-style: italic;
    font-weight: 400;
}

p, a {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

a {
    color: #009ddc;
}

h1, h2, h3, h4, h5 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

h2 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    color: #0069aa;
}

h3 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    margin: 14px 0;
    color: #0069aa;
}

footer {
    position: relative;
    left: 0;
    right: 0;
    max-width: 100%;
    background: #0069aa;
    clear: both;
    text-align: center;
}

#footermedia,
footer .footer_links,
footer .edulinks,
footer .message {
    padding: 10px 0;
}

#footer {
    width: 960px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0069aa;
}

#footerleft {
    float: left;
    height: 100%;
}

#footnav {
    float: left;
    margin: 0 0 0 0;
    height: 55px;
    width: 550px;
    vertical-align: middle;
    line-height: 55px;
}

#footnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#footnav ul li a {
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    text-decoration: none;
    color: white;
    padding-right: 40px;
}

#bclogo {
    background-image: url(images/bclogo0.png);
    /*float: left;*/
    background-repeat: no-repeat;
    height: 56px;
    width: 62px;
    background-position: center;
}

#bceqa {
    background-image: url(/wp-content/uploads/2015/03/bc_eqa0.png);
    /*float: left;*/
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    background-position: center;
}

#bceqa:hover {
    background-image: url(/wp-content/uploads/2015/03/bc_eqa1.png);
}

#bclogo:hover {
    background-image: url(images/bclogo1.png);
}

#sbclogo {
    background-image: url(images/studyinbc0.png);
    /*float: left;*/
    background-repeat: no-repeat;
    height: 37px;
    width: 83px;
    background-position: center;
}

#sbclogo:hover {
    background-image: url(images/studyinbc1.png);
}

#bcsalogo {
    background-image: url(images/bcsa0.png);
    /*float: left;*/
    background-repeat: no-repeat;
    height: 45px;
    width: 62px;
    background-position: center;
}

#bcsalogo:hover {
    background-image: url(images/bcsa1.png);
}

#fmedia .mediaicon {
    display: inline-block;
    /*width: 46px;*/
    padding: 0 8px;
    position: relative;
    text-align: center;
    /*float: right;*/
}

.footer_links {
    /*float: left;
    padding-top: 8px;*/
    padding: 0 1%;
    font-size: 14px;
    /*width: 100px;*/
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #bec2c6;
}

.footer_links a {
    text-decoration: none;
    color: white;
    clear: both;
}

.footer_links a:hover {
    text-decoration: underline;
}

.edulinks {
    /*float: left;
    padding-top: 8px;*/
    padding: 0 1%;
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #bec2c6;
    text-align: center;
}

/* .edulinks a {
     max-width: 48% !important;
}*/
.edulinks .logo-img {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}

.message {
    padding: 0 1%;
}

.message .message-txt {
    color: #ffffff;
    font-size: 11px;
    margin-top: 16px;
}

.footer-bar {
    background-color: #001a37;
    padding: 10px 0;
    margin: 20px 0 0 0;
}

.footer-bar .bottom-links a {
    color: #ffffff;
    font-size: 10px;
    text-decoration: none;
    text-transform: capitalize;
}

.footer-bar .bottom-links a:hover {
    color: #009ddc;
}

.footer-bar .bottom-links a:not(:last-child) {
    border-right: 1px solid #ffffff;
    padding-right: 5px;
}

#footermedia {
    /*float: left;*/
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #bec2c6;
    text-align: center;
}

#contact {
    padding-top: 7px;
    font-size: 13px;
    color: white;
    float: right;
    height: 200px;
}

#maincontent {
    overflow: hidden;
    min-height: 600px;
}

#aboutcontent {
    margin-bottom: 40px;
}

#sidebar {
    z-index: 100;
    position: relative;
    margin-top: -32px;
}

.subscribe-button {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
}

.subscribelink .subscribebutton {
    position: relative;
    z-index: 0;
}

.subscribebutton:after {
    content: '\A';
    position: absolute;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0 !important;
    bottom: initial !important;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: 2;
}

.subscribebutton:hover:after {
    opacity: 0.4;
}

.partnerlink .partner-button .tile-text, .partnerlink .partner-button .sidebar_button_text {
    color: #f75431;
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 1.8em;
    font-weight: bold;
    z-index: 3;
}

.partnerlink .partner-button:before, .partnerlink .partner-button::before {
    background: url(images/ribbon.png) center no-repeat;
    content: "";
    display: block;
    height: 24px;
    width: 40px;
    top: 0;
    right: 10px;
    position: absolute;
    z-index: 3;
}

#mediacontact a:hover {
    text-decoration: none;
}

.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    z-index: 1000;
}

.menu li {
    background-color: #0069aa;
    line-height: 21px;
    vertical-align: middle;
}

.menu li a {
    display: block;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding-left: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.menu li:hover {
    background-color: #009ddc;
}

.menu li a:hover {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

#nav li.current-menu-parent,
#nav li.current-menu-item,
#nav li.current-page-parent,
#nav li.current-page-ancestor {
    background-color: #0069aa;
}

#nav li.current-menu-parent a,
#nav li.current-menu-item a {
    color: white;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

#nav .current-page-parent > a,
#nav li.current-page-ancestor > a {
    color: white;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

li.current-menu-item,
li.current-page-ancestor {
    background-color: #009ddc;
}

li.current-menu-item a,
li.current-page-ancestor > a {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.staff_entry {
    width: 100%;
    display: inline-block;
    color: #0069aa;
    padding-top: 30px;
    padding-bottom: 10px;
    border-width: 1px;
    border-color: #d7d7d7;
    border-top-style: solid;
}

.staff_entry[aria-controls="ui-accordion-accordion-panel-0"] {
    border-top-style: none;
}

.staffpic {
    height: 90px;
    width: 90px;
    margin-right: 15px;
    background-size: cover;
    float: left;
    background-color: #59595a;
    margin-bottom: 20px;
}

.staff_entry a {
    word-break: break-all;
    word-wrap: break-word;
}

.bio {
    overflow: hidden;
    display: none;
}

.bio p {
    margin-top: 0;
}

.accordiontoggle {
    float: right;
}

#accordion .toggle {
    height: 9px;
    width: 18px;
    margin: 2px 0 0 5px;
    background-image: url('./images/arrowdown.png');
    float: right;
}

#accordion .ui-state-active .toggle {
    height: 9px;
    width: 18px;
    margin: 2px 0 0 5px;
    background-image: url('./images/arrowup.png');
    float: right;
}

#accordion .report_headers .toggle {
    height: 9px;
    width: 18px;
    margin: 20px 20px 0 5px;
    background-image: url('./images/arrowdown.png');
    float: right;
}

.ourteampeekaboo .toggle {
    height: 9px;
    width: 18px;
    margin: 25px 20px 0 5px;
    background-image: url('./images/arrowdown.png');
    float: right;
}

.peekaboo .toggle {
    height: 9px;
    width: 18px;
    margin: 25px 20px 0 5px;
    background-image: url('./images/arrowdown.png');
    /*float: right;
    */
    top: 0;
    right: 0;
    position: absolute;
}

.peekaboo {
    cursor: pointer;
    position: relative;
}

#accordion .ui-state-active.report_headers .toggle {
    height: 9px;
    width: 18px;
    margin: 20px 20px 0 5px;
    background-image: url('./images/arrowup.png');
    float: right;
}

.director {
    width: 100%;
    min-height: 55px;
    border-top-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
}

.bod_table {
    border-collapse: collapse;
    margin-bottom: 2em;
}

.bod_title {
    text-align: left;
    background-color: #0069aa;
    color: white;
    border-top-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    padding: 10px 10px;
}

.director_person {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 160px;
    color: #0069aa;
    padding-right: 15px;
    vertical-align: top;
}

.director_org {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #0069aa;
    vertical-align: top;
}

.cat_reports {
    display: none;
    width: 100%;
    overflow: hidden;
    border-top-style: solid;
    border-width: 1px;
    padding-bottom: 20px;
    border-color: #d7d7d7;
}

.lt-ie9 .cat_reports {
    display: block;
}

.report_headers {
    border-top-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
}

.report_headers h2 {
    font-size: 20px;
}

.report_entry {
    box-sizing: border-box;
    padding-top: 20px;
    width: 50%;
    float: left;
    color: #0069aa;
}

.report_entry p {
    margin: 0;
    padding: 13px 0 13px 0;
}

.report_thumb {
    height: 90px;
    width: 75px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
}

.report_entry a {
    text-decoration: none;
}

.report_entry a:hover {
    color: #8a8a8a;
}

#media_table_container {
    margin-top: 20px;
    margin-bottom: 60px;
    padding-bottom: 20px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
}

#media_table {
    width: 100%;
    border-collapse: collapse;
}

#media_table a {
    width: 100%;
    border-collapse: collapse;
    color: #0069aa;
}

#media_table thead {
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
}

#media_table td {
    padding-top: 20px;
}

#media_table th {
    height: 32px;
    color: #0069aa;
}

.marketsupport_entry {
    border-top-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    padding: 20px 0 20px 0;
}

.marketsupport_entry p {
    margin: 5px 0 5px 0;
}

.mentorship-button, .email-register-button {
    float: left;
    background-color: #0069aa;
    padding: 10px 15px;
    cursor: pointer;
}

.mentorship-button {
    color: white;
}

#summersem_nav {
    width: 265px;
    padding: 25px 25px 55px 25px;
    background-color: #eff4f9;
    margin: 20px 0 20px 0;
}

#summersem_nav a:hover {
    color: #009ddc;
}

#event-search {
    width: 265px;
    padding: 25px;
    background-color: #eff4f9;
    margin: 20px 0 20px 0;
}

#event-search label {
    height: 100%;
    position: relative;
    color: #0069aa;
}

#event-search input {
    float: right;
}

.event-search-element {
    height: 25px;
    clear: both;
}

.event-entry {
    display: inline-block;
    padding-left: 20px;
    width: 100%;
    box-sizing: border-box;
    border-top: 2px solid #d7d7d7;
}

.event-month + .event-entry {
    border: none;
}

.event-fields b {
    color: #0069aa;
}

#summersem_nav a {
    font-size: 16px;
    line-height: 30px;
    color: #0069aa;
    text-decoration: none;
}

.summersem-entry {
    height: 90px;
    padding: 20px 0 0 0;
    overflow: hidden;
}

.summersem-entry img {
    display: none;
}

.summersem-entry-toggle {
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
}

.host-logo img {
    height: 30px;
    width: auto;
}

.host-logo {
    display: inline-block;
    padding-bottom: 10px;
}

#contact_sidebar {
    float: left;
    display: inline-block;
    margin-top: 10px;
}

#contactus {
    background-color: #eff4f9;
    padding: 20px;
    color: #0069aa;
    margin-right: 40px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}

#mediacontact {
    background-color: #eff4f9;
    padding: 20px;
    color: #0069aa;
    width: 100%;
    clear: both;
    margin-top: 20px;
}

#contactus h1 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0;
}

#directory {
    color: #0069aa;
    padding: 20px 0 20px 0;
    margin-bottom: 10px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    display: inline-block;
    width: 100%;
}

.entry-content {
    display: inline-block;
}

.directory_entry {
    width: 50%;
    height: 100px;
    float: left;
}

.video-entry {
    box-sizing: border-box;
    width: 50%;
    float: left;
    height: 215px;
    margin-top: 30px;
    padding-right: 60px;
    padding-bottom: 10px;
    overflow: hidden;
}

.cat_videos {
    display: none;
    width: 100%;
    padding-bottom: 30px;
    border-top-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    overflow: hidden;
}

.video {
    position: relative;
    height: 100%;
}

.video_thumb {
    clear: both;
    width: 210px;
    height: 117px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.video_thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video_thumb a:before,
.video_thumb a::before {
    content: "";
    position: absolute;
    display: block;
    background: url(images/play_overlay.png);
    width: 210px;
    height: 117px;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.org_list {
    display: none;
    border-top-style: solid;
    border-width: 1px;
    padding-bottom: 20px;
    border-color: #d7d7d7;
}

.partner-org {
    width: 100%;
    margin-top: 15px;
    clear: both;
}

.partner-org-desc {
    overflow: hidden;
}

.partner-org-desc b {
    color: #0069aa;
}

.partner-org-desc a {
    color: #009ddc;
    text-decoration: none;
}

.org_logo {
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 50% 0;
}

.alignnone {
    max-width: 100%;
    height: auto;
}

#triangle-left {
    position: relative;
    width: 0;
    height: 0;
    left: 140px;
    top: 30px;
    border-top: 10px solid transparent;
    border-right: 10px solid white;
    border-bottom: 10px solid transparent;
}

.ui-state-focus {
    outline: none;
}

#metaslider_51 ul li a {
    top: 200px;
}

a.flex-direction {
    top: 200px;
}

#email_subscription_form {
    position: relative;
    background-color: #e8eff7;
    padding: 30px;
}

input[type="text"], input[type="email"] {
    border: 0;
    border-style: solid;
    width: 255px;
    font-size: 13px;
    color: #0069aa;
}

.search-radio-text input[type="text"] {
    max-width: 100%;
    border: 0;
    border-bottom: 1px;
    border-style: solid;
    width: 310px;
    background: transparent;
}

#event-search-form input[type="text"] {
    border: 0;
    border-bottom: 1px;
    border-style: solid;
    width: 240px;
    background: transparent;
}

input:focus {
    outline: none;
}

.subscribe_submit {
    margin-top: 20px;
}

#subscribe_checkbox {
    margin-bottom: 20px;
}

#subscribe_checkbox input[type="checkbox"] + label {
    cursor: pointer;
}

.search-radio-option input[type=radio]:not(old) {
    display: inline-block;
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
    line-height: 18px;
    cursor: pointer;
}

.search-radio-option label {
    color: #0069aa;
}

.search-radio-option input[type=checkbox]:not(old) + label, .search-radio-option input[type=radio ]:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url('images/checkbox_off.png') no-repeat;
    line-height: 18px;
}

.search-radio-option input[type=radio]:checked + label:not(old) {
    background: url('images/checkbox_on.png') no-repeat;
}

.search-radio-option {
    padding-top: 10px;
    margin-left: 25px;
}

.search-radio-text {
    padding-top: 40px;
}

#searchsubmit {
    background-color: #0069aa;
    padding: 10px 15px;
    color: white;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

#searchsubmit:hover {
    background-color: #009ddc;
}

#slider .bx-pager {
    bottom: 20px !important;
    text-align: right;
    right: 25px;
}

.readmore {
    text-decoration: none;
    color: white;
    border-style: solid;
    border-width: 3px;
    border-color: white;
    padding: 10px 20px 10px 20px;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
}

#page-background {
    background-image: url('images/page-background.png');
    width: 100%;
    height: 280px;
    background-position: center top;
}

#main-background {
    background-image: url('images/background.png');
    width: 100%;
    height: 420px;
    background-position: center top;
    visibility: hidden;
}

.sidebar_button {
    height: 150px;
    width: 100%;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.sidebar_button_text {
    bottom: 25px;
    left: 25px;
    right: 25px;
    text-decoration: none;
    color: white;
    position: absolute;
    font-size: 24px;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc !important;
    -webkit-box-shadow: 0 0 5px #ccc !important;
    box-shadow: 0 0 5px #ccc !important;
    border: 0px !important;
    left: 0px !important;
    background: #fff !important;
}

.bx-pager-item a {
    font-size: 0;
}

.bx-pager {
    padding-top: 0 !important;
}

ul#slidebx {
    margin: 0;
    padding: 0;
}

div.copy p {
    font-size: 18px;
}

.the_content, .news_view_content {
    line-height: 175%;
}

.the_content img {
    width: auto;
    height: auto;
}

img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

#events_legend {
    background: #e7e6e6;
    padding: 25px;
    line-height: 26px;
    margin-top: 20px;
}

#events_archive {
    width: 265px;
    padding: 25px 25px 55px 25px;
    margin: 20px 0 20px 0;
    color: #0069aa;
    font-size: 16px;
}

.event_year_archive {
    cursor: pointer;
}

.event-month {
    font-size: 26px;
    color: white;
    background-color: #009ddc;
    padding: 10px 20px;
}

.event_blue {
    background-color: #0069aa;
}

.event_green {
    background-color: #00a96b;
}

.event_grey {
    background-color: #E47316;
}

.event_blue_text {
    color: #0069aa;
}

.event_green_text {
    color: #00a96b;
}

.event_grey_text {
    color: #E47316;
}

.event_other_text {
    color: rgb(89, 89, 90);
}

.event-date {
    width: 22%;
    float: left;
}

.event-show {
    width: 20%;
    float: left;
}

.event-summary {
    padding: 10px 0px;
    overflow: hidden;
}

.event-title {
    width: 55%;
    float: left;
}

.the_gallery::after {
    position: relative;
    content: "";
    clear: both;
    display: block;
}

.the_gallery .image {
    width: 45%;
    padding: 0 2.5%;
    margin-bottom: 16px;
    float: left;
    text-align: center;
}

.bnc::after {
    content: "";
    clear: both;
    float: none;
    display: block;
}

.navigation {
    clear: both;
}

/* footer {
     padding-bottom: 16px;
}*/
.twitter-button {
    color: #ffffff;
    font-size: 18px;
    padding: 27px 8px 27px 58px;
    display: block;
    text-decoration: none;
    letter-spacing: 0.5px;
    background-size: cover;
    margin-bottom: 20px;
}

.page-template-page-events-summerseminar .summerseminar-slide {
    height: 100%;
}

.page-template-page-events-summerseminar .slick-list,
.page-template-page-events-summerseminar .slick-track {
    height: 100%;
}

.page-template-page-events-summerseminar h2 {
    font-size: 28px;
}

.page-template-page-events-summerseminar #banner,
.page-template-page-events-summerseminar #page-background {
    height: 450px;
}

.page-template-page-events-summerseminar #page-background .row {
    padding: 0;
}

.page-template-page-events-summerseminar #page-background .on-mobile {
    display: none;
}

.page-template-page-events-summerseminar .subscribe-button {
    display: none;
}

.page-template-page-events-summerseminar #page-background .slider-content {
    position: absolute;
    bottom: calc(55% - 58px);
    /*height of timer*/
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}

.page-template-page-employment .remove {
    display: none;
    visibility: hidden;
}

.show-sm-screen {
    display: none;
}

.summer-nav-dropdown.tgl-display .tgl-button,
.webinar-nav-dropdown.tgl-display .tgl-button {
    background-color: #0069aa;
    color: #ffffff;
    display: block;
    margin-top: 20px;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color ease 0.25s;
}

.tgl-display .tgl-button:hover {
    background-color: #009ddc;
}

.summer-nav-dropdown.tgl-display.tgl-dropdown .tgl-button:after, 
.summer-nav-dropdown.tgl-display.tgl-dropdown .tgl-button::after,
.webinar-nav-dropdown.tgl-display.tgl-dropdown .tgl-button:after, 
.webinar-nav-dropdown.tgl-display.tgl-dropdown .tgl-button::after {
    border-top-color: #ffffff;
    right: 10px;
}

.ujiCountdown .countdown_txt {
    font-weight: bold !important;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1) !important;
}

.sticky-button {
    background-color: #ff8b03;
    color: #ffffff;
    position: absolute;
    text-decoration: none;
    right: -69px;
    bottom: 20%;
    padding: 10px 20px;
    font-size: 18px;
    transform: rotate(270deg);
    text-transform: uppercase;
    height: 42px;
    z-index: 100;
}

.sticky-button.fixed {
    position: fixed;
}

.sticky-button:hover {
    background-color: #ff930d;
}

#sidebar .subscribe-button,
#sidebar .sidebar_button {
    position: relative;
}

#sidebar .subscribe-button:before,
#sidebar .subscribe-button::before,
#sidebar .sidebar_button:before,
#sidebar .sidebar_button::before {
    background: #8a8a8a;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity ease 0.25s;
    pointer-events: none;
}

#sidebar .subscribe-button:hover:before,
#sidebar .subscribe-button:hover::before,
#sidebar .sidebar_button:hover:before,
#sidebar .sidebar_button:hover::before {
    opacity: 0.6;
}

.logo img {
    height: 68px;
}

@media all and (min-width: 960px) {
    .page-template-page-events-summerseminar .slick-list,
    .page-template-page-events-summerseminar .slick-slider .slick-track {
        height: 100%;
    }
}

@media all and (max-width: 1330px) {
    .page-template-page-events-summerseminar #banner,
    .page-template-page-events-summerseminar #page-background {
        height: 320px;
    }
}

@media all and (max-width: 1000px) {
    #home-bccienewscontent .bnc h3 {
        font-size: 16px;
    }

    #home-bccienewscontent .bnc h4 {
        font-size: 14px;
    }

    #home-bccienewscontent .bnc p {
        font-size: 14px
    }
}

@media all and (max-width: 900px) {
    .page-template-page-events-summerseminar #banner,
    .page-template-page-events-summerseminar #page-background {
        height: 280px;
    }

    #home-bccienewscontent .bnc p {
        line-height: normal;
    }

    .home #home-bccienewscontent .bnc .bnctext {
        padding-bottom: 30px;
    }
}

@media all and (max-width: 770px) {
    .home .event-wrapper .event-image {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .home .event-wrapper .event-image .triangle {
        display: none;
    }

    .home .event-seeall .home-seeall {
        text-align: right;
    }
}

@media all and (max-width: 768px) {
    .sticky-button {
        position: fixed;
        left: auto;
        right: 0;
        bottom: 0;
        transform: none;
        height: 42px;
    }
}

@media all and (max-width: 767px) {
    .home #home-bccienewscontent .bnc {
        width: 100%;
    }

    #home-bccienewscontent .bnc h3 {
        font-size: 18px;
    }

    #home-bccienewscontent .bnc h4 {
        font-size: 16px;
    }

    #home-bccienewscontent .bnc p {
        font-size: 16px;
        line-height: 1.8em;
    }

    .home #home-bccienewscontent .bnc .bnctext {
        padding: 20px 5% 45px 5% !important;
    }
}

@media all and (max-width: 668px) {
    .page-template-page-events-summerseminar #banner,
    .page-template-page-events-summerseminar #page-background {
        max-height: 150px;
    }

    .page-template-page-events-summerseminar #page-background .slider-content {
        bottom: calc(45% - 58px);
    }

    .page-template-page-events-summerseminar #page-background #banner {
        padding: 0;
    }

    .slidercontent > span {
        bottom: 15%;
    }

    #home-bccienewscontent .bnc h3 {
        font-size: 16px;
    }

    #home-bccienewscontent .bnc h4 {
        font-size: 14px;
    }

    #home-bccienewscontent .bnc p {
        font-size: 14px;
        line-height: normal;
    }

    #page-background #banner {
        padding: 0 5%;
    }

    #page-background #banner > div {
        padding: 3px 0 !important;
        font-size: 24px !important;
    }

    #summersem_nav {
        width: 100%;
    }

    .page-template-page-events-summerseminar .tgl-button.toggled + #summersem_nav.dropdown-body {
        padding: 0;
    }

    .tgl-button.toggled + #summersem_nav.dropdown-body {
        margin: 0;
    }

    .hide-sm-screen {
        display: none;
    }

    .show-sm-screen {
        display: block;
    }
}

@media all and (max-width: 480px) {
    .page-template-page-events-summerseminar #banner,
    .page-template-page-events-summerseminar #page-background {
        height: 280px;
    }

    .page-template-page-events-summerseminar .breadcrumbs {
        display: none;
    }

    .page-template-page-events-summerseminar #sidebar {
        margin-bottom: 0;
    }

    .home #bccienews {
        padding-top: 20px;
    }

    .home #home-bccienewscontent .bnc {
        float: none;
        width: 100%;
        background: #fff;
        margin: 0 0 20px 0;
        position: static;
    }

    .home #home-bccienewscontent .bnc .bnctext {
        position: static;
        width: 100%;
        padding: 15px !important;
    }

    .home #home-bccienewscontent .bnc .bnctext .bcciesharing {
        margin-top: 10px;
    }

    .home #home-bccienewscontent .bnc .bncimage {
        width: 100%;
        margin: 0;
    }

    .home #home-bccienewscontent .bnc .bncimage .triangle {
        border-top: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid white;
        border-left: 20px solid transparent;
        top: initial;
        right: initial;
        bottom: -1px;
        left: 50%;
        margin: 0 0 0 -20px;
    }

    .home .event-wrapper .event-image {
        width: 100%;
    }

    #banner .slick-list {
        overflow: visible;
    }

    .page-template-page-events-summerseminar #page-background > .row {
        position: relative;
    }

    .page-template-page-events-summerseminar #page-background .on-mobile {
        display: block;
        position: absolute;
        bottom: 40%;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 1;
    }

    .page-template-page-events-summerseminar #page-background .slider-content {
        display: none;
        /*bottom: -60%;
        */
    }

    .sticky-button {
        text-align: center;
        width: 100%;
    }
}

@media all and (max-width: 420px) {
    .page-template-page-events-summerseminar #page-background .on-mobile {
        bottom: 37%;
    }

    .page-template-page-events-summerseminar #page-background {
        max-height: 170px;
    }
}

@media all and (max-width: 414px) {
    .page-template-page-events-summerseminar #page-background .on-mobile {
        bottom: 37%;
    }

    .page-template-page-events-summerseminar #page-background {
        max-height: 120px;
    }
}

@media all and (max-width: 360px) {
    .page-template-page-events-summerseminar #page-background .slider-content {
        bottom: -80%;
    }

    .page-template-page-events-summerseminar #page-background .slider-content {
        margin: 0 auto;
        width: 300px;
    }

    .page-template-page-events-summerseminar #page-background {
        max-height: 105px;
    }
}

@media all and (max-width: 320px) {
    .page-template-page-events-summerseminar #page-background .slider-content {
        margin-right: -5px;
    }
}

@media (max-width: 668px) {
    table.responsive-table > tbody > tr.full-table {
        display: inherit;
    }

    #page-background {
        overflow: hidden;
    }
}

#nav ul li ul li a {
    line-height: 1.5em;
    padding: 10px 10px 10px 20px;
}

.page-id-12041 .sticky-button {
    display: none;
}

/*@media screen and (min-width: 375px){
    footer{
        text-align: left;
    }
    
    #footermedia,
    footer .footer_links,
    footer .edulinks,
    footer .message{
        float: left;
        padding: 0 1%;
    }    
    
}*/

@media screen and (min-width: 769px) {
    footer {
        text-align: left;
    }

    footer > .row {
        display: flex;
        justify-content: space-between;
    }

    #footermedia,
    footer .footer_links,
    footer .edulinks,
    footer .message {
        float: left;
        padding: 0 1%;
    }

    footer .footer_links,
    footer .edulinks {
        width: 18.75%;
    }

    footer .message {
        width: 25%;
    }

    .message .message-txt {
        margin-top: 40px;
    }
}

.dialogue-series-content {
    margin: 40px auto;
}

.page-template-page-intercultural #contactus {
    margin-top: 20px;
}

#intercultural .video-archive-wrapper.intercultural .single-video {
    flex-basis: 100%;
    margin: 0;
    display: inline-flex;
}

#intercultural .video-archive-wrapper.intercultural .single-video .video-container {
    flex-basis: 35%;
    margin-right: 5%;
}

#intercultural .video-archive-wrapper.intercultural .single-video .content-container {
    flex-basis: 60%;
}

@media (max-width: 768px){
    #intercultural .video-archive-wrapper.intercultural .single-video {
        flex-wrap: wrap;
    }
    #intercultural .video-archive-wrapper.intercultural .single-video .video-container,
    #intercultural .video-archive-wrapper.intercultural .single-video .content-container {
        flex-basis: 100%;
    }
}

.page-template-page-intercultural #contact_sidebar {
    margin-top: -32px;
}

#intercultural .video-archive-wrapper.intercultural .single-video .content-container p {
    line-height: 16px;
    margin: 2px auto;
}

#intercultural .video-archive-wrapper.intercultural .single-video .content-container ul,
#intercultural .video-archive-wrapper.intercultural .dialogue-series-content ul {
    padding-left: 20px;
    margin: 0;
}

#intercultural .report_headers h2 {
    max-width: 88%;
}

@media (max-width: 768px){
    .page-template-page-intercultural main.row {
        display: flex;
        flex-wrap: wrap;
    }
    .page-template-page-intercultural main.row #contact_sidebar {
        flex-basis: 100%;
        order: 2;
    }
    .page-template-page-intercultural main.row #maincontent {
        flex-basis: 100%;
        order: 1;
    }
    .page-template-page-intercultural #contact_sidebar {
        margin-top: 0;
    }
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper {}
.video-archive-accordion-wrapper .single-video-accordion-wrapper .single-video-title-container {
    border: none;
}
.video-archive-accordion-wrapper .single-video-accordion-wrapper .single-video-title-container > p:empty {
    display: none;
}
.video-archive-accordion-wrapper .single-video-accordion-wrapper .single-video-title-container .single-video-title {
    background: #eff4f9;
    margin: 0;
    padding: 20px 60px 20px 80px;
    max-width: 100% !important;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper .single-video-title-container .single-video-title:before,
.video-archive-accordion-wrapper .single-video-accordion-wrapper .single-video-title-container .single-video-title::before {
    content: '';
    display: inline-block;
    width: 48px;
    height: 28px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url("/wp-content/themes/bccie_theme/images/book.png") center / contain no-repeat;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper {}

.video-archive-accordion-wrapper .single-video-accordion-wrapper .org_list {
    background: #eff4f9;
    padding: 20px;
    border: none;
    padding-top: 0;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper .org_list,
.video-archive-accordion-wrapper .single-video-accordion-wrapper .single-video-title-container {
    transition: border 300ms ease;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper.opened .org_list,
.video-archive-accordion-wrapper .single-video-accordion-wrapper.opened .single-video-title-container {
    border: 2px solid #0069aa;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper.opened .org_list {
    border-top: none;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper.opened .single-video-title-container {
    border-bottom: none;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper .video-container {
    position: relative;
}

.page-template-page-webinars-archive #bccienewscontent .video-container .aspect-ratio-wrap,
.video-archive-accordion-wrapper .single-video-accordion-wrapper .video-container .aspect-ratio-wrap {
    height: 0;
    overflow: hidden;
    padding-top: calc( 9 / 16 * 100%);
    display: block;
    position: relative;
    width: 100%;
}

.page-template-page-webinars-archive #bccienewscontent .video-container .aspect-ratio-wrap > iframe,
.video-archive-accordion-wrapper .single-video-accordion-wrapper .video-container .aspect-ratio-wrap > iframe {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper .single-video-title-container .single-video-title {
    color: #252525;
    font-size: 18px;
    font-weight: bolder;
}

.video-archive-accordion-wrapper .single-video-accordion-wrapper .org_list h3 {
    font-size: 18px;
    font-weight: bold;
}

#intercultural .org_list p {
    font-size: 14px;
    line-height: 24.5px;
}

.page-template-page-intercultural .container #maincontent .the_content > p,
.page-template-page-intercultural .container #maincontent .the_content .dialogue-series-content > p {
    font-size: 14px;
    line-height: 24.5px;
}

.video-archive-accordion-wrapper.webinars .single-video-accordion-wrapper {
    margin-bottom: 20px;
}

.video-archive-accordion-wrapper.webinars .single-video-accordion-wrapper:nth-of-type(1){
    margin-top: 20px;
}

.video-archive-accordion-wrapper.webinars .single-video-accordion-wrapper.opened .org_list p:first-of-type {
    margin-top: 0;
}

.page-template-page-webinars-archive #bccienewscontent .bnc {
    display: flex;
    flex-wrap: nowrap;
}

.page-template-page-webinars-archive #bccienewscontent .bnc .video-container {
    flex-basis: 30%;
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 23px;
}

.page-template-page-webinars-archive #bccienewscontent .bnc .bnctext {
    flex-basis: 70%;
}

.page-template-page-webinars-archive #page-background .row {
    padding: 0 2%;
    width: 1086px;
    max-width: 100%;
    margin: 0 auto;
}

.page-template-page-webinars .video-archive-wrapper.only-two a.button.webinars {
    float: none;
    display: inline-block;
}

@media (min-width: 1024px){
    .video-archive-wrapper.only-two .video-archive-container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .video-archive-wrapper.only-two .video-archive-container .single-video {
        margin-right: 0;
        flex-basis: 48%;
    }
}

@media (max-width: 767px){
    .page-template-page-webinars-archive #bccienewscontent .bnc {
        flex-wrap: wrap;
    }
    .page-template-page-webinars-archive #bccienewscontent .bnc .video-container,
    .page-template-page-webinars-archive #bccienewscontent .bnc .bnctext {
        flex-basis: 100%;
    }
}

.page-template-page-webinars .video-archive-wrapper.only-two a.button.webinars {
    /*color: #999;*/
    color: #009ddc;
    text-decoration: none;
    /*border: 2px solid #999;*/
    border: 2px solid #009ddc;
    padding: 8px 15px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 16px;
    white-space: pre;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: white;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.page-template-page-webinars .video-archive-wrapper.only-two a.button.webinars:hover {
    background: #009ddc;
    color: white;
}