/*
 Theme Name:   Naura groep
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Vacatureboard
 Author:       Chris Tol
 Author URI:   https://www.sedero.nl
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  nauragroep
*/

@font-face{
	src: url('assets/font/MADE Canvas Black PERSONAL USE.otf');
	font-family: "Made Canvas", Arial,Helvetica, sans-serif;
	font-weight: 700;
	font-display: swap;
}

@font-face{
	src: url('assets/font/MADE Canvas Light PERSONAL USE.otf');
	font-family: "Made Canvas", Arial,Helvetica, sans-serif;
	font-weight: 300;
	font-display: swap;
}

@font-face{
	src: url('assets/font/MADE Canvas Regular PERSONAL USE.otf');
	font-family: "Made Canvas", Arial,Helvetica, sans-serif;
	font-weight: 400;
	font-display: swap;
}

@font-face{
	src: url('assets/font/GillSans-Bold.ttf');
	font-family: "gill sans","Times New Roman", Times, serif;
	font-weight: 700;
	font-display: swap;
}

@font-face{
	src: url('assets/font/GillSans-Regular.ttf');
	font-family: "gill sans","Times New Roman", Times, serif;
	font-weight: 400;
	font-display: swap;
}

@font-face{
	src: url('assets/font/GillSans-Light.ttf');
	font-family: "gill sans";
	font-weight: 300;
	font-display: swap;
}

body{
	line-height: 2;
	font-family: "gill sans","Times New Roman", Times, serif;
	color: #000;
	font-weight: 300;
	font-size: 16px;
}

.button,
button{
	letter-spacing: 2px;
	font-weight: 400;
}

:root{
	--color-orange: #f25922;
	--color-black: #000000;
}

button:hover, 
.ast-button:hover, 
.ast-custom-button:hover, 
.button:hover, 
input#submit:hover, 
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover, 
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, 
body .wp-block-file .wp-block-file__button, .search .search-submit:hover{
	background-color: var(--color-black);
}

.ast-plain-container.ast-no-sidebar #primary{
	margin-top: 0;
}

input[type="submit"],
.wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button{
	font-weight: 400;
	letter-spacing: 2px;
}

.page .entry-header h1,
h1, .entry-content h1{
	font-family: "Made Canvas";
	font-weight: 400;
	font-size: 2.6666666666667rem;
	text-align: center;
}

@media screen and ( min-width: 921px ){
	
		
	home:not(.home) .entry-content[ast-blocks-layout] > *{
		padding: 0 20px;
	}

	.page .entry-header h1,
	h1, .entry-content h1{		
		font-size: 3.6666666666667rem;
	}
	
}

.ast-plain-container.ast-no-sidebar:not(.home) #primary{
	margin-top: 0;
}

@media screen and ( max-width: 1200px ){
	
	.ast-plain-container.ast-no-sidebar:not(.page-id-35) #primary{
		padding-left: 20px;
		padding-right: 20px;
	}
	
}

.front-page-header-image{
	margin-bottom: 0;
}

.entry-content p{
	font-size: 18px;
}

.is-style-wide.line-break-line{
	margin: 4em auto;	
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{
	color: #000;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item > .menu-link{
	color: #f25922;
}

.single-brands .navigation{
	display: none;
}

.ast-header-html-1 p{
	margin: 0;
}

.custom-search-jobs{
	position: relative;
	width: 60px;
	height: 40px;
}

.custom-search-jobs input{
	height: 40px;
	line-height: 40px;
	width: 0;
	right: 0;
	padding-left: 0;
	padding-right: 0;
	border: none; 
	-webkit-transition: none;
    transition: none;
	overflow: hidden;
	background-color: #fff;
}

.custom-search-jobs input.active{
	border: 1px solid #ececec;
	width: 260px !important;
	position: absolute;
	width: 100%;
	padding-right: 40px;
	padding-left: 10px;
	-webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.custom-search-jobs button{
	position: absolute;
	right: 5px;
	background-color: transparent;	
	padding: 0;
	height: 40px;
	line-height: 40px;
	z-index: 20;
}

.custom-search-jobs button i{
	color: #000 !important;
}

.main-header-menu > .menu-item > .menu-link{
	font-weight: 400;
}


#breadcrumbs{
	padding: 0 20px;
	margin-bottom: 5px;
}

#breadcrumbs a{
	color: #000;
	padding: 0 2px;
}

.naura-slider{
	width: 100%;
	max-width: 100% !important;
}

body.single-job_listing .site-main{
	width: 100%;
}

.brand-logo-slider{
	max-width: 100% !important;
	width: 100%;
	background-color: #000;
	padding: 10px 15px;
}

.brand-logo-slider .slick-list{
	margin: 0 -10px;	
}

.brand-logo-slider .slick-track{
	display: flex;
	-webkit-display: flex;
	align-content: center;
	align-items: center;
}

.brand-logo-slider .slick-list .slick-slide{
	margin: 0 10px;
	text-align: center;
}

.brand-logo-slider .slick-list .slick-slide img{
	margin: 0px auto;
	max-height: 40px;
}

