/*
Theme Name: Initiative
Theme URI: https://www.getreal-initiative.eu
Author: JC-ICT
Author URI: https://www.getreal-initiative.eu
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: initiative
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready


 */

 body {height:100%;}
.topbar {background-color:#76BC37 !important;}
.d-none{display:block !important;}	
#topbar .social-links a {color:#014576;font-weight:700;}
#topbar .social-links a:hover {color: White;}
#container{min-height:100%;position:relative;}
img.header-logo {width: 240px;}
#intro {background:none !important;}
.intro-sub{height:auto !important;}
.header-image {width: 100%;height: calc(55vh);background-size: cover;background-position: center;}

#mega-menu-wrap-header-menu #mega-menu-header-menu {margin-top:10px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item { padding-bottom:14px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:hover {border-bottom:4px solid #014576;padding-bottom:10px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {margin-top:14px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {background-color:#76BC37;}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {float:none !important;}


.header-image-sub {width: 100%;height: calc(25vh);background-size: cover;background-position: center;}

h2.green {color: #76BC37 !important;}

.list-wrapper {display:flex;padding:10px;}
.list-image {padding-right:15px;}
.list-image > img {width: 70px;}
.list-title {color: #014576;font-size: 18px;font-weight: 600;}


#services .box h4 {margin-left:0px;}
#services .box p {margin-left:0px;}


.container-work {width:75%;margin-left: auto;margin-right: auto;padding-top: 70px;padding-bottom: 140px;}
#services .box { padding:0px;background: #76BC37;min-height: 300px;position:relative;}
#services .box:hover {background: #014576;}
#services .box:hover .work-footer{color:White;}
.col-work {padding:20px;width:25%;}
.title-wrapper {border-bottom: 1px solid White;}
h4.title-work {font-size: 26px !important;color: white;padding: 20px 20px 0px 20px;text-transform:uppercase;}
.text-wrapper {padding: 20px;}
p.content-work {font-size: 18px !important;color: white;font-weight: 100;}

.section-header {margin-bottom: 30px;text-align: center;padding-top: 60px;}

.section-header h2::before {height:0px;}
.work-footer {position: absolute;bottom: 25px;left: 20px;color: #014576;font-weight: 300;}

h2.initiative-title {text-transform: capitalize;margin-top: 60px;margin-bottom: 60px;}

p.initiative-text {color: #76BC37;font-size: 24px;font-weight: 300;}

.partner-button {display: flex;width: 200px;margin-left: auto;margin-right: auto;padding-top: 10px;border: 1px solid #014576;color: #014576;margin-top: 60px;margin-bottom:60px;align-content: center;font-weight: 700;padding-bottom: 10px;padding-left: 20px;}

.partner-button:hover {background-color:#014576;color:White;}
.partner-button:hover .arrow {color:white;}

.arrow {margin-left: 10px;font-size: 28px;line-height: 17px;color: #76BC37;font-weight: 700;}

#portfolio {background: #F8FBF4}
.funding-wrapper {margin-top: 60px;margin-bottom: 110px;}
.funding-logo {display: inline-block;padding: 40px;width: 30%;}
.funding-logo img {width: 200px;}
.funding-logo img:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.funding-text {font-size: 18px;text-align: center;font-weight: 100;}

#footer .copyright {color:White;}
#footer {background: #76BC37;position:absolute;width:100%;bottom:0px;}
.back-to-top {background: #76BC37;border:1px solid White;}
.back-to-top:hover {background: #014576;}


/* Work packages */
h2.header {margin-bottom: 70px;}
.workpackage-sub-title {font-size: 28px !important;color: #76BC37 !important;}
div#accordion {margin-bottom: 80px;}
.card {border: 0px;background: White;}
.card-header {background: white;border-bottom: 1px #76BC37 solid;}
button.btn.btn-link {font-size: 20px;color: #76BC37;padding-left: 0px;margin-left: -10px;text-decoration: none;}
.fa-angle-down {display: inline-block;font-family: verdana;font-size: 14px;background: url('/wp-content/uploads/2019/07/down.png');background-size: contain;width: 20px;height: 20px;position: absolute;right: 0px;top: 30px;}

.fa-angle-down:before {content:unset;}

.md-accordion .card .card-header button:not(.collapsed) .rotate-icon {display:inline-block;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);background:url('/wp-content/uploads/2019/07/down.png');background-size:contain;width:20px;height:20px;}

.workpackage-sub-text:last-child {
    margin-bottom: 100px !important;
}


/* Partners */

img.partner_logo {height: 140px;}
.partner_logos { -webkit-box-shadow: 10px 10px 16px -9px rgba(235,235,235,1);-moz-box-shadow: 10px 10px 16px -9px rgba(235,235,235,1);box-shadow: 10px 10px 16px -9px rgba(235,235,235,1);padding:40px;}
.partner_logos:hover {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);padding:30px;}
.partner_logos:hover > a > img.partner_logo {height:150px;}
.header_partners {    margin-left: 50px;}
.container.container-partners {margin-bottom: 200px;}

/* News */

.header_news{margin-left:20px;}
.box.wow.news-wrapper.animated {display: flex;padding: 20px;width:100%;}
.news-overview-image {height: 200px;width: 300px;padding: 10px;border:1px solid #EDEDED;}
.news-overviw-text {flex: 1;padding-left: 30px;}
.news-overview-date {background: white;width: 50;text-transform: uppercase;}
.month {font-size: 14px;font-weight: 700;text-align: center;}
.day {font-weight: 700;font-size: 26px;text-align: center;color: #76BC37;}
.year {font-size: 14px;text-align: center;}
.news-overview-date {background: #F8F8F8;width: 50px;text-transform: uppercase;}
.news-line-top {border-bottom: 1px solid #014576;width: 28px;margin-left: auto;margin-right: auto;margin-top: 5px;}
.news-line-bottom {border-bottom: 1px solid #014576;width: 28px;margin-left: auto;margin-right: auto;margin-bottom: 5px;}
.news-overview-title {font-size: 22px;color: #76BC37;margin-bottom: 10px;}
.news-overview-title:hover {color: #014576;}
a.news-overview-readmore {font-weight: 700;font-size: 14px;color: #76BC37;}
a.news-overview-readmore:hover{color: #014576;}
.modal-dialog {max-width:900px;}
.modal-content{height:calc(95vh);}
h4.modal-title {color: #76BC37;}
.news-overview-date-modal {width: 50px;background-color: #F8F8F8;position: relative;left: 20px;top: 10px;}
.modal-body {padding:0px;}
.news-modal-content {margin-top: 30px;margin-bottom: 30px;padding: 20px;}
.container-news {margin-bottom:100px;}

/* Contact */

.sub_page_wrapper {width: 100%;}


/* =============== MOBILE DEVICE MAX 1268PX ============================================ */

@media only screen and (max-width: 1268px) {
	.col-work{width:50%;max-width:50%;flex:unset;}
	
	
}

/* =============== MOBILE DEVICE MAX 850PX ============================================ */

@media only screen and (max-width: 850px) {
	.d-none{display:block;}	
	.col-work{width:50%;}
	.funding-logo img {width: 150px;}
}

/* Partners */
img.partner_logo {height: 110px;}
.partner_logos {width: 33%;}


/* =============== MOBILE DEVICE MAX 800PX ============================================ */

@media only screen and (max-width: 800px) {
	.d-none{display:block;}	
	/* Partners */
img.partner_logo {height: 110px;}
.partner_logos {-webkit-box-shadow: 1px 7px 10px -9px rgba(235,235,235,1);-moz-box-shadow: 1px 7px 10px -9px rgba(235,235,235,1);box-shadow: 1px 7px 10px -9px rgba(235,235,235,1);width:50%;}
}


/* =============== MOBILE DEVICE MAX 780PX ============================================ */

@media only screen and (max-width: 780px) {
	.d-none{display:block;}	
	/* News */
.box.wow.news-wrapper.animated {display:block;width: 100%;margin-bottom: 40px;}
.news-overviw-text {padding-left:0px;padding-top:20px;}
.news-overview-image{width:100%;}
.col-work{width:50%;}
}


/* =============== MOBILE DEVICE MAX 768PX ============================================ */

@media only screen and (max-width: 768px) {
	#mobile-nav-toggle {margin:50px 20px 0 0;}
	.col-work{width:50%;}
	h4.title-work {font-size:18px !important;}
}


/* =============== MOBILE DEVICE MAX 768PX ============================================ */

@media only screen and (max-width: 680px) {
	.col-work{width:100%;}
	
	
}

/* =============== MOBILE DEVICE MAX 600PX ============================================ */

@media only screen and (max-width: 600px) {
	
/* Home Page */
#intro {height:auto;}
.header-image{height:calc(25vh);}
#about .content h2 {text-align:center;margin-bottom:60px;}
#about .content p:last-child {margin-bottom: 80px;}
.funding-logo {display:block;width:auto;}
#portfolio {padding:0px 0px 30px 0px;}	
.d-none{display:block;}	
h4.title-work {font-size:26px;}

/* Menu */
#mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {background:#ffffff;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {border 2px solid #76BC37;}
#mobile-nav{background: rgba(255, 255, 255, 1);}
#mobile-body-overly{background: rgba(255, 255, 255, 0.7);}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {color: #76BC37;font-size: 18px;font-weight: 600;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:hover{border-bottom:none;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {color: #014576;background: #ffffff;font-size: 18px;font-weight: 600;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background: #76BC37;color: #fff;}


/* Sub pages */
.header-image-sub {height:calc(14vh);}

.col-work{width:100%;}

/* News */
.box.wow.news-wrapper.animated {display:block;width: 100%;margin-bottom: 40px;}
.news-overviw-text {padding-left:0px;padding-top:20px;}
.news-overview-image{width:100%;}

/* Contact */
.sub_page_wrapper {width: 90%;margin-left: auto;margin-right: auto;}

}

/* =============== MOBILE DEVICE MAX 450PX ============================================ */

@media only screen and (max-width: 450px) {


	
/* Partners */
img.partner_logo {height: 200px;}
.partner_logos {-webkit-box-shadow: 1px 7px 10px -9px rgba(235,235,235,1);-moz-box-shadow: 1px 7px 10px -9px rgba(235,235,235,1);box-shadow: 1px 7px 10px -9px rgba(235,235,235,1);width:95%;}
	
}