/**
* Style Name: Main
*/
:root {
    --beautiful-gray: #e9e9e9;
    --text-color: rgb(25, 79, 110);
}

@font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/myriad_pro.otf") format("opentype");
}

#imusHeader {
    box-shadow: 0 1px 6px 3px #d1d1d1;
}

#imusHeader .navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    color: black;
}

p {
  /* white-space: pre-wrap; */
}

.title {
    color: rgb(17, 116, 173);
}

.center-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-vertical {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.center-vertical img {
    max-width: 170px;
    margin-right: 10px;
}

.center-horizontal {
    display: flex;
    justify-content: center;
}

.g-tab-item:hover {
    cursor: pointer;
}

.gallery-list {
    margin: 30px 0;
}

.gallery-list img {
    width: 100%;
}

.gallery-list article {
    margin-bottom: 15px;
}

.gallery-list article .g-item-action {
    width: 100%;
    text-align: center;
    padding: 3px 0;
    background: #e9e9e9;
}

.gallery-list article .g-item-action a.disabled {
    color: #d1d1d1;
}

.gallery-list .g-item {
    height: 170px;
    overflow: hidden;
    object-fit: contain;
    display: flex;
    border: solid 4px #e9e9e9;
    padding: 1px;
}

/***********************************************************************/
/*                              HEADER                                 */
/***********************************************************************/
.header {
    background: white;
}

.logo {
    margin-right: 30px;
    /*width: 120px;
    text-align: center;*/

}

.logo .name {
    color: #6f6e6e;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

.logo .text {
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 40px;
    font-family: "Myriad Pro";
    line-height: 42px;
}

.logo .text span {
    display: block;
    line-height: 33px;
    letter-spacing: 7px;
}

.logo .text span.year {
    font-size: 35px;
}

.main-header .nav-item {
    position: relative;
}

.main-header .nav-item.active .nav-link a {
    color: var(--text-color);
}

.main-header .nav-item.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: solid 2px var(--text-color);
}

.main-header .nav-item.my-item {
    display: flex;
    align-items: center;
}

.header.header-top {
    height: 30px;
    /*background: var(--beautiful-gray);*/
    justify-content: right;
}

.header.header-top .nav-special a {
    background: #d1d1d1;
    border-radius: 3px;
    color: #507991 !important;
}

.header.header-content {
    /*height: 60px;*/
}

.header .navbar-nav {
    margin-top: 20px;
    /*background: var(--beautiful-gray);*/
}

.nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    /*background: rgba(233, 233, 233, 0.7);*/
}

.header.header-content .nav.main-nav {
    background: #e9e9e9;
}

.nav li.active a {
    font-weight: 600;
}

.nav li a:hover {
    /*text-decoration: none;*/
}

.nav li a {
    color: rgb(255, 255, 255) !important;
    position: relative;
    display: block;
}

.nav.top-nav li:first-child a {
    color: black !important;
    text-decoration: none;
}

.nav.top-nav li a {
    color: rgba(25, 79, 110, 0.8) !important;
    padding: 0 5px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
}


.nav.main-nav li a {
    padding: 3px 7px;
    font-size: 15px;
}

.nav.top-nav li:first-child a:before,
.nav li:last-child a:before {
    display: none;
}

.nav li a:before {
    content: "";
    position: absolute;
}

.nav.top-nav li a::before {
    border: solid 1px rgba(25, 79, 110, 0.8);
    height: 11px;
    right: -1px;
    width: 2px;
    background: #123;
    top: 5px;
}

.nav.main-nav li a:before {
    border: dotted #d1d1d1 1px;
    height: 15px;
    right: -1px;
    width: 2px;
    background: #123;
    top: 5px;
}

.breadcrumb .breadcrumb-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 30px;
    color: white;
}

/***********************************************************************/
/*                              GALLERY                                */
/***********************************************************************/
#gallery {
    margin: 15px 0 30px;
}

.nav .g-tab {
    background: white;
    border-bottom: solid 1px #e9e9e9;
}

.nav .g-tab .g-tab-item {
    padding: 3px 16px;
}

.nav .g-tab .g-tab-item:hover {
    background: rgba(233, 233, 233, 0.7);
    transition: 0.3s all;
}

.nav .g-tab .g-tab-item.active {
    background: #e9e9e9;
}