.number-count{
	width: 100%;
	max-width: 921px !important;
	margin: 0px auto;
	margin-bottom: 30px;
}

.number-count .inner{
	display: flex;
	-webkit-display: flex;
	flex-direction: row;
}

.number-count .inner .count-item{
	flex-basis: 25%;	
	text-align: center;
}

.number-count .inner .count-item .count{
	background-color: #f1e6dc;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	margin: 0px auto;
	margin-bottom: 5px;
	line-height: 70px;
	font-size: 26px;
}

.number-count .inner .count-item .label{
	font-weight: 700;
	text-transform: uppercase;
}

@media screen and ( min-width: 921px ){
	
	.number-count .inner .count-item .count{
		background-color: #f1e6dc;
		border-radius: 50%;
		width: 80px;
		height: 80px;
		margin: 0px auto;
		margin-bottom: 5px;
		line-height: 80px;
		font-size: 26px;
	}

	
	 #breadcrumbs{
	 	max-width: 1240px;
	 	width: 100%;
	 	margin: 0px auto;
		padding: 0;
		margin-bottom: 20px;
	}
	
	body.single-job_listing #breadcrumbs,
	body.tax-company #breadcrumbs,
	body.page-id-35 #breadcrumbs{
		padding: 0 10%;
		max-width: 100%;
	}
	
	.main-header-menu .sub-menu{
		width: 300px;
		border-top: 2px solid #000 !important;
	}
	
	.main-header-menu .sub-menu li a{
		padding: 10px 20px !important;
		font-size: 18px !important;
	}
	
	.main-header-menu .sub-menu li.current-menu-item,
	.main-header-menu .sub-menu li:hover{
		background-color: #000;
	}
	
	.main-header-menu .sub-menu li.current-menu-item a,
	.main-header-menu .sub-menu li:hover a{
		color: #fff;
	}
	
	.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item:hover > a,
	.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item.current-menu-item > a{
		color: #f25922;
	}
	
}


@media screen and ( max-width: 1200px ){
	
	#breadcrumbs{
		padding: 0 20px;
	}

	
}

.site-content .ast-container{
	max-width: 100%;
	padding: 0;
}

.page-intro-content{
	max-width: 1200px;
	margin: 0px auto !important;
}

#vacactures-container{
	width: 100%;
}

#container-highlighted-brands{
	background-color: #f1e6dc;
	max-width: 100%;
	padding: 5em 0;
	margin-top: 180px;
}

#container-highlighted-brands .inner{
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	text-align: center;
	max-width: 1600px;
	margin: 0px auto;
	padding: 0 20px;
	margin-top: -180px;
}

#container-highlighted-brands .inner > div{
	margin-bottom: 2%;
	position: relative;
}

#container-highlighted-brands .inner a{
	color: #000;
	text-decoration: none;
}


#container-highlighted-brands .inner a .highlighted-image{
	background-color: #555;
	padding-top: 66.666666%;
	width: 100%;
	display: block;
	background-size: cover;
	position: relative;
	background-position: center;
	text-align: center;
	margin-bottom: 10px;
}

#container-highlighted-brands .inner a .highlighted-image::after{
	content: '';
	background-color: rgba(0,0,0,0.25);
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#container-highlighted-brands .inner a .highlighted-image .logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	display: inline-block;
	max-width: 300px;
	width: 80%;
	margin: 0px auto;
}

#container-highlighted-brands .inner a .short-description{
	min-height: 120px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

#container-highlighted-brands .inner a .short-description p{
	margin-bottom: 0;
}

#container-highlighted-brands .inner > div .link{
	background-color: #ddc0a9;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 12px 40px;
	text-decoration: none;
	display: inline-block;
	margin-top: 20px;
}

#container-highlighted-brands .inner > div .link:hover{
	background-color: #f25922;
}

.gutentor-single-item-number{
	background-color: #ddc0a9;
	height: 90px;
	width: 90px;
	line-height: 90px;
	text-align: center;
	border-radius: 50%;
	margin: 0px auto;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 2;
	position: relative;
}

.gutentor-grid-item-wrap.animated div:nth-child(3) .gutentor-single-item-number::before{
	content: "+";
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 24px;
}

.columns-usp{
	max-width: 1600px !important;
	margin: 0px auto;
}

@media screen and ( min-width: 420px ){
	
	#container-highlighted-brands .inner{
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	#container-highlighted-brands .inner > div .highlighted-image{
		background-color: #555;
		padding-top: 66.666666%;
		width: 100%;
		display: block;
	}
	
	#container-highlighted-brands .inner > div.slick-list {
      margin: 0 -27px;
 	}
 	
 	#container-highlighted-brands .inner > div.slick-list .slick-slide{
       margin: 0 27px;
 	}
	
}

@media screen and ( min-width: 768px ){
	
	#container-highlighted-brands .inner{
		justify-content: center;
	}

}

