/*
Theme Name:    CF Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Challenge Family theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

/* 2024 custom shortcode news grid */

.ds_container {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px; /* Add gap between the columns */
}

.ds_column {
    box-sizing: border-box;
}

.ds_column-1,
.ds_column-2 {
    width: 50%;
}

.ds_column-1 {
    height: 500px; /* Adjust height as needed */
    background-size: cover;
    background-position: center center;
    position: relative;
}

.ds_column-1 .ds_link {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    text-decoration: none;
    color: white;
}

.ds_column-2 {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Add gap between rows */
}

.ds_row {
    display: flex;
    width: 100%;
    flex: 1;
    gap: 10px; /* Add gap between items in the row */
}

.ds_item {
    flex: 1;
    min-width: 0;
    height: 100%; /* Adjust height to ensure equal height items */
    background-size: cover;
    background-position: center center;
    position: relative;
}

.ds_item .ds_link {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    text-decoration: none;
}

.ds_column-1 .ds_title,
.ds_item .ds_title {
    width: 100%;
    background: rgba(0, 0, 0, 0.5); /* Optional: background for better readability */
    padding: 10px 10px 10px 20px;
    margin-block-end: 0;
	color: white;
	font-size:14px;
}

/* Media query for mobile screens */
@media (max-width: 768px) { /* Adjust the max-width value as needed */
    .ds_container {
        flex-direction: column; /* Stack columns vertically on small screens */
    }

	.ds_column-1,
    .ds_column-2 {
        width: 100%; /* Full width for each column */
        
    }

    .ds_row {
        flex-direction: column; /* Stack rows vertically */
        gap: 10px; /* Maintain gap between rows */
    }

    .ds_column-1,
	.ds_item .ds_link {height:280px;
    }
}



/* 2024 php update, jupiter update, media grid overlay manager disabled */

.mgi_ol_tit_wrap {backface-visibility:visible!important; opacity:1!important; transform:none!important; top:0%!important; display: flex;    align-items: end;}
.mgi_ol_tit_wrap span.mg_overlay_tit {color:white!important;}

.mgi_item_type_ol {display:none!important;}

