/*
Theme Name: FF v1.0
Author: Silicium
Author URI: https://www.silicium.nl/
Description: Custom theme for fitnessvanmuiden.nl
Version: 1.0
*/



body {

background-color: #333;
bbackground-color: #f9fcff;
bbbbackground-image: linear-gradient(147deg, #f9fcff 0%, #dee4ea 74%);	
}

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
}

h1 {
	font-weight: 800;
}

h2 {
	font-weight: 600;
	font-size: 32px;
	line-height: 42px;
}

h3 {
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
}

p {
	color: #f0f0f0; 
	font-size:17px; 
	line-height:27px
}


	.tabje {
	display: inline-block;
	color: #fff; 
	font-weight:300; 
	font-size:15px; 
	letter-spacing:1px; 
	line-height:15px; 
	padding:8px; 
	background-color:#d92b2c; 
	border-radius:0 0 6px 6px; 
	margin-left:6px;
}  

.tabje:hover {
	border-top:1px solid #000;
}



.red {
	color:#d4324d !important;
}



/* contact form 7 */

.wpcf7-not-valid-tip {
	display: flex;
	color: #d4324d;
}

.wpcf7-response-output {
	color: #d4324d;
}

.screen-reader-response {
	display: none;
}

.wpcf7-submit {
	padding-top:10px;
	padding-bottom:10px;
	background-color: #d4324d;
	color:#fff;
	text-align:center;
	border-radius: 18px;
	width:210px;
	margin-top:30px;
	border: none;
}







.ff_btn {
	padding-top:10px;
	padding-bottom:10px;
	background-color: #d4324d;
	color:#fff;
	text-align:center;
	border-radius: 18px;
	width:210px;
	margin-top:30px;
	font-size: 16px;
}


.ff_btn:hover {
	background-color:#fff;
	color: #d4324d;
}

.ff_btn_big {
	padding-top:10px;
	padding-bottom:10px;
	background-color: #d4324d;
	color:#fff;
	text-align:center;
	border-radius: 18px;
	width:210px;
	margin-top:10px;
	font-size: 22px;
}

.ff_btn_big:hover {
	background-color:#fff;
	color: #d4324d;
}


.corner_tl {
  clip-path: polygon(0 50px,50px 0,100% 0,100% 100%,0 100%);
}

.corner_tr {
  clip-path: polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,0 100%);
}

.corner_br{
  clip-path: polygon(0 0,100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%);
}

.corner_bl {
  clip-path: polygon(0 0,100% 0,100% 100%,50px 100%,0 calc(100% - 50px));
}


/* overlay start */
   
   .menu_overlay {
	   height: 0%;
	   width: 100%;
	   position: fixed;
	   z-index: 9999;
	   top: 0;
	   left: 0;
	   overflow-y: hidden;
	   transition: 0.5s;    
	   background: #24212C;
   
   }
   
   .menu_overlay-content {
	   position: relative;
	   top: 6%;
	   width: 100%;
	   text-align: center;
	   margin-top: 40px;
   }
   
   .menu_overlay a {
	   padding: 7px;
	   text-decoration: none;
	   font-size: 18px;
	   color: #fff;
	   display: block;
	   transition: 0.3s;
	   font-weight: 300;
   }
   
   .menu_overlay a:hover, .menu_overlay a:focus {
	   color: #f1f1f1;
   }
   
   .menu_overlay .menu_closebtn {
	   position: absolute;
	   top: 0px;
	   right: 15px;
	   font-size: 60px;
   }







.main-menu-items ul {
	   margin: 0px;
	   padding: 0px;
	   margin-left:20px;
   }
   
   .main-menu-items li {
	   list-style-type: none;
	   display: inline;
	   padding-left:9px;
	   padding-right:9px;
	   margin:0px;
	   
   }
   
   
   .main-menu-items a {
	   font-size: 18px;
	   text-decoration:none;
	   font-weight:300;
	   text-transform: uppercase;
	   color:#fff;
	   margin-left: 15px;
	   letter-spacing: 1px;
   }
   
   .main-menu-items a:hover {
	   color: #d92b2c; !important;
   }
   

.np_top_block {
	background-color:#3E3E3E; 
}

 .np_block {
		  background-color:#3E3E3E; 
		  margin-top:100px;
	  }


.np_block_img {
	width:100%; 
	padding:30px;
}

.np_block_txt {  
	padding:30px; 
	padding-bottom:30px; 
	color:#fff;
	text-align:center;
}		

.ff_btn {
	margin-left:auto;
	margin-right:auto;
}  

li {
	text-align: left;
}


/* Small devices (landscape phones, 576px and up) */
   @media (min-width: 576px) {
	   
   }
   
   /* Medium devices (tablets, 768px and up) */
   @media (min-width: 1200px) { 
   
   .np_top_block {
		  background-color:#CCC;
	  }
		  
   
   .np_block {
	   background-color:#CCC;
   }
   
   .np_block_img {
	   width:100%; 
	   padding:60px;
   }
   
   .np_block_txt {  
	   padding:50px; 
	   padding-bottom:80px; 
	   color:#fff;
	   text-align: left;
   }
   
   .ff_btn {
	   margin-left: 0;
   }
	   
   
   
   }
   
   
   /* Large devices (desktops, 992px and up) */
   @media (min-width: 992px) {
	   
	   
}