/*
Theme Name: Tideco
Description: Tideco schilderwerken
Version: 1.0
Author: Wim Van der Plaetse
Author URI: https://www.wcreate.be
Template: wp-bootstrap-starter
*/

@import url('../wp-bootstrap-starter/style.css');

/*css voor child theme begint hier*/

h2{
	margin-bottom: 0px !important; 
}

p{
	font-size: 0.9rem;
}

body{
	overflow-x: hidden;
}

.grecaptcha-badge { 
    visibility: hidden;
}

@media only screen and (max-width: 780px) {
	p{
		font-size: 1.2rem;
	}
	li{
		font-size: 1.2rem;	
	}
}

/* COOKIES */

#post-563 .entry-content{
	margin-top: 50px;
}

/*MENU*/

.site-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}

/* This will ensure your site looks correct
 * when the admin bar is displaying.
--------------------------------------------- */
body.admin-bar .site-header {
	top: 28px /* Make this 32px if MP6 is installed */
}

/*LOGO*/

.navbar-brand img{
	width: 150px;
}

/*MENU*/


@media only screen and (max-width: 1200px) {
	#menu-tideco{
		text-align: center;
	}
}

/* BERICHTEN - PROJECTEN */

.center{
	text-align: center;
	margin: auto;
}

.category-projecten .post-thumbnail{
	text-align: center;
}

.category-projecten h1{
	color: #fff;
	font-size: 4rem;
	text-shadow: 0px 0px 10px #000;
}

.background-foto{
	background-image: url(https://www.tideco.be/wp-content/uploads/2018/08/tideco-contact-header.jpg);
    background-position: center center;
    background-size: cover;
	padding: 150px 0px;
}

.blog-header-tideco{
	margin-top: 20px;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    overflow-y: hidden;
}

.btnProjecten{
    font-size: 1.1rem;
    padding: 25px 50px;
    background-color: #8bb7c8;
    color: #fff;
    text-decoration: none;
    transition: 0.5s ease;
    border: 1px solid #fff;
	z-index: 1;
	margin-top: 20px;
	display: inline-block;
}

.btnProjecten:hover{ 
	padding: 25px 50px;
	background-color: #fff;
	color: #8bb7c8;
	text-decoration: none;
	border: 1px solid #8bb7c8;
}

.category-projecten .panel-layout{
	margin-bottom: 50px;
}

.alleProjecten{
	display: block;
	position: relative;
	text-align: center;
}

/*HOME*/

.entry-title{
	display: none;
}

#content.site-content {
    padding-bottom: 0px;
    padding-top: 0px;
	margin-top: 80px;
}

#h-header{
	margin-bottom: 100px;
}

#h-header-mobiel{
	display: none;
}

@media only screen and (max-width: 780px) {
	#h-header-mobiel{
		display: block;
	}
	#h-header-mobiel #h-text-header{
		border: 1px solid #ccc;
	}	
	#h-header{
		display: none;
	}	
}

#h-header h1{
	display: none;
}
#h-header h2{
	color: #fff;
	font-size: 2.5rem;
    text-shadow: 0px 0px 10px #000;
}

#h-slagzin{
	text-align: center;
}

#h-slagzin a{
	background-color: #fff;
	color: #000;
	text-decoration: none;
	padding: 15px 25px;
	font-size: 2rem;
	font-weight: 700;
	transition: 0.5s ease;
}

#h-slagzin a:hover{
	background-color: #000;
	color: #fff;
}

#h-slagzin h2{
	color: #fff;
	font-size: 4rem;
}

#h-slagzin h3{
	color: #fff;
	font-size: 2.5rem;
}

#h-offerte a{
	background-color: #fff;
	color: #000;
	text-decoration: none;
	padding: 15px 25px;
	font-size: 1.5rem;
	font-weight: 700;
	transition: 0.5s ease;
}

#h-offerte a:hover{
	background-color: #000;
	color: #fff;
}

#h-offerte h2{
	color: #fff;
	margin-bottom: 0px;
}

#h-projecten{
	text-align: center;
}

#h-projecten a{
	background-color: #fff;
	color: #000;
	text-decoration: none;
	padding: 15px 25px;
	font-size: 1.5rem;
	font-weight: 700;
	transition: 0.5s ease;
	border: 1px solid #000;
}

#h-projecten a:hover{
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
}

#h-dienst-2{
	margin-bottom: 100px;
}

@media only screen and (max-width: 780px) {
	.page-template .entry-content{
		margin-top: 0px;
	}
	.dienst-center{
		text-align: center;
	}
	#h-offerte{
		text-align: center;
	}
	.svg-iconen{
		width: 200px;
  		margin: auto;
	}
	#h-header{
		margin-bottom: 30px;
		background-position: right -200px bottom 0px !important;
	}
	#h-text-header{
		margin-top: 45px;
	}
	#h-dienst-2{
		margin-bottom: 50px;
	}	
}

.space{
	margin-bottom: 60px;
}

/*OVER ONS*/

