/**
 * Theme Name: inForward Child Theme
 * Template: inforward
*/

/*------------------------------------------------------------------
[Add Your Custom CSS Here] */

#header.header-4 .top-header { padding: 15px 0 20px; }

#header.header-4 .main-navigation > ul > li > a,
#header.header-4 .nav-item > .btn { padding: 10px 12px; text-transform: none; }

#header.header-4 .main-navigation .sub-menu-wrap { margin-top: 0; }

#header.header-4 .top-header .join-us { margin-top: 42.5px; }
#header.header-4 .top-header .join-us h6 { color: #666666; }

#header .top-header .page-options .search-wrapper { margin: 0; }

#header.header-4 .top-header .page-options { margin-top: 38.7px; }

.meta-navi-sm { display: none; margin-bottom: 20px; }

.meta-navi ul {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.meta-navi ul li { display: inline-block; }
.meta-navi ul li+li { margin-left: 10px; }

.meta-navi ul li a { color: #aaa; font-size: 13px; }
.meta-navi ul li a:hover { color: #666; }

/* no longer needed?
.searchform-wrap,
.searchform-wrap.opened { position: absolute; background-color: #f5f5f5; }
.searchform-wrap.opened { box-shadow: 0 0 5px #cccccc; }
*/

#header .page-options { margin: 0; padding: 0; }

#s { font-size: 14px; height: 35px; padding: 0 12px; width: 230px; }

#header.header-4 .top-header .lang-section > a,
#header.header-4 .top-header button.search-button,
#header .social-icons > li > a > i::before { color: #cccccc; }
#header .social-icons > li > a { border-color: #cccccc; }

#header.header-4 .top-header .lang-section > a:hover,
#header.header-4 .top-header button.search-button:hover,
#header .social-icons > li > a:hover > i::before { color: #666666; }
#header .social-icons > li > a:hover { border-color: #666666; }

#header .social-icons { margin: 0; padding: 0; }
#header .social-icons li { margin: 0; padding: 0 !important; }
#header .social-icons li+li { margin-left: 10px; }

#header .shop-cart { padding-right: 15px; }

.breadcrumbs-wrap { padding: 10px 20px; }
.breadcrumbs-wrap h1 { margin-top: 10px; }

.cp-page-content-wrap { padding: 40px 0; }

/* CSSFIX for Chrome */
.vc-hoverbox-block-inner * {
	backface-visibility: unset !important;
	-webkit-backface-visibility: unset !important;
}

#news-and-events,
#luxembourg-news { color: white; padding: 30px 0; }
#news-and-events { padding-bottom: 12.5px; padding-top: 42px; }

#news-and-events h2 {
	color: white;
	font-size: 20px;
	line-height: 30px;
	margin: -45px 0 0 -15px;
	padding: 0 40px 0 10px;
	position: absolute;
	width: 35%;
}
#news-and-events h2::after {
	border-color:  transparent transparent green transparent;
	border-style: solid;
	border-width: 0 15px 30px 0;
	content: '';
	display: block;
	height: 30px;
	position: absolute;
	right: -15px;
	top: 0;
	width: 15px;
}

#lacs-news, #upcoming-events {
	color: #002554;
	font-size: 13px;
	line-height: normal;
	position: relative;
}
/* FIXME - RESPONSIVE
#lacs-news { padding-left: 30px; }
#upcoming-events { padding-right: 30px; }*/
#lacs-news .vc_column-inner,
#upcoming-events .vc_column-inner { min-height: 350px; }

#lacs-news .info-btn { color: #d92c1c; float: right; }
#lacs-news .goto-archive,
#upcoming-events .info-btn { color: #002554; float: left; }

#lacs-news h2 { background: #0089f0; }
#news-and-events #lacs-news h2::after { border-bottom-color: #0089f0; }
#upcoming-events h2 { background: #d92c1c; }
#news-and-events #upcoming-events h2::after { border-bottom-color: #d92c1c; }

#lacs-news .events-holder .event-item .event-date { background: #0089f0; margin-top: 0; }
#lacs-news .events-holder .event-item .event-date::before { display: none; }

#lacs-news h4 {
	color: #002554;
	font-size: 15px;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 5px 0;
	padding: 0;
}
#lacs-news h4 a,
#lacs-news .events-holder .event-item .event-info .event-link a { color: #002554; font-weight: bold; }
#lacs-news p:not(:last-child) { margin-bottom: 5px; }
#lacs-news .events-holder .event-item:not(:last-child),
#lacs-news .events-holder:not(:last-child),
#upcoming-events ul.news-list { margin-bottom: 20px; }

#upcoming-events h6 { font-weight: bold; }
#upcoming-events .event-item .event-date { background: #d92c1c; }
#upcoming-events .event-info .event-info-item { color: #002554; }