/***********************************************************************/
/*                              FOOTER                                 */
/***********************************************************************/
footer .footer-bottom {
    padding: 15px;
    color: #ffffff;
}

footer .footer-bottom .text {
    color: #d1d1d1;
}

footer .footer-bottom .text-copyright {

    float: left;
    font-size: 12px;
    display: flex;
    height: 100%;
    align-items: center;
}

footer .nav.footer-nav {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}

footer .nav.footer-nav ul li.active a {
    font-weight: 600;
}

footer .nav.footer-nav ul a {
    color: #d1d1d1 !important;
    font-size: 12px;
    margin-left: 10px;
}

footer .nav.footer-nav ul {
    background: transparent;
}

footer .footer-content {
    margin: 30px 0;
}

.our-sponsors {
    padding-bottom: 30px;
}

.our-sponsors .card-body .logo {
    width: 200px;
    padding: 15px;
}

.our-sponsors .card-body .logo img {
    width: 100%;
}

.our-sponsors .card-header h3 {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.our-sponsors .card {
    margin-top: 30px;
    min-height: 200px;
}

.our-sponsors .card h3 {
    margin: 0;
}

/* POSTS */
.single .card {
    margin: 15px 0;
}

.post-item.small {
    height: 76px;
    margin-bottom: 5px;
    background: #dddddd;
}

.post-item.small .entry-date {
    display: block;
    width: 76px;
    height: 76px;
    float: left;
    background: #436e87;
    color: white;
    text-align: center;
    margin-right: 7px;
}

.post-item.small .entry-date .d-item {
    width: 100%;
    display: flex;
    height: 38px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.post-item.small .entry-desc {
    display: grid;
    align-items: center;
    align-content: center;
    height: 100%;
}

.post-item.small .entry-desc * {
    display: block;
    margin: 0;
}

.d-item.date {
    background: #d1d1d1;
    color: black;
}

/* SIDEBAR AND WIDGET */
.registration {
    background: #ECF8FF;
    width: 100%;
    text-align: center;
    padding: 20px;
    color: #454545;
    margin-bottom: 10px;
    border-radius: 5px;
}

.registration p:first-child {
    margin-bottom: 0;
}

.registration p {
    font-size: 21px;
}

.registration p.desc {
    font-size: 15px;
    display: inline-block;
    margin: 6px 0 15px 0;
}

.button.blue {
    font-size: 13px;
}

.sidebar {
    margin-top: 15px;
}

.sidebar .financial-sponsor article {
    display: flex;
}

.sidebar .financial-sponsor article img {
    max-width: 100px;
    margin-right: 15px;
}

p.button.blue a {
    padding: 7px 14px;
    border-radius: 14px;
    background: #00bfff;
    color: white;
}

.sb-item {
    margin-bottom: 16px;
}

.sb-item.technically .sb-body .b_text a,
.sidebar .financial-sponsor article {
    margin-bottom: 16px;
}

.sb-body .b_text a {
    width: 100%;
    display: block;
}

.sb-body .b_text div {
    margin-bottom: 10px;
}

.sb-head {
    margin-bottom: 16px;
    padding-bottom: 5px;
    border-bottom: solid 1px #d1d1d1;
}

.sb-head h4 {
    font-size: 18px;
}

.sb-head .widget-title {
    width: 100%;
    background: url("https://ieee-icce.org/public/images/icons.png") no-repeat 0 -96px;
    text-indent: 42px;
    height: 22px;
    line-height: 32px;
    padding-bottom: 32px;
    white-space: nowrap;
}

.organized .widget-title {
    background-position: 0 -160px !important;
}

.sb-item:not(.organized) .widget-title {
    background-position: 0 -256px !important;
}

_:-ms-fullscreen, :root #bread-content {
    width: 600px;
}

.hidden {
    display: none !important;
}

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

    #mobile-header {
        display: block !important;
        padding: 10px 20px;
        box-shadow: 0 4px 7px #888888;
    }

    .mobile-logo {
        float: left;
    }

    .menu-icon {
        display: block;
        float: right;
        padding: 0 10px;
        cursor: pointer;
    }

    .mobile-nav {
        padding-left: 25px !important;
    }

    footer .nav.footer-nav ul li:first-child a {
        margin-left: 0;
    }

    .sb-head .widget-title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 320px) {
    #mobile-header {
        padding: 10px 0;
    }
}
@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
  	#bread-content{
    	width:600px;
	}
}