/* Default Theme */

/* -------------------------------
   General
------------------------------- */

body {
    font-family: 'Open Sans', "sans-serif";
    font-size: 17px;
	background: #fafafa;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	min-height: 100px;
    padding-top: 100px;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.25;
	color: #222;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    font-weight: 500;
	color: #333;
}
a{
    color: #007bff;
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
a:hover {
    color: #0069da;
}
a:focus {
    color: #0069da;
	outline: none;
}
label {
    color: #333;
}
img {
    width: 100%;
	max-width: 100%;
}

:root {
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-line-height: 1.5;
	
	--app-header-theme: #313131;
	--app-footer-theme: #f3f3f3;
	
    --bs-border-width: 2px;
    --bs-border-style: solid;
    --bs-border-color: #ced4da;
    --bs-link-color: var(--app-theme);
    --bs-link-hover-color: rgba(var(--app-theme-rgb), 0.75);
    --bs-highlight-bg: #fff7cc;
	--app-theme: #313131;
    --app-theme-rgb: 49, 49, 49;
    --app-theme-color: #ffffff;
    --app-theme-color-rgb: 255, 255, 255;
    --app-border-color: #ced4da;
    --app-border-color-rgb: 206, 212, 218;
    --app-header-bg: #ffffff;
    --app-header-bg-rgb: 255, 255, 255;
    --app-header-color: #20252a;
    --app-header-color-rgb: 32, 37, 42;
    --app-header-input-bg: #f2f3f4;
    --app-header-input-border: #f2f3f4;
    --app-header-mobile-divider-bg: #edf0f2;
    --app-header-divider-bg: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.0);
    --app-component-bg: #ffffff;
    --app-component-bg-rgb: 255, 255, 255;
    --app-component-dropdown-bg: #f8f9fa;
    --app-component-dropdown-bg-rgb: 248, 249, 250;
    --app-component-dropdown-hover-bg: #e6e9ec;
    --app-component-dropdown-hover-bg-rgb: 230, 233, 236;
    --app-component-dropdown-border-color: #ced4da;
    --app-component-dropdown-border-color-rgb: 206, 212, 218;
    --app-component-modal-bg: #ffffff;
    --app-component-modal-bg-rgb: 255, 255, 255;
    --app-component-modal-border-color: #ced4da;
    --app-component-modal-border-color-rgb: 206, 212, 218;
    --app-component-secondary-bg: #ced4da;
    --app-component-color: #20252a;
    --app-component-color-rgb: 32, 37, 42;
    --app-component-border-color: #ced4da;
    --app-component-border-color-rgb: 206, 212, 218;
    --app-component-active-bg: #348fe2;
    --app-component-active-bg-rgb: 52, 143, 226;
    --app-component-active-color: #ffffff;
    --app-component-active-color-rgb: 255, 255, 255;
    --app-component-hover-bg: #eff1f3;
    --app-component-hover-color: #20252a;
    --app-component-hover-border-color: #ced4da;
    --app-component-focus-border-color: #67abe9;
    --app-component-disabled-bg: #e9ecef;
    --app-component-disabled-color: #adb5bd;
    --app-component-disabled-border-color: #ced4da;
}

/* -------------------------------
   Login / Register Styles
------------------------------- */

.loginregister-1 {
    background: #efefef;
}

/* -------------------------------
   Header & Navbar Styles
------------------------------- */


/* -------------------------------
   Footer Styles
------------------------------- */


/* -------------------------------
   Page Content
------------------------------- */

.body-content {
}
.content {
    padding: 0px 0px 0px;
}
.btn-theme {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #276baa;
    --bs-btn-hover-border-color: #276baa;
    --bs-btn-focus-shadow-rgb: 82, 160, 230;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #276baa;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #67abe9;
    --bs-btn-disabled-border-color: #67abe9;
}
.btn-group > .btn + .btn-theme,
.input-group > .btn + .btn-theme,
.input-group > .btn + .dropdown-menu + .btn-theme {
    border-left: 1px solid #276baa;
}
.section-tb-1-divider {
    display: none;
}