#o-header h1{
	font-size: 4rem;	
}

#o-header h2{
	font-size: 2.5rem;
}

#o-header{
	margin-bottom: 40px;
	color: #fff;
    text-shadow: 0px 0px 10px #000;
	text-align: center;	
}

@media only screen and (max-width: 780px) {
	#o-header{
		margin-bottom: 50px;
	}
	#o-header h2 {
		font-size: 2rem;
	}
	.o-titel h2{
		margin-bottom: 0px;
	}
	.alignleft, .alignright{
		margin-bottom: 30px;
	}
}

#o-tideco-meer{
	text-align: center;
}

#o-tideco-meer h2{
	color: #fff;
}

#o-meubelrestauratie{
	margin-top: -160px; 
	padding-top: 160px;
}

#o-meerdanschilderwerken a{
	color: #fff;
	font-size: 1.5rem;
}

#o-meerdanschilderwerken a:hover{
	text-decoration: none;
}

.arrow {
  text-align: center;
	margin-top: 20px;	
    margin: auto;	
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-10px);
  }
}

/*PROJECTEN*/


#p-header{
	margin-bottom: 100px;
}

#p-header h1{
	color: #fff;
	font-size: 4rem;
    text-shadow: 0px 0px 10px #000;
	text-align: center;
}

#p-recente-projecten h2{
	font-size: 1.5rem;
}

.postGrid .read_more{
	display: none !important;	
}

.page-numbers{
    color: #ffffff !important;
}

#post-grid-446 .element_2 {
    display: none !important;
}

#p-header h2{
	color: #fff;
	font-size: 2.5rem;
    text-shadow: 0px 0px 10px #000;
	text-align: center;
}

@media only screen and (max-width: 780px) {
	#p-header{
		margin-bottom: 50px;
	}
	#p-header h2 {
		font-size: 2rem;
	}
	.p-titel h2{
		margin-bottom: 0px;
	}
}

.rl-gallery-item{
	transition: 0.5s ease;
}

.rl-gallery-item:hover{
	opacity: 0.7;	
}

#post-grid-446 .element_0 {
    font-size: 16px !important;
    padding: 0px !important;
    text-align: center !important;
    font-weight: 500 !important;
}

.post-grid .item .layer-media:hover {
    opacity: 0.7 !important;
}

#post-grid-446 .excerpt{
	display: none !important;
}

/*CONTACT*/

#c-header{
	margin-bottom: 100px;
}

@media only screen and (max-width: 780px) {
	#c-header{
		margin-bottom: 50px;
	}	
}

#c-header h1{
	color: #fff;
	font-size: 4rem;
    text-shadow: 0px 0px 10px #000;
	text-align: center;
}

#c-contactgegevens-rij{
	margin-bottom: 120px;
}

#c-contactgegevens-rij img{
	width: 400px;
}

#c-contactgegevens-img{
	transform: translate3d(20%,0%,0);
}

#c-contactgegevens{
	background-color: #fff;
	border: 1px solid #8bb7c8;
	padding: 50px;
	transform: translate3d(-20%,20%,0);
}

@media only screen and (max-width: 780px) {
	#c-contactgegevens{
		transform: unset;
	}
	#pgc-53-1-0{
		display:none;
	}	
	#c-contactgegevens-rij{
		margin-bottom: auto;
	}
}

#c-contactform .space{
	margin-bottom: 30px;
}

.knop{
	background-color: #fff !important;
	color: #000 !important;
	padding: 10px 20px !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	transition: 0.5s ease !important;
	border: 1px solid #000 !important;
	border-radius: unset !important;
	font-family: "Poppins", sans-serif !important;
}

.knop:hover{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #000 !important;
	border-radius: unset !important;
}

.form-control:focus{
	border-color: #cccccc !important;
	-webkit-box-shadow: 0 0 0 0.2rem #ced4da !important;
    box-shadow: 0 0 0 0.2rem #ced4da !important;
}

.form-control:active{
	border-color: #cccccc !important;
}

.btn-primary:focus, .btn-primary.focus{
	-webkit-box-shadow: 0 0 0 0.2rem #ced4da !important;
    box-shadow: 0 0 0 0.2rem #ced4da !important;
}

/*FOOTER*/

#footer-widget{
	background-color: #545454;
    padding: 50px 0px;
	color: #fff;
}

#footer-widget img{
	width: 150px;
}

#footer-widget a{
	color: #fff;
}

#footer-widget .space{
	margin-bottom: 20px;
}

#footer-widget svg{
	fill: #fff;
}

#footer-widget a:hover{
	background-color: transparent;
}

@media only screen and (max-width: 780px) {
	#footer-widget{
		text-align: center;
	}
	#footer-widget .space{
		display: unset;
	}
	#footer-widget .widget{
		font-size: 1.2rem;
	}
	#footer-widget .autoSM{
		margin: auto;
	}
}

.site-info{
	text-align: center;
    background-color: #2c2c2c;
    color: #fff;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -1px;
	padding: 5px;
}