#luxembourg-news-title-wrapper { background-color: #d92c1c; margin-bottom: 30px; }
#luxembourg-news-title-wrapper h2 {
	background-color: #0089f0;
	color: white;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	padding: 0 20px;
	position: relative;
}

#luxembourg-news-title-wrapper h2::after {
	border-color:  transparent transparent #0089f0 transparent;
	border-style: solid;
	border-width: 0 15px 52px 0;
	content: '';
	display: block;
	height: 52px;
	position: absolute;
	right: -15px;
	top: 0;
	width: 15px;
}

#luxembourg-news .news-feed {
	background-color: #e6e6e6;
	padding: 15px; 
}
#luxembourg-news .news-feed .rss-widget-icon,
#luxembourg-news .news-feed h2 { display: none; }
#luxembourg-news .news-feed ul li {
	background: white;
	margin: 15px 0 0;
	padding: 15px;
}
#luxembourg-news .news-feed  .rss-date { color: #d92c1c; display: block; font-size: 13px; font-style: italic; }

#rtl-feed-logo { margin-bottom: 0; }

/* No longer needed
#luxembourg-news #rtl-feed::before {
	background-color: #e00f22;
	background-image: url(img/logo-rtltoday.svg);
	background-position: 15px 7.5px;
	background-repeat: no-repeat;
	background-size: 120px 36px;
	content: "";
	display: block;
	height: 51px;
	left: 15px;
	position: absolute;
	top: -51px;
	width: 150px;
}
*/

#boxes { padding: 30px 0; }
#boxes .vc-hoverbox-front h2 {
	color: white;
	font-size: 35px;
	font-weight: bold;
	hyphens: none;
	margin: 0;
	text-shadow: 2px 2px 3px black;
}
#boxes .vc-hoverbox-back { font-size: 14px; line-height: 18px; text-align: left; }
#boxes .vc-hoverbox-back h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
}

#supported-by { background: #d92c1c; color: white; padding-bottom: 15px; padding-top: 15px; }
#supported-by h1 { color: white; font-size: 12px; line-height: 1; margin: 0 0 15px 0; padding: 0; }

#main-footer { background: #333333; color: white; padding: 25px 0; }
#main-footer * { color: white; }
#main-footer [class*="col-sm-"]:not(:last-child):not(.col-no-space) { margin-bottom: 30px; }

#main-footer .widget-title { font-size: 24px; }
#main-footer h3:not(:last-child) { margin-bottom: 5px; }

#main-footer .widget-content .menu,
#main-footer .widget-content .sub-menu {
	border: 0;
	line-height: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#main-footer .widget-content .menu a { color: white; }
#main-footer .widget-content .menu a:hover { text-decoration: underline; }
#main-footer .widget-content .menu > li > a { font-weight: bold; }
#main-footer .widget-content .sub-menu > li > a { font-size: 14px; }
#main-footer .widget-content .menu-item-has-children:not(:last-child) { margin-bottom: 30px; }

#main-footer #footer-column-1 img { margin: 0; }
#main-footer #footer-column-1 .widget-content + .widget-content { margin-top: 15px; }
#main-footer #footer-column-1,
#main-footer #footer-column-1 .widget-content .menu,
#main-footer #footer-column-1 .widget-content .sub-menu { font-size: 12px; line-height: 16px; }
#main-footer #footer-column-1 p:not(:last-child) { margin-bottom: 10px; }

/* Responsive stuff */
@media only screen and (max-width: 1199px) {
	#news-and-events h2 { width: 50%; }
}

@media only screen and (max-width: 992px) {
	#header.header-4 .main-navigation > ul > li > a, #header.header-4 .nav-item > .btn { padding: 21px 12px; }
}

@media only screen and (max-width: 991px) {
	.meta-navi ul { margin-top: 20px; text-align: center; }
	#wrapper #header .top-header .logo-wrap { margin-top: 20px; }
	.top-header .page-options .search-wrapper { display: block; margin: 0; padding: 0; text-align: center; }
	.top-header .page-options .search-wrapper form { text-align: center; }
	#s { max-width: 100%; width: 318.86px; }
	#header.header-4 .top-header .join-us { margin-top: 0; }
	.meta-navi-sm { display: block; }
	.meta-navi-lg { display: none; }
	#news-and-events h2 { width: calc(100% - 35px); }
	#news-and-events h2::after { display: none; }
}

@media only screen and (max-width: 576px) {
	#header .col-xs-push-6 { left: 0; }
	#header .col-xs-pull-6 { right: 0; }
	[class*="col-xs-"] {
    	float: none;
    	width: 100%;
	}
	[class*="col-xs-"]:not(:last-child) { margin-bottom: 30px; }
	#wrapper #header:not(.header-2):not(.header-3) .top-header { padding: 0; }
}