/*   
Theme Name: Rechtspunt
Theme URI: http://www.donkeys.co
Description: Rechtspunt
Author: Donkeys & Co.
Author URI: http://www.donkeys.co
Version: 1
*/


@font-face {
    font-family: 'AbhayaLibre_Bold';
    src: 	url('fonts/AbhayaLibre-Bold.woff2') format('woff2'), 
          	url('fonts/AbhayaLibre-Bold.woff') format('woff'), 
		  	url('fonts/AbhayaLibre-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'AbhayaLibre_Regular';
    src: 
		 url('fonts/AbhayaLibre-Regular.woff2') format('woff2'),
         url('fonts/AbhayaLibre-Regular.woff') format('woff'),
         url('fonts/AbhayaLibre-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AbhayaLibre_Extrabold';
    src: 
		 url('fonts/AbhayaLibre-ExtraBold.woff2') format('woff2'),
         url('fonts/AbhayaLibre-ExtraBold.woff') format('woff'),
         url('fonts/AbhayaLibre-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat_Bold';
    src: 
		 url('fonts/Montserrat-Bold.woff2') format('woff2'),
         url('fonts/Montserrat-Bold.woff') format('woff'),    
		 url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat_Regular';
	src: 
		 url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat_Medium';
	src: 
/*
		 url('fonts/Montserrat-Medium.woff2') format('woff2'),
	     url('fonts/Montserrat-Medium.woff') format('woff'), 
*/ 
		 url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quentin';
    src: 
    	 url('fonts/Quentin.woff2') format('woff2'),
	     url('fonts/Quentin.woff') format('woff'),
		 url('fonts/Quentin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.page-template-default page page-id-954 logged-in{
	
	
background-image: url("https://testmijn.rechtspunt.nl/wp-content/uploads/rechtspunt_background.png");
  background-repeat: no-repeat;
  background-position:right top; 
  background-size:auto;
}

.footerReview {
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 15px;
	background-color: #fff;
	z-index: 9999;
}





.btn {
	font-family: 'Montserrat_Regular', serif;
	display: inline-block;
    padding: 10px 26px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0px;
    border-radius: 0px;
    margin-top: 20px;
}


/******************* BUTTON *******************/

.btn-yellow-line {
	position: relative;
    color: #b1976b;
    background-color: transparent;
    font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	border: 1px #b1976b solid;
    
    -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

}



.btn-purple {
	font-family: 'Montserrat_Bold';
	position: relative;
    color: #ffffff;
    background-color: #1a1a1a;
    font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	width: 260px; 
	padding: 10px;   
    -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.btn-purple:hover{
	color: #cfa100 !important;
}

.btn-yellow {
	position: relative;
    color: #ffffff;
    background-color: #b1976b;
    font-size: 16px;
	line-height: 24px;
	font-weight: normal;  
	width: 200px;  
    -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	padding: 10px;
}

.headBtn{
	float: right;
	margin-top: 3px;
	margin-left: 20px;
}

.btn-yellow-line:hover, .btn-yellow-line:focus {
    color: #252525;
    background-color: #b1976b;
}




/******************* HEADER *******************/




.headerFix {
	height: 137px;
}


.headerTopTop {
	display:none !important;
}

.headerTopTopInner {
	padding: 9px 0;
	border-bottom: 1px solid #b1976b;
}

.headerTopTopInner .social {
	display: inline-block;
	margin-right: 10px;
}

.headerTopTopInner .social a {
	color: rgba(255, 255, 255, 0.4);
	font-size: 18px;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.headerTopTopInner .social a:hover {
	color: #b1976b;
}

.headerTopTopInner p {
	margin: 0px;
	padding: 0px;
}

.headerTopTopInner .right {
	font-size: 18px;
}

.headerTopTopInner .right a {
	color: rgba(255, 255, 255, 0.75);
	font-size: 18px;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.headerTopTopInner .right a:hover {
	color: #b1976b;
}

.headerTopTopInner .right a i {
	font-size: 17px;
	margin-right: 6px;
}




.headerTop {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 99;
	box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.3);
}

.headerTop .logo {
	width: 280px;
    float: left;
    padding:20px 0 0;
}



.headerTop .nav {
	float: left;
	margin-left: 100px;
}


.headerTop ul {
	margin: 0;
	padding: 0;
}

.sf-menu li {
    background: transparent;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	background: transparent;
}


.sf-menu a {
	padding: 33px 13px;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Montserrat_Medium', serif;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu li.current_page_item a {
	color: #b1976b;
}

.sf-menu li ul li {
    background: #b1976b;
    
}

.sf-menu li ul li:hover,
.sf-menu li ul li.sfHover,
.sf-menu li ul li.current_page_item {
	background: #1a1a1a;
}


.sf-menu ul li a {
	padding: 10px 20px;
	color: #ffffff;
	font-size: 14px;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.sf-menu li ul li:first-child a {
	padding-left: 20px;
}

.sf-menu li ul li:hover a,
.sf-menu li ul li.sfHover a,
.sf-menu li ul li.current_page_item a {
	color: #fff;
}

.sf-menu li:hover ul li a,
.sf-menu li.sfHover ul li a,
.sf-menu li.current_page_item ul li a {
	color: #fff;
}

.sf-menu li:hover ul li:hover a,
.sf-menu li:hover ul li.sfHover a,
.sf-menu li:hover ul li.current_page_item a {
	color: #fff;
}



.sf-arrows .sf-with-ul {
    padding-right: 13px;
}

.sf-arrows .sf-with-ul:after {
	content: none;
}

/************* Fonts ***************/

p, a, li, td {
	font-size: 16px;
	font-family: 'Montserrat_Regular';
}

a {
	color: #b1976b;
}

a:hover {
	color: #1a1a1a;
	text-decoration: none;
}



h1 {
	font-family: 'AbhayaLibre_Extrabold';
	color: white;
	font-size: 50px;
	margin-top: 25px;
}

h2{ 
	font-size: 36px;
font-family: 'Montserrat_Regular';
color: #1a1a1a;
	margin: 0;

}

.white h2 { 
	color: #ffffff; 
}

h3 {
font-family: 'Montserrat_Regular';
color: #1a1a1a;
	
}

h4 {
	font-family: 'Quentin';
	font-size: 50px; 
	color: #b1976b;
}

h6 {
	font-family: 'Montserrat_Medium';
	color: #1a1a1a;
	font-size: 18px;

}

h7 {
	font-family: 'Montserrat_Medium';
	color: #1a1a1a;
	font-size: 44px;

}



/******************* GOUDEN LIJNTJE *******************/



.specialiteitenLineTop {
	width: 2px;
	margin: 0 auto;
	height: 50px;
	background-color: #b1976b;
	margin-bottom: 30px;
	margin-top: -25px;
}

.introLineTop {
	width: 2px;
	margin: 0 auto;
	height: 75px;
	background-color: #b1976b;
	margin-top: 50px;
}

.smallimageLineTop{
	width: 2px;
	margin: 0 auto;
	height: 50px;
	background-color: #b1976b;
	margin-bottom: 30px;
	margin-top: -105px;
}

.smallimageLineBottom{
	width: 2px;
	margin: 0 auto;
	height: 50px;
	background-color: #b1976b;
	margin-bottom: 30px;
	margin-top: 105px;
}


/************** PB FLEX ************/ 

.pb_header {
	height: 530px;
    width: 100%;
    background-color: #ffffff;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pb_header.headerNotHome {
	height: 300px;
}

.pb_header .pb_headerInner {
	height: 530px;
	width: 100%;
	position: relative;
}

.pb_header.headerNotHome .pb_headerInner {
	height: 300px;
}

.pb_header .pb_headerInner .pb_headerInnerInner {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.pb_header.headerNotHome .pb_headerInner .pb_headerInnerInner {
	top: 50%;
	transform: translateY(-50%);
}



.headerbuttonwrapper{
	margin-top: 40px;
}

.pb_header .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;

	background: -moz-linear-gradient(left, rgba(18,37,126,0.75) 0%, rgba(0,0,92,0.075) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(18,37,126,0.75) 0%,rgba(0,0,92,0.075) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(18,37,126,0.75) 0%,rgba(0,0,92,0.075) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e612257e', endColorstr='#e600005c',GradientType=1 ); /* IE6-9 */

}

.pb_header.headerNotHome .overlay {
	background: -moz-linear-gradient(left, rgba(18,37,126,0.7) 0%, rgba(0,0,92,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(18,37,126,0.7) 0%,rgba(0,0,92,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(18,37,126,0.7) 0%,rgba(0,0,92,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e612257e', endColorstr='#e600005c',GradientType=1 ); /* IE6-9 */
}


.pb_header .borderHeader {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

.pb_header .borderHeaderInner {
	height: 0px;
	width: 0px;
	border-top: 90px solid transparent;
	border-right: 50vw solid white;
	border-left: 50vw solid white;
}


/************** Text & afbeelding ************/ 




.pb_text_image{
	padding: 70px 0;
}



.tekstKolomWrapImage{
	margin-top: 10px;
	height: 80%;
}


.tekstKolomWrapText{
	margin: 35px 0 0 0;
	padding: 10px 40px;
	border-left: 2px solid #b1976b;

}

.buttonWrap{
	margin-top: 10px;
	margin-left: 50px;
}


.WZWimg{
	height: 300px;
	margin-top: 60px;
}


/************** Specialiteiten ************/ 

.specialiteitenIcon{
	margin: 0 auto 10px auto;
	width: 90px;
}

.specialiteitTekstKolomWrap {
	background-color: #ffffff;
	padding: 20px 50px 40px 50px;
    text-align: center;
    margin-top: 30px;
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.specialiteitTekstKolomWrap:hover {
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3);
	
}

.specialiteitKolomWrapTitle{
	text-align: center;
}



.fa-chevron-right:before, .fa-chevron-left:before{
	content: "\f054";
    font-size: 25px;
    color: #b1976b;
    background-color: #1a1a1a;
    padding: 4px 9px 4px 11px;
    text-align: center;
}
.fa-chevron-left:before{
	content: "\f053";
}


/************** CONTACT ************/ 




.pb_headerInnerInner{
	text-align: center;
}

.contactbg {
  background-image: linear-gradient(to right, rgba(20,41,124), rgba(2,8,92));
	height: 390px;
    padding: 40px 0 40px 50px;
    overflow: hidden;
}


.mover {
    position: absolute;
	width: 51%;
	right: 0px;
	top: 20px;
	z-index: 2;
}

.tekstContactKolomWrapImage{
    position: relative;
	width: 51%;
	height: 340px;
	float: left;
	margin-top: 100px;
	z-index: 1;
	
	background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pb_contact_text_image{
	position: relative;
	padding: 70px 0;
}


.tekstContactKolomWrapText > p{
	margin-top: 20px;
	color: #ffffff;
	border-left: 2px solid #b1976b;
	padding: 10px 0 10px 25px;
	font-size: 19px;
	
}

.tekstContactKolomWrapText p a {
	color: #ffffff;
	font-size: 19px;
}

.tekstContactKolomWrapText p a:hover {
	color: #b1976b;
	font-size: 19px;
}


/************** SPECIALITEITEN ************/ 


.pb_6_col_body{
	background-color: rgba(18, 37, 126, 0.06); 
	padding: 0 0 75px 0;
	margin-bottom: 60px;
}

.tekstContactKolomWrapText  > h2 {
	color: #ffffff;
}


.headerbuttonwrapper {
    padding-top: 55px;
}






.detailspecialiteitTekstKolomWrapText, .detailspecialiteitTekstKolomWrapTitle {
	padding-top: 40px;
}


.specialiteitTekstKolomWrapText {
	margin-bottom: 20px;
}

.specialiteitTekstKolomWrapText > p{
	padding-top: 10px;
}


.smallImagetekstKolomWrapImage{
	padding: 70px 0;
}	


/************** SMALL IMAGE ************/ 


.smallImage{
    width: 90%;
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   	padding: 80px 0;
}

.smallImage > p, h1, h2, h3, h4, h5, h6{
	margin: 0;
}

.pb_4_col_body{
    padding: 35px 0 70px 0;
}

.pb_smallImageInnerInner {
	text-align: center;
}

/************** MAAK EEN AFSPRAAK ************/ 

.pb_3_col_body{
	padding: 70px 0;
}


.extraInfoTekstKolomWrapText{
	padding-bottom: 40px;
}


input[type='text'], input[type='tel'], input[type='email'], textarea {
	padding: 10px;
	width: 100%;
	outline: none;
	border: 2px solid #b1976b;
	font-family: 'Montserrat_Regular';	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

textarea {
	height: 200px;
	resize: none;
}


input[type='text']:focus, input[type='tel']:focus, input[type='email']:focus, textarea:focus {
	border: 2px solid #2c2e83;
}

.pb_2_col_contact{
	padding: 70px 0;
}


.page-id-166 textarea {
	height: 363px;
	resize: none;
}

.pb_2_col_afspraak{
	padding: 70px 0 0 0 ;
}


.row afspraakform{
	background-color: pink;

}


.butttonwrapper{
	text-align:center;
	margin-bottom: 70px;
	
}


.navMob {
	display: none !important;
	
}

.navMob i {
	color: #1a1a1a;
	margin-top: 15px;
}

.menuOverlay {
	display: none;
}

.contactTekstKolomWrap{
	padding-bottom: 25px;
}

.contactmover{
	margin-top: 81px;
	
}

.contactTekstKolomWrapImage{
	padding-bottom: 10px;
}

strong {
	color: #b1976b;
	font-family: 'montserrat_regular'
}

em {
	font-family: 'montserrat_regular';
	font-size: 16px;
}



/************** FORMULIEREN ************/ 

.gform_next_button {
	padding: 15px 30px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 10px;
	background-color: #1a1a1a;
	-webkit-transition: letter-spacing .3s,box-shadow .4s cubic-bezier(.25, .46, .45, .94),background-color .3s cubic-bezier(.25, .46, .45, .94);
	transition: letter-spacing .3s,box-shadow .4s cubic-bezier(.25, .46, .45, .94),background-color .3s cubic-bezier(.25, .46, .45, .94);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-color: transparent;
}

.gform_previous_button{
		padding: 15px 30px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 10px;
	background-color: #b1976b;
	-webkit-transition: letter-spacing .3s,box-shadow .4s cubic-bezier(.25, .46, .45, .94),background-color .3s cubic-bezier(.25, .46, .45, .94);
	transition: letter-spacing .3s,box-shadow .4s cubic-bezier(.25, .46, .45, .94),background-color .3s cubic-bezier(.25, .46, .45, .94);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-color: transparent;
	
}
.gform_button {
	padding: 15px 30px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 10px;
	background-color: #1a1a1a;
	-webkit-transition: letter-spacing .3s,box-shadow .4s cubic-bezier(.25, .46, .45, .94),background-color .3s cubic-bezier(.25, .46, .45, .94);
	transition: letter-spacing .3s,box-shadow .4s cubic-bezier(.25, .46, .45, .94),background-color .3s cubic-bezier(.25, .46, .45, .94);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-color: transparent;
	
}


/************** ERVARINGEN & REVIEWS ************/ 

.ervaringenTekstKolomWrapText{
	font-family: 'Montserrat_Regular'; 
	font-size: 16px;
	margin-top: 20px;
	padding: 0 50px 20px 20px;	
}

.ervaringenTekstKolomWrapName{
	font-family: 'Montserrat_Regular'; 
	font-size: 13px;
	padding-left: 20px;
}

.ervaringenTekstKolomWrap{
	border-left: 2px solid #b1976b;
}

.pb_ervaringen{
	padding: 0 0 70px 0;
}



.pb_ervaringen .owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #b1976b;
    font-size: 30px;
    margin: 5px;
    padding: 0;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.pb_ervaringen .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #b1976b;
    text-decoration: none;
}


.pb_ervaringen .owl-prev {
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
}

.pb_ervaringen .owl-next {
	width: 32px;
	height: 32px;
	float: left;
}







.owl-dots {
    margin-top: -50px;
    position: relative;
}




/********** FAQ **********/

.faqCategorie {
	margin: 0 0 60px;
}

.faqTitle {
	padding-top: 20px;
}

.title-name{
	font-family: 'Montserrat_Regular';
}

.faqVragen {
	padding-left: 20px;
}


/* Styles for Accordion */
.toggle:last-child {
  border-bottom: 1px solid #b1976b;
}
.toggle .toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid #b1976b;
  margin-bottom: 6px;
  padding-right: 20px;
}
.toggle .toggle-title h3 {
	font-family: 'din_alternate_mediumregular';
  font-size: 18px;
  margin: 0px;
  line-height: 1;
  cursor: pointer;
  font-weight: 200;
}
.toggle .toggle-inner {
  padding: 7px 0 10px 0;
  display: none;
  margin: -7px 0 6px;
}
.toggle .toggle-inner div {
  max-width: 100%;
}
.toggle .toggle-title .title-name {
  display: block;
  padding: 22px 0px 18px;
}
.toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px;
}
.toggle .toggle-title i {
  position: absolute;
  background: url("images/plus_minus.png") 0px -24px no-repeat;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 20px 0 20px 20px;
  right: 0;
}
.toggle .toggle-title.active i {
  background: url("images/plus_minus.png") 0px 0px no-repeat;
}

.pbfaq{
	padding: 70px 0;
}




.pb_2_col_body{
		padding: 70px 0 0 0;
	}


.pb_body_text{
		padding: 70px 0;
	}




.pb_blog_col_body{
		background-color: rgba(18, 37, 126, 0.06); 
		padding: 0 0 75px 0;
		margin-bottom: 60px;
	}

.blogTekstKolomWrap{
		background-color: white;
		padding: 40px;
		margin-bottom: 30px;
	}


.blogTekstKolomWrapText {
		margin-bottom: 15px;
	}
	
	.pb_intro_text{
		padding: 70px 0 20px 0;
	}
	
	
	.bodyTekstKolomWrapImage{
		margin-top: 40px; 
	}






footer {
	padding: 20px 0;
}







body table.booked-calendar td {
	font-size: 16px !important;
}

body table.booked-calendar tr.days th {
	font-size: 11px !important;
}

body table.booked-calendar th .monthName {
	font-size: 14px !important;
}

.entryBlock strong {
    font-family: unset;
    color: #555;
}

.timeslot-range, .button-text, .number {
	font-family: 'Montserrat_Medium';
}


@media screen and (max-width: 1200px) {
	
	.headerTop .logo {
	    width: 250px;
	    float: left;
	    padding: 10px 15px 15px 0;
	}
	
	.sf-menu a {
		padding: 33px 8px;
		color: #ffffff;
		font-size: 18px;
		font-weight: 400;
	}
	

	
}





@media screen and (max-width: 992px) {
	.headerFix {
	    height: 68px;
	}
	
	.headerTop .logo {
	    width: 190px;
	    float: left;
	    padding: 7px 13px 8px 0;
	}
	
	.sf-menu a {
		padding: 24px 6px;
		color: #ffffff;
		font-size: 15px;
		font-weight: 400;
	}
	
	.headBtn {
	    float: right;
	    margin-top: -4px;
	    margin-left: 20px;
	}

	.btn-yellow {
	    line-height: 16px;
	    width: auto;
	    font-size: 12px;
	}
	
	.pb_header .borderHeaderInner {
		border-top: 60px solid transparent;
	}
	
	.mover {
	    position: relative;
	    width: 100%;
	    z-index: 2;
    }
    
    .contactbg {
	    height: auto;
	}
    
    .tekstContactKolomWrapImage {
	    display: none;
    }
    
    h2{
	    font-size: 31px;
    }
	
	
}


@media screen and (max-width: 768px) {
	.headerTop .logo {
	    float: left;
	    width: 190px;
	    padding: 7px 13px 8px 0;
	}
	
	.navHeader {
		display: none;
	}
	
	
	.navMob {
		display: block !important;
		float: right !important; 
		font-size: 23px;
		color: #000;
		margin-top: 8px;
		margin-right: 26px;
		width: 25px;
		height: 33px;
	}
	
	
	.menuOverlay {
		display: none;
		background: rgba(0, 0, 92, 0.9);
		height: 100vh; 
		width: 100%; 
		position: fixed;
		z-index: 9999999;
		font-weight: 700;
	}
	

	
	.menuOverlay .close {
		position: fixed;
		right: 32px;
		top: 32px;
		font-size: 29px;
		color: #fff !important;
	}
	
	.menuOverlay .close i {
		color: #fff !important;
	}
	
	.menuOverlay .overMenu {
		text-align: center;
		font-family: 'AbhayaLibre_Extrabold';
	}
	
	.menuOverlay .overMenu ul {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 0;
		margin-top: 60px;
	}
	
	
	.menuOverlay .overMenu ul li {
		text-align: center;
		margin-bottom: 8px;
	}
	
	.menuOverlay .overMenu ul li a {
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-size: 21px;
		font-family: 'AbhayaLibre_Extrabold';
	}
	
	
	
	.menuOverlay .overMenu ul li ul {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 0;
		margin-top: 0px;
	}
	
	.menuOverlay .overMenu ul li ul li a {
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		font-family: 'AbhayaLibre_Regular';
	}
	
	.menuOverlay .overMenu ul li ul li {
		text-align: center;
		margin-bottom: 2px;
	}
	
		
	.menuOverlay .social {
		margin-top: 15px;
	}
	
	.menuOverlay .social i {
		color: #ffffff;
		font-size: 22px;
		margin: 0 3px;
	}
	
	.menuOverlay .social i:hover {
		color: #b1976b;
	}
	
	
	
	h1 {
		font-size: 28px;
	}
	
	h2 {
		font-size: 28px;
	}
	
	h4 {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.pb_header {
		height: 400px;
	}
	
	.pb_header .pb_headerInner {
		height: 400px;
	}
	
	.contactimg {
		display: none;
	}
	
	
	.smallImage{
		display: none;
	}
	
	.pb_4_col_body {
  	  padding: 35px 0 0 0;
	}
	
	
	.pb_3_col_body{
  	  padding: 35px 0 0 0;
	}
	
	.extraInfoTekstKolomWrapText {
    padding: 10px 10px 40px 10px;
	}
	
	
	.introTekstKolomWrapText{
		padding-top: 30px;
	}
	

	
	
	.smallImage{
		padding: 10px 0;		
	}
	
	.pb_smallImageInner > h1{
		font-size: 20px;	
	}

	.ervaringenTekstKolomWrapText{
		padding: 0 0px 20px 20px;
	}

	.detailspecialiteitTekstKolomWrapText, .detailspecialiteitTekstKolomWrapTitle {
		padding-top: 1px;
	}
	
	.detailspecialiteitTekstKolomWrapText{
		text-align: center;	
	}
	
	.detailspecialiteitTekstKolomWrapTitle{
		padding-top: 40px;
		text-align: center;
		padding-bottom: 15px;
	}
	

	.contactTekstKolomWrap{
		text-align: center;
	}

	.contactIcon{
		margin: 0 auto;
	}
	
	
	.contactTekstKolomWrap{
		padding: 0;
	}
	
	
	.pb_smallImageInnerInner > h4{
		font-size: 20px;
	}
	
	
	.faqTitle {
		padding-bottom: 15px;
	}
	
	.pb_text_image {
    padding: 0 0;
	}
	
	.pb_2_col_body {
    padding: 35px 0 0 0;
	}
	
	.contactmover {
    margin-top: 20px;
	}
	
	.p4000 {
		padding-top: 20px;
	}
	
	.contactmover{
		margin-top: 50px;
		margin-bottom: 50px;	
	}
	
	.mover{
		position: relative;
		width: 100%;
		float: unset;
		right: unset;
		top: unset;
	}
	
	
	.contactbg {
        background-image: linear-gradient(to right, rgba(20,41,124), rgba(2,8,92));
		width: 100%;
		height: auto;
		overflow: unset;
		padding: 40px 40px 40px 50px;
	}
	
	
	.pb_contact_text_image {
    	position: relative;
		padding: 0 0 35px 0;
	}
	
	
	
	
	.pb_header .borderHeaderInner {
		border-top: 35px solid transparent;
	}
	
	.headBtnMob {
	    float: unset;
	    margin-top: 3px;
	    margin-left: 0;
	}
	
	
	.specialiteitTekstKolomWrapText, .specialiteitTekstKolomWrap {
		height: auto !important;
	}
	
		.btn-yellow {
	    line-height: 16px;
	    width: 200px;
	    font-size: 16px;
	}
	
	
	
	
	.pb_header.headerNotHome {
	    height: 220px;
	}
	.pb_header.headerNotHome .pb_headerInner {
	    height: 220px;
	}
	
	
}

/* .img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
 display: none !important;
} */

.img-responsive {
    display: block !important;
    max-width: 100%;
    height: auto;
}

/* ===== RECHTSPUNT MODERN LOGIN PAGE ===== */

body {
    background: #f4f1ec !important;
}

.headerTop {
    border-bottom: 3px solid #b1976b;
}

/* Main content area */
.wrapperMain .container > .row > .col-sm-12 {
    /* max-width: 900px; */
    margin: 0 auto;
    background: #ffffff;
    border-radius: 8px;
    padding: 50px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.08);
}

/* Headings */
h2 {
    font-size: 22px;
    color: #1a1a1a;
    padding-bottom: 10px;
    border-bottom: 2px solid #b1976b;
    display: inline-block;
    margin-bottom: 25px;
}

/* Inputs */
input[type="text"],
input[type="password"],
input[type="email"] {
    width: 100%;
    padding: 13px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 14px;
    background: #fafafa;
    color: #1a1a1a;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    border-color: #b1976b;
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(177,151,107,0.12);
}

/* Buttons */
input[type="submit"],
button[type="submit"],
.btn-primary {
    background: #b1976b !important;
    color: #ffffff !important;
    border: none !important;
    padding: 13px 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    letter-spacing: 0.5px;
    margin-top: 5px;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    background: #9a8059 !important;
}

/* Links */
a {
    color: #b1976b;
}

a:hover {
    color: #9a8059;
}

/* Footer */
.footerMain {
    background: #1a1a1a;
    padding: 20px 0;
    text-align: center;
}

.footerMain p,
.footerMain a {
    color: #888 !important;
    font-size: 13px;
}

.footerMain a:hover {
    color: #b1976b !important;
}

/* ===== END RECHTSPUNT MODERN LOGIN PAGE ===== */

/* ===== RECHTSPUNT DASHBOARD ===== */

/* Buttons row */
.wpas-ticket-buttons-top {
    margin-bottom: 25px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.wpas-ticket-buttons-top .wpas-btn {
    background: #ffffff;
    border: 1px solid #d0c4b0;
    color: #1a1a1a;
    padding: 9px 20px;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
}

.wpas-ticket-buttons-top .wpas-btn:hover {
    background: #b1976b;
    border-color: #b1976b;
    color: #ffffff;
}

.wpas-ticket-buttons-top .wpas-link-logout {
    margin-left: auto;
    border-color: #e0d0d0;
    color: #999;
}

/* Table */
.wpas-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0,0,0,0.07);
    font-size: 14px;
}

.wpas-table thead tr {
    background: #1a1a1a;
    color: #ffffff;
}

.wpas-table thead th {
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.3px;
    border: none;
}

.wpas-table tbody tr {
    border-bottom: 1px solid #f0ebe3;
    transition: background 0.2s;
}

.wpas-table tbody tr:hover {
    background: #faf8f5;
}

.wpas-table tbody td {
    padding: 14px 16px;
    color: #333;
    vertical-align: middle !important;
}

.wpas-table tbody td a {
    color: #b1976b;
    font-weight: 500;
    text-decoration: none;
}

.wpas-table tbody td a:hover {
    color: #9a8059;
}

/* Status badge */
.wpas-label-status {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Full width dashboard container */
.bodyTekstKolomWrapText .col-sm-10,
.col-sm-10.col-sm-offset-1 {
    width: 95% !important;
    margin-left: 2.5% !important;
}

.bodyTekstKolomWrapText {
    width: 100%;
}

/* Table full width */
#wpas_ticketlist {
    width: 100%;
    table-layout: fixed;
}

#wpas_ticketlist th,
#wpas_ticketlist td {
    font-size: 12px;
    padding: 10px 8px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#wpas-ticket-status { width: 90px; }
#wpas-ticket-title { width: 20%; }
#wpas-ticket-date { width: 100px; }

/* Expand dashboard container to full width */
.bodyTekstKolomWrapText {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0 40px;
    box-sizing: border-box;
}

#wpas_ticketlist {
    width: 100%;
}

#wpas_ticketlist th,
#wpas_ticketlist td {
    font-size: 12px;
    padding: 10px 12px;
}

.wpas-table > tbody > tr > td,
.wpas-table > tbody > tr > th,
.wpas-table > tfoot > tr > td,
.wpas-table > tfoot > tr > th,
.wpas-table > thead > tr > td,
.wpas-table > thead > tr > th {
    vertical-align: middle !important;
}

.wpas-table {
    background: rgba(255, 255, 255, 0.7) !important;
}

.wpas-table tbody tr {
    background: rgba(255, 255, 255, 0.7) !important;
}

.wpas-table tbody tr:hover {
    background: rgba(177, 151, 107, 0.1) !important;
}

.wpas-alert-info{
	background: rgba(177, 151, 107, 0.1) !important;
	border-color: #b1976b !important;
	color: #1a1a1a !important;
	width: 60% !important;
	padding: 15px !important;
	margin: 20px auto !important;
}

/* Fix uitloggen button */
.wpas-link-logout {
    color: #1a1a1a !important;
}

/* Fix alert and content width */
.wrapperMain .container {
    max-width: 1200px;
    margin: 0 auto;
}

.wpas-alert {
    max-width: 1200px;
    margin: 20px auto;
}

/* Fix uitloggen button hover text color */
.wpas-link-logout:hover {
    color: #ffffff !important;
    background: #b1976b !important;
    border-color: #b1976b !important;
}
/* ===== END RECHTSPUNT DASHBOARD ===== */

/* Fix 404 and content alignment */
.bodyTekstKolomWrapText .col-sm-10,
.col-sm-10.col-sm-offset-1 {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 15px !important;
}

.entry-content,
.page-content,
.wrapperMain .container .row {
    max-width: 100% !important;
	margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Fix 404 page content centering */
.wrapperMain .container {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}


/* 404 page spacing */
.error404 .wrapperMain {
    padding: 60px 0 !important;
}

.error404 .bodyTekstKolomWrapText {
    width: 100% !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.gform_next_button{
	background-color: #1a1a1a !important;
	color: #ffffff !important;
	transition: background-color 0.3s ease !important;
}

.gform_next_button:hover{
	color: #ffffff !important;
    background: #b1976b !important;
}

.wpas-login-register{
	width: 100%;
}

#wpas_form_registration{
margin-top: 50px !important;
}

@media screen and (min-width: 767px) {
#wpas_form_registration{
margin-top: 0 !important;
}
}
@media screen and (min-width: 1200px) {
	.wpas-login-register{
		width: 50% !important;
		margin: 0 auto !important;
	}
}

#login {
    margin-top: 100px !important;
}