/*
Font1/Header/Aclonica 
Font2/Navbar/Montserrat
Font3/H{1,2,3,4,5}/?
Font4/Text/?

Primary theme :  material blue 
Background : 
    Nav:#0074D9
ForeGroung : 
    Jumbo : #ffffdd
    Nav   : #fff
*/

/*varela round,sans-serif*/



.jumbotron {
    color: #ffffff;
    /*background: transparent;*/
    background: linear-gradient(-135deg,
            rgba(255, 255, 255, 0.2),
            rgba(0, 0, 0, .9)), url("https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80") top center no-repeat;
    background-clip: padding-box;
    background-size: cover;

}

.jumbotron h3,
.jumbotron h4 {
    color: #ffffff;
    /*text-shadow: 2px 2px #0074D9;*/
    letter-spacing: 2px;
}

.jumbotron h1 {
    /* text-shadow: 2px 2px #0074D9;*/
}

.jumbotron h1 {
    font-family: Montserrat;
    font-weight: 900;
    font-size: 48px;
    letter-spacing: 3px;
    color: rgb(255, 255, 255);
}

.jumbotron h2 {
    font-family: Montserrat;
    font-weight: 900;
    font-size: 30px;
    letter-spacing: 2px;
    color: rgb(255, 255, 255);
}


.imp-info {
    /*display: table;*/
    color: #ffffff;
    text-transform: capitalize;
}

.imp-info-content {
    font-weight: 600;
}

/* */
.panel {
    border: 1px solid #0074D9;
    border-radius: 4;
    transition: box-shadow 0.25s;
}

.panel:hover {
    box-shadow: 5px 0px 30px rgba(216, 133, 135, 0.596);
}

.panel-footer .btn:hover {
    border: 1px solid #0074D9;
    background-color: #ffffff !important;
    color: #0074D9;
}

.panel-body {
    color: #0074D9 !important;
}

.panel-heading {
    color: #ffffff !important;
    background-color: #0074D9 !important;
    border-bottom: 1px solid transparent;
}

.panel-footer {
    background-color: #ffffff !important;
}

.panel-footer h4 {
    color: #aaa;
}

.panel-footer .btn {
    background-color: #0074D9;
    color: #fff;
}


.list-group .active {
    color: #ffffff !important;
    background-color: #0074D9 !important;
    border-bottom: 1px solid transparent;
}


/* button */
.btn-danger:hover {
    background-color: #0074D9;
    color: #fff;
    border-color: #fff;
}

.btn-danger:selection {
    background-color: #0074D9;
}

.btn-danger {
    background-color: #0074D9;
    color: #fff;
    border-color: #7b5e57;

}

.btn-default {
    font-family: Montserrat, sans-serif;
}

/* corosal */
/*corousal*/
.carousel-control.right,
.carousel-control.left {
    background-image: none;
    color: #0074D9;
}

.carousel-indicators li {
    border-color: #0074D9;
}

.carousel-indicators li.active {
    background-color: #0074D9;
}

/*item */
.item h4 {

    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
}

.item span {
    font-style: normal;
}

/*footer*/



/* //////////////////////////////////////////////////////////////////// ccem classes \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.logo {
    color: #0074D9;
}

.logo-cfp {
    color: #0074D9;
}

.ccem-hr {
    background-color: #0074D9
        /* #f6891b*/
}

.bg-grey {
    background-color: #f6f6f6;
}

.bg-imp {
    background-color: #003d00;
    color: #33691e;
}

.bg-default {
    /*background-color: #d7ccc8; */
    background-color: #FFFFFF;
    /* zoom: 60%;
    transform: scale(1);
    transform-origin: 0 0;
    -moz-transform: scale(.7);
    -moz-transform-origin: 50% 0;
    
    */

}

.shadow {
    border: none;
    padding: 30px;
    box-shadow: 5px 30px 18px #888899;
}





/*
brown alternates : 
#d7ccc8
#fff3e0
#efebe9
*/

.section-committee ul {
    font-weight: 500;
}

.section-committee h5,
h6 {
    font-weight: 700;
}

.section-committee ul {}

.section-program {
    /*background-color: #D3E3FC;*/
    background-color: #efebe9;
}

.section-submission {
    background-color: #d7ccc8;
}

.section-speakers {
    background-color: #efebe9;
}

.section-venue {
    background-color: #fff3e0;
}

.section-sponsors {
    background-color: #FFFFFF
}

.section-sponsors .btn {
    color: black;
    background-color: #e8eaf6;
}

.section-footer {
    /*
    background-color: #efebe9;
    color: #0074D9;
    */

    color: #fff;

    background: linear-gradient(180deg,
            rgba(192, 192, 192, 0.6),
            rgba(0, 116, 217, 0.9))
}


.section-footer a {
    color: #fff;
}

footer .glyphicon {

    margin-bottom: 20px;
    color: #fff;
}

footer .glyphicon-chevron-up {
    color: #fff;
}


/*Secong page*/
.senond-page {
    background: #f6891b
        /* #ADD7F1 */

}

.senond-content {
    border-top-left-radius: 30px;
    border-left-width: 5px;
    border-color: #000000;
    margin: 1px;
    padding: 5px 14px;
    background: #FFFFFF;
}


/*font */
.bg-default {
    font-size: 1.4em;
}

.bg-imp-notice-home-head {
    font-size: 1.2em;
}

.bg-imp-notice-home-body {
    font-size: 1em;
    background-color: #FEF9C7
}

.highlight-section {
    font-size: 1em;
    background-color: #FEF9C7
}

.nav li a {
    padding: 3px 6px;
    font-size: 14px;
    margin: 3px;
    text-decoration: underline;

}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #0074D9;
    text-decoration: none;
    color: #ffffff !important;
}

.navbar {
    background-color: #0074D9;
    letter-spacing: 4px;
    box-shadow: 10px 10px 20px rgba(1, 3, 8, 0.6);
    font-family: Montserrat, sans-serif;
    color: #ffffff !important;
}

.navbar li a,
.navbar .navbar-brand {
    color: #ffffff !important;
}

.navbar-nav li a:hover,
.navbar-nav li.active a {
    color: #ffffff !important;
    background-color: #d7ccc8 !important;
}

.dropdown-menu {
    color: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #0074D9;
    box-shadow: 10px 10px 20px rgba(1, 3, 8, 0.6);
    color: #ffffff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #ffffff !important;
}


.i-normal {
    font-size: 1.25em;
}

footer .glyphicon {
    font-size: 1.25em;
}

.section-footer {
    font-size: 1em;
}


.item h4 {
    font-size: 19px;
}

.logo-cfp {
    font-size: 36px;
}

.logo {
    font-size: 100px;
}


.panel-footer h4 {
    font-size: 14px;
}

.panel-footer h3 {
    font-size: 32px;
}

.navbar {
    font-size: 10px !important;
}