/* Palette */

:root {

--nctm-darkblue: #003767;

--nctm-lightblue: #00A4E4;

--nctm-orange: #fcb414;

--brightyellow: #FEC321;

--lightyellow: #FFF0C9;

}
/* var example
#div1 {
  background-color: var(--nctm-darkblue);
}*/


#backtotop .scroll-top {
background-color: var(--nctm-orange);
border-radius: 50%;
color: white;
}

/*--- Header styles ---*/


#header .main-header {
background-image: linear-gradient(to right, #FFF0C9, #FEC321);
}

#header .header-right-list ul li a {
text-transform: none;
}

#header .navtag {
color: #DC9B35; 
font-style: italic; 
font-size: 3.0em; 
margin-left: 30px;
}

@media screen and (max-width: 576px) {
#header .navtag {display: none;}
}

#header .navbar-wrap ul li a {
text-transform: none;
color: var(--nctm-darkblue);
}

#header .logo {
margin-left: 15px;
}

#header .logo img {
width: 144px; 
height: 80px;
}

#header .submenu {
padding-top: 0px;
padding-bottom: 0px;
}

#header .submenu li {
background-color: #003767;
}

#header .submenu a, #header .submenu a:link, #header .submenu a:visited {
color: white;
}

 #header .submenu a:hover {
color: var(--brightyellow);
}



#header .header-btn .btn {
background-color: var(--nctm-darkblue);
color: white;
}

#header .header-btn .btn:hover {
color: var(--brightyellow);
}



/*--- mobile menu ---*/

#header .mean-container a.meanmenu-reveal {
color: #003767 !important;
border: 1px solid #003767;
}

#header .mean-container a.meanmenu-reveal .meanclose {
color: #003767 !important;
border: 1px solid #003767;
}

#header .mean-nav ul li a {
background-color: var(--nctm-darkblue);
}




/*--- banner styles --- */


.spash_banner {display: table;}

.splash_banner img {
margin-left: auto;
margin-right: auto;

}

.splash_banner .row {
/*border-top: 1px solid #003767;
border-bottom: 1px solid #003767;*/
}

.banner_col_left {
display: table-cell;

}

.banner_col_right {
display: table-cell;
padding-top: 20px;
padding-bottom: 20px;
background-color: #003767;
color: white;
}

.banner_col_right p, .banner_col_right h3 {
color: white;
margin-right: 60px; 
margin-left: 60px;
}

/*--- Home Page Carousel ---*/


#carouselExampleControls .carousel-item {
}

#carouselExampleControls .carousel-control-prev {width: 7%;}
#carouselExampleControls .carousel-control-next {width: 7%;}

#causes .causes-content {
min-height: 200px;
}

p.card-date {
font-size: 0.8em; 
color: #888; 
letter-spacing: 0px !important;
}


#causes .btn.transparent-btn {

}

.owl-nav .owl-prev span, .owl-nav .owl-next span {
font-size: 3.0em;
}

.owl-theme .owl-dots {
padding-top: 40px !important;
}

/*--- Jalendar styles ---*/

.jalendar .jalendar-container .jalendar-pages .days .day.have-event.task span:before {
background-color: #E25757 !important;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a:before {
background-color: #E25757 !important;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a:hover {
color: #007EAE !important;
}



/* --- session listing styles ---*/

#sessionblog .blogmeta {
display: block;
background-color: none;
background-image: linear-gradient(to right, #FFF0C9, #FEC321);
border-radius: 50%;
}

/* --- Presenter Styles --- */

.event-img img {
border: 5px solid white;
box-shadow: 5px 10px #888888;
}

/*--- footer styles ---*/

/* footer background color */
#footer .footer-top {
background: #003767;
color: white;
}

#footer h4 {
font-size: 1.0em;
text-transform: uppercase;
border-bottom: 2px solid #FEC321;
color: white;
padding-bottom: 10px;
}

#footer p {
color: white;
}

/*footer logo*/

 #footer .footer-top .footer-info p {
font-family: "Open Sans", sans-serif;
}

 #footer .footer-top .footer-info img {
height: auto;
max-width: 220px;
}

 #footer .footer-top .footer-links ul i {
color: #FFF359;
}

#footer .footer-links li {
padding: 5px;
border-bottom: silver;
}

 #footer .footer-links ul a:hover {
color: #fcb414;
}


 #footer .social-links a,
 #footer .social-links a:link,
 #footer .social-links a:visited {
    font-size: 18px;
    display: inline-block;
    background-color: #1b75bc;
    color: white;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

/*
 #footer .social-links a,
 #footer .social-links a:link,
 #footer .social-links a:visited {
background-color: #1b75bc;
color: white;
}*/

 #footer .social-links a:hover {
	
	background-color:  var(--nctm-orange);
	/*text-shadow: 1px 1px 2px black;*/
}

#footer .footer-links i.fa {
color: var(--nctm-orange);
}

 #footer a {
color: white;
}


 #footer a:hover,
 #footer a:active,
 #footer a:focus {
color: var(--nctm-orange);
}