/*
Theme Name: BlueFrog 2019
Theme URI: https://www.meomodo.eu/wordpress/templates/bluefrog-2019/
Description: BlueFrog 2019 theme.
Author: MeoModo DWS Barry van der Biezen
Author URI: https://www.meomodo.eu/
Version: 2.0
Tags: BlueFrog,MeoModo DWS
License: Private
*/


/* under the fold definitions */
.cn_footer {}
.cn_footer .space {padding:60px 0px 30px}
.cn_footer .cols {display:flex;flex-wrap:wrap}
.cn_footer .col {width:100%;vertical-align:top}
.cn_footer .col.col1 {}
.cn_footer .col.col2 {}
.cn_footer .col.col3 {}
.cn_footer .col.first {}
.cn_footer .col.last {}
.cn_footer strong {font-weight:bold;font-family:sans-serif}

.cn_footer .slogan {position:relative;height:155px}
.cn_footer .slogan picture {display:block;margin:0px 0px 0px 5px}
.cn_footer .slogan img {position:absolute;top:17px}
.cn_footer .payoff {display:none}

.cn_footer .panel {min-height:200px;color:#fff;line-height:30px}
.cn_footer .panel span.h4 {font-family:'Open Sans Condensed';color:#fff;border-bottom:1px solid #817D72;text-transform:uppercase;padding:0px 0px 10px 0px;font-size:13pt;letter-spacing:2px;font-weight:600;display:inline-block;width:100%}
.cn_footer .panel p {margin:20px 0px;padding:0px;line-height:30px}
.cn_footer .panel ul {letter-spacing:0px;font-size:15px;list-style-type:none;margin:20px 0px;padding:0px 0px 0px 0px}
.cn_footer .panel ul li {margin-left:0px;line-height:24px;min-height:48px;display:flex}
.cn_footer .panel ul li:before {content:"";display:inline-block;background-image:url(assets/svg/main-stack.svg#next-arrow-or);background-size:16px 16px;background-position:0px 7px;background-repeat:no-repeat;height:24px;width:24px;color:var(--mc-or);transition:background-position 0.2s}
.cn_footer .panel ul li:hover:before {background-position:4px 7px}
.cn_footer .panel ul li a {color:#fff;text-decoration:none;display:inline-block;height:48px;width:100%}
.cn_footer .panel ul li a:hover {text-decoration:underline}


.cn_footer .info {height:auto;line-height:28px;color:var(--mc-db);text-transform:uppercase;font-size:9pt;text-align:center}
.cn_footer .info ul {display:inline-block;font-size:9pt;letter-spacing:0px;width:100%}
.cn_footer .info ul li {display:inline-block;margin:0px;width:100%}
.cn_footer .info ul li a {text-decoration:none;color:#fff}
.cn_footer .info ul li a:hover {text-decoration:underline}

.nomargin {margin:0px !important}
a.button:hover,input.button:hover,input[type=submit]:hover,input[type=button]:hover,button:hover {text-decoration:none;background-color:var(--mc-lb)}
button:hover {border:1px solid var(--mc-lb)}
hr {border:2px solid var(--mc-lb);border-radius:2px}
span.icon_info {display:inline-block;font-size:16pt;height:24px;width:24px;border:2px solid #fff;border-radius:24px;text-align:center;margin-right:15px;font-weight:700}

ul.kennisbank {width:100%;margin:0px;padding:0px;list-style-type:none}
ul.kennisbank li {background-repeat:no-repeat;display:inline-block;width:50%;height:160px;background-size:110px 110px;background-position:top center;text-align:center;vertical-align:bottom;overflow:hidden;transition:0.3s filter linear;margin-bottom:24px}
ul.kennisbank li a {color:var(--mc-db);display:block;padding-top:115px;font-weight:700}
ul.kennisbank li:hover {filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:0.3s filter linear}
ul.kennisbank li.bi {background-image:url(assets/svg/kennisbank-stack.svg#business-intelligence)}
ul.kennisbank li.datascience {background-image:url(assets/svg/kennisbank-stack.svg#data-science)}
ul.kennisbank li.dataarchitectuur {background-image:url(assets/svg/kennisbank-stack.svg#data-architectuur)}
ul.kennisbank li.zzp {background-image:url(assets/svg/kennisbank-stack.svg#werken-als-zzper)}
ul.kennisbank li.projectmanagement {background-image:url(assets/svg/kennisbank-stack.svg#projectmanagement)}
ul.kennisbank li.wervingselectie {background-image:url(assets/svg/kennisbank-stack.svg#werving-en-selectie)}

.btnScrollToTop {position:fixed;top:88%;right:35px;width:40px;height:40px;background-color:var(--mc-or);color:#fff;border-radius:5px;font-weight:700;font-size:26px;line-height:45px;text-align:center;cursor:pointer;transition:opacity .5s ease-in-out}
.btnScrollToTop.hide {opacity:0;visibility:hidden}
.btnScrollToTop.show {opacity:1;visibility:visible}

.btngroup {height:40px;padding:20px 0px}


@media (max-width:767px)
{
	.btngroup {height:auto}
	.btngroup .button {display:block;text-align:center}
	
	.cn_footer .col {margin-top:40px}

	.cn_footer .info ul {margin-top:20px}
	.cn_footer .info ul li {height:40px}
	.cn_footer .info ul li a {display:block}
}

@media (min-width:768px)
{
	.cn_footer .cols {display:flex;flex-wrap:nowrap;width:calc(100% + 24px);margin:0px 0px 0px -12px}
	.cn_footer .col {width:calc(50% - 24px);margin:0px 12px 0px;max-width:none}

	.cn_footer .payoff {float:right;font-family:'Open Sans';color:var(--mc-or);text-transform:lowercase;font-size:23px;margin-top:110px;display:block;font-weight:600}
	.cn_footer .payoff .orange {color:var(--mc-or)}
	.cn_footer .payoff .blue {color:var(--mc-db)}

	.cn_footer .panel ul li {margin-left:0px;line-height:30px;min-height:30px}
	.cn_footer .panel ul li a {color:#fff;text-decoration:none;height:auto;min-height:30px}

	.cn_footer .info {height:56px;line-height:56px;text-align:left}
	.cn_footer .info ul {width:auto}
	.cn_footer .info ul li {margin:0px 0px 0px 20px;width:auto}

	.button.left {float:left}
	.button.right {float:right}
}

@media (min-width:768px) and (max-width:999px)
{
	.cn_footer .col2 {display:none}

	.cn_footer .panel span.h4 {font-size:13pt;letter-spacing:1px}
	.cn_footer .info {font-size:15px}
	.cn_footer .info ul {font-size:15px;letter-spacing:0px}
}

@media (min-width:1000px)
{
	.cn_footer .col {width:calc(33.33% - 24px);margin:0px 12px 0px}
	.cn_footer .payoff {font-size:34px;margin-top:98px}
	
	ul.kennisbank li {margin-bottom:12px}
}

@media (min-width:1000px) and (max-width:1279px)
{
	.cn_footer .panel span.h4 {font-size:14pt;letter-spacing:1px}
	.cn_footer .info {font-size:15px}
	.cn_footer .info ul {font-size:15px;letter-spacing:0px}

	ul.kennisbank li a {font-weight:300;font-size:11pt}
	ul.kennisbank li {width:33%}
}

@media (min-width:1280px) and (max-width:1920px)
{
	.cn_footer .panel span.h4 {font-size:15pt;letter-spacing:2px}
	.cn_footer .info {font-size:15px}
	.cn_footer .info ul {font-size:15px;letter-spacing:0px}

	ul.kennisbank li {width:33%;margin-bottom:0px}
}

@media (min-width:1921px)
{
	.cn_footer .panel span.h4 {font-size:15pt;letter-spacing:2px}
	.cn_footer .info {font-size:15px}
	.cn_footer .info ul {font-size:15px;letter-spacing:0px}

	ul.kennisbank li {width:33%;margin-bottom:0px}
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto}
.alignright {float:right;margin: 5px 0 20px 20px}
.alignleft {float: left;margin: 5px 20px 20px 0}
a img.alignright {float: right;margin: 5px 0 20px 20px}
a img.alignnone {margin: 5px 20px 20px 0}
a img.alignleft {float: left;margin: 5px 20px 20px 0}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center}
.wp-caption.alignnone {margin: 5px 20px 20px 0}
.wp-caption.alignleft {margin: 5px 20px 20px 0}
.wp-caption.alignright {margin: 5px 0 20px 20px}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px}
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important}
.screen-reader-text:focus {background-color: #eee;clip: auto !important;clip-path: none;color: #444;display: block;font-size: 1em;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000}