/* -------------------------------
   Module Theme Styles
------------------------------- */

/* -------------------------------
   Custom Styles
------------------------------- */

.brand-logo img {
    height:90px;
	padding-bottom: 5px;
}
.navbar-sm .brand-logo img {
    max-height: 70px;
}
.btn-success {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #a71c21;
    --bs-btn-border-color: #a71c21;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #76b346;
    --bs-btn-hover-border-color: #76b346;
    --bs-btn-focus-shadow-rgb: 152, 207, 184;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #76b346;
    --bs-btn-active-border-color: #76b346;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.btn-header {
    padding-left: 17px;
    padding-right: 17px;
}
.hero-5 {
	background-image: url("/uploads/content/JCI IRELAND (1).png");
}
.section-tb-2 {
    background: rgb(2 152 215);
}
.f-icon {
    background: #0298d7;
}
.btn-hero-3 {
	background: #0298d7;
	color: #fff; 
}
.btn-hero-3:hover {
	background: #76b346;
}


/* --- timetable --- */
table.tt_timetable
{
	width: 100%;
	font-size: 11px;
	color: #666;
	margin-top: 30px;
	border: none;
	font-family: arial;
	letter-spacing: normal;
	font-size: 11px;
	line-height: normal;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	border-collapse: separate !important;
	border-spacing: 2px !important;
	background: #FFF !important;
}
table.tt_timetable *
{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.tt_timetable th,
.tt_timetable td
{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	color: #34495E;
	text-transform: none;
	border: none !important;
}
.tt_timetable th,
.tt_timetable td.tt_hours_column
{
	text-align: center;
	vertical-align: middle;
}
.tt_timetable th
{
	width: 12.5%;
	padding: 10px 15px 12px;
	letter-spacing: normal;
}
.tt_timetable .event_container
{
	padding: 7px 10px;
}
.tt_timetable td
{
	width: 12.5%;
	vertical-align: top;
	height: 31px;
	border: none;
	padding: 0;
	/*height: 100px;*/
}
.tt_timetable .hours
{
	color: #FFF;
	font-weight: bold;
}
.tt_timetable .event
{
	background-color: #a71c21;
	color: #FFF;
	line-height: 140%;
	text-align: center;
	padding: 0 !important;
	vertical-align: top;
}
.tt_timetable .event a,
.tt_timetable .event .event_header
{
	display: block;
	color: #FFF !important;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	text-decoration: none;
	outline: none;
	transition: none !important;
	border: none;
}
.tt_timetable .event a:hover,
.tt_timetable .event a.event_header:hover
{
	text-decoration: underline;
}
.tt_timetable .event .before_hour_text,
.tt_timetable .event .after_hour_text
{
	font-size: 13px;
}
.tt_timetable tr
{
	
}
.tt_timetable .row_gray
{
	background-color: #F0F0F0;
}
.tt_timetable .event:hover,
.tt_timetable .event .event_container.tt_tooltip:hover
{
	background-color: #81bd41;
}
.tt_timetable .event.tt_tooltip:hover .hours,
.tt_timetable .event .event_container.tt_tooltip:hover .hours
{
	color: #FFF;
}
.tt_timetable .event .hours_container
{
	margin: 15px 0;
}
.tt_timetable .event .top_hour
{
	margin-top: 15px;
}
.tt_timetable .event .bottom_hour,
.event_layout_4 .tt_timetable .event .top_hour
{
	margin-bottom: 15px;
}
.tt_timetable .event hr
{
	background: #FFFFFF;
    border: none;
    height: 1px;
    margin: 0;
    opacity: 0.4;
}
.tt_timetable.small
{
	display: none;
	font-size: 13px;
}
.jciprogramme-areas {
	background-color: #81bd41 !important;
}
.jciprogramme-areas th {
	color: #ffffff !important;
	letter-spacing: 1px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #a71c21;
}

.nav-pills .nav-link:hover {
    color: #fff;
    background-color: #EDBE38;
}