@media screen and ( min-width: 921px ){
	
	#breadcrumbs a:not(:first-child){
		padding: 0 5px;
	}
	
	#container-highlighted-brands .inner{
		display: flex;
		-webkit-display: flex;
	}
	
	#container-highlighted-brands .inner > div{
		max-width: 100%;
		width: 100%;
		margin: 0px auto;
	}
		
	#container-highlighted-brands .inner > div .highlighted-image{
		background-color: #555;
		padding-top: 66.666666%;
		width: 100%;
		display: block;
	}
	
}

/*
 * FOOTER
 */
#sedero{
	color: #fff;
}

#sedero a{
	text-decoration: none;
	color: #fff;
}

#sedero a:hover,
#sedero a:focus{
	color: #f25922;
}

#astra-footer-menu li a{
	font-size: 1.3rem ;
	text-transform: uppercase;
}

.footer-socials{
	display: flex;
	-webkit-display: flex;
	margin-left: 0;
	margin-bottom: 0;
}

.footer-socials li{
	margin-right: 20px;
}

.footer-socials li a{
	color: #fff;
	font-size: 45px;
	line-height: 1;
}

.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element > p:first-child{
	display:none;
}

@media screen and ( max-width: 991px ){
	
	.footer-socials{
		justify-content: center;
		margin-bottom: 1em;
	}
	
}

@media screen and ( min-width: 991px ){
	
	.footer-widget-area[data-section="section-footer-menu"] .astra-footer-horizontal-menu{
		justify-content: flex-end;
	}
	
	#astra-footer-menu .menu-item{
		flex: auto;
	}
	
	#astra-footer-menu > .menu-item > .menu-link{
		display: block;
		text-align: right;
	}
	
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{
		padding: 0;
		max-width: 80%;
		margin: 0px auto;
	}
}

@media screen and ( min-width: 1200px ){
	
	#astra-footer-menu li a{
		font-size: 1.4rem;
	}
	
}

.ast-builder-social-element{
	margin-right: 20px;
}

.ast-footer-social-1-wrap .ast-builder-social-element svg{
	height: 40px;
	width: 40px;
}

/*
 * CSS CMS
 * 
 */
.page-intro{
	background-color: #ddc0a9;
	color: #000;
	padding: 2em 15px;
	text-align: center;
}

.page-intro-title{
	margin-bottom: 0;
}

.page-intro-title + .page-intro-content{
	margin-top: 1em !important;
}

.page-intro-content{
	font-size: 18px;
}

@media screen and ( min-width: 921px ){
	
	.page-intro{
		padding: 2em 15px;	
	}
	
}

/*
 * ARCHIVE
 */
.archive-list-brands{
	max-width: 1240px;
	padding: 0 20px;
	margin: 0px auto;
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

.archive-list-brands .list-item-brand{
	text-align: center;	
	border-bottom: 1px solid #000;
	padding: 2em 15px;
	flex: 0 0 49%;
}

.archive-list-brands .list-item-brand:nth-child(even){
	margin-left: auto;
}

.archive-list-brands .list-item-brand .logo{
	max-width: 250px;
	margin: 0px auto;
	margin-bottom: 2em;
}

@media screen and ( min-width: 921px ){
	
	.archive-list-brands .list-item-brand{
		text-align: center;	
		border-bottom: 1px solid #000;
		padding: 4em 2em;
		flex: 0 0 100%;
	}
	
	.archive-list-brands .list-item-brand .logo{
		max-width: 100%;
	}
	
}

.post-thumb-img-content.post-thumb{
	max-width: 350px;
	margin: 0px auto;
}


.wp-block-polylang-language-switcher li{
	display: inline-block;
}

.wp-block-polylang-language-switcher li:first-child{
	margin-right: 10px;
}

.wp-block-polylang-language-switcher li img{
	width: 30px;
	height: 20px;
}


/*
 * BLOG
 */
body.blog .site-main{
	max-width: 1200px;
	margin: 0px auto;
}

body.blog .site-main .ast-row{
	display: flex;
	-webkit-display: flex;
	gap: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

body.blog .site-main .ast-row article{
	flex: 0 0 100%;
	border: 1px solid #000;
	text-align: center;
	padding: 0;
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}

body.blog .site-main .ast-row article .post-thumb-img-content.post-thumb{
	margin: 0;
	max-width: 100%;
}

body.blog .site-main .ast-row article .thumbnail{
	padding-top: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

body.blog .site-main .ast-row article .article-content{
	padding: 15px;
	flex-grow: 1;
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}

body.blog .site-main .ast-row article .article-read-more{
	display: block;
	border-bottom: 1px solid #ececec;
	margin-top: auto;
}

body.blog .site-main .ast-row article .article-read-more a{
	display: block;
}

.single-post .entry-meta{
	display: none;
}


@media screen and ( min-width: 500px )
{
	body.blog .site-main .ast-row article{
		flex: 0 0 50%;
	}
	
	body.blog .site-main .ast-row article .article-read-more{
		border-bottom: 0;
	}
}

@media screen and ( min-width: 921px )
{
	
	
	body.blog .site-main .ast-row article{
		flex: 0 0 33.333333%;
	}
}

@media screen and ( min-width: 1200px )
{
	body.blog .site-main .ast-row{
		padding-left: 0;
		padding-right: 0;	
	}
	
}