/*
Theme Name: Template Rapportage
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* FONTS */

    @font-face {
    font-family: 'Mark Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Regular'), url('../../fonts/MARKPRO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mark Pro Extra Light';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Extra Light'), url('../../fonts/MARKPROEXTRALIGHT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mark Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Light'), url('../../fonts/MARKPROLIGHT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mark Pro Book';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Book'), url('../../fonts/MARKPROBOOK.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mark Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Medium'), url('../../fonts/MARKPROMEDIUM.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mark Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Bold'), url('../../fonts/MARKPROBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mark Pro Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Heavy'), url('../../fonts/MARKPROHEAVY.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mark Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('Mark Pro Black'), url('../../fonts/MARKPROBLACK.woff') format('woff');
    }

/* Navigatie */
#menu-buurten a {
	display: block;
	background-color: #ffd000;
    border-radius: 40px;
    padding: 20px;
	margin: 10px;
}

#menu-buurten a:hover {
	color: #000;
}

/* Algemeen */

a.buurt {
	display: block;
	width: 150px;
	color: #fff !important;
	font-weight: 400;
  position: relative;
  text-decoration: none;
  transition: color .4s ease-out;
}

a.buurtlang {
	width: 320px !important;
}

a.buurt:hover {
	color: #fff !important;
  text-decoration: none;
}

a.buurt:hover::after {
  border-color: #fff;	
  right: 0;
}

a.buurt::after {
  border-radius: 1em;
  border-top: .1em solid #fff;
  content: "";
  position: absolute;
	top: 20px;
    right: 100%;
    bottom: 0px;
    left: 0;
  transition: right .4s cubic-bezier(0,.5,0,1),border-color .4s ease-out;
}

.leesmeer a {
  color: #fff !important;
	font-weight: 800;
  position: relative;
  text-decoration: none;
  transition: color .4s ease-out;
}

.leesmeer a:hover {
  color: #fff !important;
  text-decoration: none;
}

.leesmeer a:hover::after {
  border-color: #fff;	
  right: 0;
}

.leesmeer a::after {
  border-radius: 1em;
  border-top: .1em solid #fff;
  content: "";
  position: absolute;
	top: 20px;
    right: 100%;
    bottom: 0px;
    left: 0;
  transition: right .4s cubic-bezier(0,.5,0,1),border-color .4s ease-out;
}

iframe {
	min-height: 1750px;
}

/* Header */
.textoverimage {
	text-shadow: 2px 2px 6px #000;
}

.header_row_text {
	text-shadow: 2px 2px 2px #000;
}

.icon-box {
	z-index: 0 !important;
}

/* Footer */
.widget-container.widget_nav_menu li, .widget-container.widget_custom_menu li {
	text-transform: none !important;
}

.widget-container.widget_nav_menu li a, .widget-container.widget_custom_menu li a {
	font-size: 0.938em !important;
	margin-top: 4px;
}

@media only screen and (max-width: 991px) {
 iframe {
	min-height: 1250px;
}
}