/* Races grid 2023 */
 .ds-races {display:grid; grid-template-columns:repeat(3,1fr); grid-column-gap:20px; grid-row-gap:20px; list-style-type:none; padding-inline-start:0px;}
 .ds-races li {padding:0px; margin:0px; width:auto; position:relative; background-color:white; border:1px solid #efefef;}
 .ds-races li h3 {line-height:20px; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:3px; }
 .ds-races li .races-content {padding:20px}
 .ds-races li p {font-size:14px; color:#303030; margin-bottom:0px;}
 .ds-races li .races-icons {float:right; margin-top:-20px;}
 .ds-races li .races-icons img{padding:1px;}
 
 .ds-races li .image {opacity: 1; position:relative; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
  .ds-races li .img-hover {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
  background-color:#e2001a; opacity:0.8; 
      background-image: url(https://www.challenge-family.com/wp-content/uploads/2017/11/challenge-icon-box-transp.png)!important;
    background-position: center;    background-repeat: no-repeat;    width: 100%;    height: 100%;	opacity:0;	transition: .5s ease;
}

 .ds-races li .img-hover:hover {opacity: 0.8;}

@media only screen and (max-width: 768px) {
.ds-races {grid-template-columns:repeat(2,1fr); margin-left:0px;}	
}

@media only screen and (max-width: 480px) {
.ds-races {grid-template-columns:repeat(1,1fr); margin-left:0px;}	
}

.grecaptcha-badge { visibility: hidden; }

body h1, body h2, body h3, body h4 {font-family: cabin-condensed; font-style: normal;}

/* BRANDED GUIDELINES */
.post-type-archive-encyclopedia #theme-page .theme-page-wrapper, .single-encyclopedia 	#theme-page .theme-page-wrapper {margin: 0px auto;}
.post-type-archive-encyclopedia #theme-page .theme-page-wrapper .theme-content, .single-encyclopedia #theme-page .theme-page-wrapper .theme-content {padding: 15px 20px;}

.encyclopedia.search-form label {display:none;}
.post-type-archive-encyclopedia form, .single-encyclopedia form {margin-top:10px; text-align:center;}
.post-type-archive-encyclopedia button.button, .single-encyclopedia button.button {background-color:#e2001a;}
.post-type-archive-encyclopedia button.button:hover, .single-encyclopedia button.button:hover {background-color:#d20018;}
.post-type-archive-encyclopedia .page-subtitle {display:none;}
.post-type-archive-encyclopedia .filter, .single-encyclopedia .filter {margin-left:2px;}

.post-type-archive-encyclopedia .blog-single-meta, .post-type-archive-encyclopedia .single-social-section {display:none;}
.post-type-archive-encyclopedia h2.blog-single-title {margin-bottom:0px; text-align:left; max-width: 600px; margin: auto;}
.post-type-archive-encyclopedia .mk-single-content  {margin: auto; text-align:center; max-width:600px;}
.post-type-archive-encyclopedia .encyclopedia-prefix-filters, .single-encyclopedia .encyclopedia-prefix-filters  {text-align:center; padding-bottom:0px;}

.post-type-archive-encyclopedia .search-loop-meta, .post-type-archive-encyclopedia .widget_search, 
.post-type-archive-encyclopedia .filter-level.level-2, .single-encyclopedia .filter-level.level-2, .single-encyclopedia .blog-single-meta,
.single-encyclopedia .single-social-section{display:none;}
.post-type-archive-encyclopedia .search-result-item {margin-top:0px;}
.post-type-archive-encyclopedia h4 {margin-bottom:0px;}

.single-encyclopedia h2 {margin-bottom:0px;}

.single-encyclopedia .mk-post-nav {display:none!important;}

/* races order fix */
.mk-portfolio-classic-item {min-height: 400px;}

/* contact form reCaptcha margin botton */
.wpcf7-form-control-wrap .g-recaptcha {margin-bottom:10px;}

/* WALCHSEE smaller menu items ivm logo */
.challenge-walchsee .main-navigation-ul > li.menu-item > a.menu-item-link {padding-right: 14px !important;padding-left: 14px !important;}

/* Cerrado portugees homepage margin top */
.challenge-cerrado-olympic #theme-page .theme-page-wrapper {margin:0px auto;}
.challenge-cerrado-olympic #theme-page .theme-page-wrapper .theme-content {padding: 0px 20px;}

/* hide language switcher in header toolbar */
.mk-language-nav {display:none;}

/* contact form block 
.wpcf7-response-output {display:none;}*/

/*COUNT DOWN */
.countdown-amount {font-size:35px!important;}
.countdown-period {margin-top:15px; text-transform:uppercase; font-size:15px!important;}


/* for linking whole portfolio image instead of icon only */
.mk-portfolio-classic-item .from-left {margin-left:0px;right:0px; left:0px;}
.mk-portfolio-classic-item .hover-icon {top:0%;}
.mk-portfolio-classic-item .from-left {width:100%; height:100%;}
.mk-portfolio-classic-item .featured-image.hover .from-left, .mk-portfolio-classic-item .featured-image:hover .from-left {left: 0%;}
.mk-portfolio-classic-item .hover-icon {padding:0px 0px; margin-top:0px;}
.safari .mk-portfolio-classic-item .portfolio-meta-wrapper .the-title {font-size: 12px!important;}

/* margin top on news page thumbnail */
.mk-blog-thumbnail-item .featured-image {margin-top:20px;}
#mk-button-4 .mk-button  {box-shadow:0px 0px 0px 0px !important;}

/* apply for pro license form */
#mk-page-id-1896 input, #mk-page-id-1896 select , #mk-page-id-1896 textarea {width: 100%;}
#mk-page-id-1896 .bdate {padding-top:10px; padding-left:10px; padding-bottom:10px; background-color: #fdfdfd; border: 1px solid #e3e3e3; width: calc(100% - 10px);}

/* No margin on portfolio page header image */
.portfolio-template-default #theme-page .theme-page-wrapper {margin: 0px auto;}
.portfolio-template-default #theme-page .theme-page-wrapper .theme-content {padding: 0px 20px;}

.cf-championship-logo img {position:absolute; top:20px; right:20px; opacity:0.5}

@media only screen and (max-width: 500px) {.cf-championship-logo  {display:none!important;}  
.mg_mobile_mode .mgis_m_w_1_1 {height:200px!important; position:relative; transform:none!important; }
.mg_mobile_mode .mgis_m_w_1_2 {height:200px!important; position:relative; transform:none!important; width: calc(100% - 10px)!important; }
}


#responsive-menu-item-1779, #responsive-menu-item-1791 {display:none;}

/* voor inschrijving nieuwsbrief sidebar */
.textwidget .mk-subscribe--form-column {padding-right: 5px!important;}
.textwidget .mk-subscribe--email {padding:5px;}
.textwidget .mk-subscribe--button {padding:5px; border:0px!important;}
.textwidget .mk-subscribe--button:hover {border:0px!important;}

.single-portfolio .wpb_single_image .vc_figure {min-height:75px;}
.single-portfolio .vc_single_image-wrapper  img {max-width:210px;}

.post-type-badge {background-image: url(//www.challenge-almere.com//wp-content/uploads/2014/11/challenge-logo-v50.png) !important;
    background-position: center center; background-repeat: no-repeat; width: 50px; height: 50px;}
	
.mk-blog-thumbnail-item .mk-button--dimension-outline.skin-dark {border: 1px solid #e20411; font-size: 13px; color: #e20411;	}
.mk-button--dimension-outline.skin-dark:hover {background-color: #ffffff;}

.mk-blog-thumbnail-item.content-align-right .item-wrapper {padding: 0px 30px 0px;}

.blog-hide-meta .mk-blog-meta-wrapper {display:none;}
.blog-hide-meta .mk-blog-thumbnail-item .item-wrapper h3 {margin: 0px 0 20px;}


/* voor de sidebar bij races */
.races-button-left {margin-right:15px; position:relative; float:left;}
.races-button-left a {background-color: #e2001a; color:#fff; padding: 14px 24px; font-size: 12px; letter-spacing: 1px; border-radius: 3px; line-height: 100%; display:inline-block; font-weight:700;}
.races-button-left  a:hover, .races-button-right a:hover {background-color:#d20018; color:#fff;}
.races-button-right {margin-top:20px;}
.races-button-right a {background-color: #e2001a; color:#fff; padding: 14px 24px; font-size: 12px; letter-spacing: 1px; border-radius: 3px; line-height: 100%; display:inline-block; font-weight:700;}

.social-races a{color:#ccc;}
.social-races a:hover {color:#d20018;}

.logooos_list .logooos_item {margin: 0px -1px -1px 0px!important; }

/* voor pagina partners */
div.logooos.logooos_list.logooos_listborder div.logooos_textcontainer {padding-bottom: 65px;}

.widget_recent_portfolio ul li {width:46%; padding:5px;}

.races-filter {text-align:center;}
.races-filter ul li {display: inline-block;}
.races-filter ul li a {border: 1px solid #e20411; font-weight: 600; padding: 11px 12px; line-height: 13px; font-size: 13px; display: block; letter-spacing: 1px; position: relative;}
.races-filter ul li a:hover {color:#e20411;}

.race-block  {background-size: 90% 95%;}
.raceinfohead {min-height:150px; margin-left:5px;}
.raceinfohead p {margin-bottom:10px;}
.raceinfohead .location {color:white; font-size:18px;}
.raceinfohead .challenge {width:100px; display:inline-block;}

.portfolio-categories {text-align:right; margin-top:-25px;}
.portfolio-categories img {padding:1px;}

.portfolio-categories a {display:none;}
.location {text-transform:capitalize;}

.fit-logo-img a img {max-height: 90%;}

.wp-caption-text a {color:#e2001a;}
.megamenu-widgets-container a:hover {color: #1e0000;}

#mk-filter-portfolio.sortable-outline-style ul li a {border: 1px solid #e20411; font-weight:600;}

.single-portfolio .vc_row h2, .single-portfolio .vc_row h3 {font-weight:normal; letter-spacing:2px;}



.mk-fancy-table.table-style1 td{text-align:left;}
.mk-fancy-title.pattern-style {background:none;}
.ds-button {margin-bottom:30px;}
.ds-button .mk-button {background-color:#e2001a; color:white !important; text-transform:uppercase; border-radius: 10px 0px 10px 0px !important;}
.mk-button {background-color:#e2001a; color:white !important; text-transform:uppercase; border-radius: 10px 0px 10px 0px !important;}
.ds-button .mk-button:hover {background-color:white; color:#e2001a !important }
.mk-button:hover {background-color:white; color:#e2001a !important }
.textwidget .megamenu-title {padding: 9px 10px 16px 0px; }

header.transparent-header .mk-header-toolbar{background:none; border-bottom:0;}
header.transparent-header .mk-toolbar-holder .mk-language-nav > a{color:#fff;}

.portfolio-meta-wrapper .the-title, .portfolio-meta-wrapper .d-subtitle {margin-bottom: 3px;}

.trans-header .bg-true.light-skin:not(.a-sticky) .main-navigation-ul > li.menu-item > a.menu-item-link {color:#fff!important;}

.venacti p {font-family:monasans-extended; font-weight:bold; color:#fff; font-size:40px;}
.challenge {font-family: monasans-extended; font-weight: bold; font-style:italic;}
.family {font-family: monasans-extended; font-style: italic;}



/* voor achtergrond image grid op homepage */
.mgi_overlays {background: linear-gradient(180deg,transparent 0,transparent 50%,rgba(0,0,0,.9))!important;}
.mgis_h_1_4 {    padding-bottom: calc(25% - 5px - 6px)!important;}

.mgi_elems_wrap a {color:#fff;}
.mgi_elems_wrap a:hover {color:#fff;}

/* hide news author */
.mk-author-avatar, .mk-author-name {display:none;}

/* icon box met challenge logo */
svg[data-name="mk-li-vinyl-disk"], svg[data-name="mk-li-image"],svg[data-name="mk-jupiter-icon-arrow-circle"] {display:none;}

i.mk-li-vinyl-disk, .icon-box-boxed i.mk-main-ico, .featured-image .hover-icon   {
	background-image: url('https://www.challenge-family.com/wp-content/uploads/2017/11/challenge-icon-box-transp.png')!important;
	background-position: center;
	background-repeat: no-repeat;	width:100%;height:100%;}

 
/* einde challenge logo box */

.ult-just-icon-wrapper, i.mk-li-fork    {background-image: url('https://www.challenge-family.com/wp-content/uploads/2017/10/challenge-icon-box-red.png')!important;
	background-position: center;
	background-repeat: no-repeat;	width:25px;height:25px;}
.Defaults-code-fork {display:none;}

/* Fonts */
@font-face {
	font-family: 'venacti';
	src: url('fonts/VenactiRg-Italic.eot');
	src: url('fonts/VenactiRg-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/VenactiRg-Italic.woff2') format('woff2'),
		url('fonts/VenactiRg-Italic.woff') format('woff'),
		url('fonts/VenactiRg-Italic.ttf') format('truetype'),
		url('fonts/VenactiRg-Italic.svg#VenactiRg-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'venacti';
	src: url('fonts/VenactiRg-Regular.eot');
	src: url('fonts/VenactiRg-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/VenactiRg-Regular.woff') format('woff'),
		url('fonts/VenactiRg-Regular.woff2') format('woff2'),
		url('fonts/VenactiRg-Regular.ttf') format('truetype'),
		url('fonts/VenactiRg-Regular.svg#VenactiRg-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'venacti';
	src: url('fonts/VenactiRg-Bold.eot');
	src: url('fonts/VenactiRg-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/VenactiRg-Bold.woff') format('woff'),
		url('fonts/VenactiRg-Bold.woff2') format('woff2'),
		url('fonts/VenactiRg-Bold.ttf') format('truetype'),
		url('fonts/VenactiRg-Bold.svg#VenactiRg-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'venacti';
	src: url('fonts/VenactiRg-BoldItalic.eot');
	src: url('fonts/VenactiRg-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/VenactiRg-BoldItalic.woff') format('woff'),
		url('fonts/VenactiRg-BoldItalic.woff2') format('woff2'),
		url('fonts/VenactiRg-BoldItalic.ttf') format('truetype'),
		url('fonts/VenactiRg-BoldItalic.svg#VenactiRg-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'cabin-condensed';
	src: url('fonts/CabinCondensed-Regular.eot');
	src: url('fonts/VenactiRg-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CabinCondensed-Regular.woff2') format('woff2'),
		url('fonts/CabinCondensed-Regular.woff') format('woff'),
		url('fonts/CabinCondensed-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'monasans-extended';
	src: url('fonts/MonaSansExpanded-Regular.woff2') format('woff2');
}