/*
Theme Name: Better Call Tony V1.0
Text Domain: Bettercalltony
Version : 1.0
Description : custom theme for Better Call Tony
Author : Dev Marcus
Autor URI : www.devmarcus.nl
*/

/* [start] global styles */
@media only screen and (min-width: 992px) {
    .pos-lg-absolute{
        position: absolute;
    }
  }
.flex-1{
  flex:1;
}
.flex-3{
  flex:3;
}
.custom-btn{
  background-color: white;
  border: black solid 2px;
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  text-decoration: none;
  color: black;
  border-radius: 6px;
}
.font-script1{
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  font: 'SCRIPT1 Script Casual';
}

.font-courtier-prime{
  font-family: 'Courier New', Courier, monospace;
}
.font-courier-prime{
  font-family: 'Courier New', Courier, monospace;
}

.bct-custom-btn{
  background-color: white;
  text-decoration: none!important;
  color:black!important;
  padding: 5px 20px;
  width: fit-content;
  border-radius: 6px;
}
.bct-custom-btn:hover, .bct-custom-btn:active {
  background-color: #E9BB80;
  text-decoration: none!important;
  color:white!important;
  padding: 5px 20px;
  width: fit-content;
  border-radius: 6px;
}
.z-index-1{
  z-index: 1;
}
.z-index-2{
  z-index:2;
}
.minh-vh90{
  min-height: 45vh!important;
}
.border-y{
  border-top: #e9bc80a2 solid 5px;
  border-bottom: #e9bc80a2 solid 5px;
}

.text-custom-colorA{
  color: #E9BB80;
}

/* [end] global styles */


/* [start] project page styles */
.project-page-articles img{
  object-fit:cover;
  width:100%!important;
  height:300px!important;
}
.project-page-articles .article-info-wrap{
  position:relative;
  background-color:rgba(0, 0, 0, 0.9);
  color:white;
  width:100%;
}

/* [end] project page styles */
/* [start] project post styles */
.project-post-body {
  min-height: 100vh;
  background-image: url(assets/images/nieuwe-achtergrond-home-pagina.jpg);
}
.project-post-main {
  max-width: 1200px;
  background-color: rgba(0, 0, 0, 0.95);
  margin:auto;
  min-height: 100vh;
  color:white;
}
.project-post-img {
  margin:0 auto!important;
  object-fit:contain;
  width:100%!important;
  height:600px!important;
}
/* [end] project post styles */

.about-tony-img{
  min-height:90vh!important;
  object-fit: cover;
}

.about-tony{
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  border-radius: 11px;
}



.about-tony h2{
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  font-size: 36px;
  color: #E9BB80;
}
.about-tony p{
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
  
}

.about-tony-diensten-bubble {
  background-color: rgba(0, 0, 0, 0.9);
  
  border-radius: 16px;
  width: fit-content!important;
  height: 200px!important;
  font-size: 12px;
  padding:10px;
}

.about-tony-diensten-bubble img{
  width:70px;
  height:auto;
}

.about-tony-diensten-bubble ul {
  font-family: 'Courier New', Courier, monospace;
}


/* Hide the scrollbar */
.about-tony div::-webkit-scrollbar {
  width: 0.5em; /* Adjust the width as needed */
}

/* Track */
.about-tony div::-webkit-scrollbar-track {
  background: transparent; /* Set the background color */
}

/* Handle */
.about-tony div::-webkit-scrollbar-thumb {
  background: transparent; /* Set the handle color */
}

/* Handle on hover */
.about-tony div::-webkit-scrollbar-thumb:hover {
  background: transparent; /* Set the handle color on hover */
}

.custom-quote{
  color: #E9BB80;
  background:black;
}

.tony-diensten-homepage img{
  right: 250px;
  transform: rotate(16deg);

  margin-top:-83px;
  margin-left: 130px!important;
}

.tony-diensten-homepage h2{
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  position: absolute;
  font-size: 36px;
  color: #E9BB80;
}

.tony-diensten-homepage p{
  color:white;
  font-family: 'Courier New', Courier, monospace;
}

.contact-homepage {
  background:rgba(0, 0, 0, 0.9);
  border-radius: 0px;
}
.contact-homepage h2{
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  font-size: 36px;
  color: #E9BB80;
}
.contact-homepage p{
  color:white;
  font-family: 'Courier New', Courier, monospace;
}

.wpforms-field-container {
  width:100%!important;
  margin: 0 auto!important;
}

.wpforms-field-container input{
  max-width: 100%!important;
}

.wpforms-field-container label{
  font-family: 'Courier New', Courier, monospace!important;
  color: white!important;
}

header{
  background-color: black;
}
.header-logo{
  transform: translate(5%,15%)!important;
}
.navbar{
  background-color: transparent!important;
  color: white;
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  font-size: 24px;
  height:100%!important;
  margin-right: 20px;
}
#navbarNav li a{
  text-decoration: none!important;
  color:white!important;
  padding: 5px 10px;
  margin: 0 5px;
}
#navbarNav li {
  list-style: none;
}

#navbarNav {
  justify-content: flex-end;
  margin: 1.5rem 0;
}



.custom-logo-link img{
  width: 105px!important;
  height:auto!important;
  padding: 10px;
}

.youtube-video, .youtube-video iframe, .youtube-video-item iframe{
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 16/9; /* Set the aspect ratio to 16:9 */
}


.single-recent-post-wrapper a{
  color: white;
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  font-size: 24px;
}
.single-recent-post-thumbnail img, .single-video-recent-post-iframe iframe{
  width:350px!important;
  height:auto!important;
  object-fit: cover;
  aspect-ratio: 1/1; /* Set the aspect ratio to 16:9 */
}

.single-post-info-wrap{
  max-width:700px;
  margin: 50px auto;
}

.single-recent-post-wrapper a img{
  border-radius: 6px;
  overflow: none;
}

.single-recent-post-wrapper a h3{
  z-index: 3!important;
}
.single-recent-post-wrapper a img{
  z-index: 1!important;
}
.single-recent-post-img-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 2!important;
}
.single-recent-post-wrapper a:hover div, .single-recent-post-wrapper a:active div{
  background-color: rgba(0, 0, 0, 0.2);
}

.single-recent-post-wrapper a:hover h3, .single-recent-post-wrapper a:active h3{
  text-shadow: 2px 2px 2px black,
               -2px -2px 2px black,
               2px -2px 2px black,
               -2px 2px 2px black;
  color: #E9BB80;
}

.project-entry-content, .custom-post-excerpt{
  font-family: 'Courier New', Courier, monospace;
}

.social-button-footer a{
  color: white;
}
.social-button-footer a:hover, .social-button-footer a:active{
  color: #E9BB80;
}

footer h2{
  font-size: 32px;
  color: #E9BB80;
}
footer h3{
  font-size: 16px;
  color: white;
}
.footer-wrap{
  background-color: black;
}
.footer-contact-info a, .footer-legal{
  color: white;
}
.footer-contact-info a:hover, .footer-contact-info a:active{
  color:#E9BB80;
}

.home-about-mobile{
  background-color: black;
  color: white;
  font-family: 'Courier New', Courier, monospace;
}
.home-about-mobile h2{
  top: -0px;
  font-size: 32px;
  width: 75%;
  font-family: 'SCRIPT1 Script Casual', sans-serif;
  color: #E9BB80;
  text-align: center;
  text-shadow: 2px 2px 2px black,
               -2px -2px 2px black,
               2px -2px 2px black,
               -2px 2px 2px black;
  left:10%;
  right:10%;

}

.tony-diensten-homepage p{
	display: none;
}


@media (max-width: 576px) {
  .tony-diensten-homepage img{
    right: 250px;
    transform: rotate(16deg);
    width: 180px;
    height: auto;
    margin-top:-54px;
    margin-left: 138px!important;
  }
  .home-about-mobile h2{
    top:-125px;
  }
  .minh-vh90{
    min-height: 65vh!important;
  }
}
@media (max-width: 330px) {
  .tony-diensten-homepage img{
    right: 0px;
    transform: rotate(16deg);
    width: 180px;
    height: auto;
    margin-top:30px;
    margin-left: 0px!important;
    position: relative!important;
  }
  .contact-homepage h2{
    font-size: 20px;
  }
  .contact-homepage p{
    font-size: 12px;
  }
  .home-about-mobile h2{
    top:-180px;
  }
  .minh-vh90{
    min-height: 65vh!important;
  }
  
}
@media (max-width: 992px) {
  .menu-item{
    width: 100%;
    display: block;
    text-align: center;
  }
}
@media (min-width: 576px) {
.minh-vh90{
  min-height: 65vh!important;
}
.home-about-mobile h2{
  top:-80px;
}
.youtube-video, .thumbnail-wrapper{
  order: 1;
}

.project-page-articles:nth-child(even) .youtube-video, .project-page-articles:nth-child(even) .thumbnail-wrapper {
  order: 2;
}
.article-info-wrap{
  order: 2;
}
.project-page-articles:nth-child(even) .article-info-wrap {
  order: 1;
}
}

@media (min-width: 768px) {
  .project-page-articles img{
    height:400px!important;
  }
  .about-tony-diensten-bubble {
    width: 200px!important;
    height: 200px!important;
    font-size: 12px;
    border-radius: 50%;
    padding:0;
  }
}
@media (min-width: 992px) {
  .project-page-articles .article-info-wrap{
    
    background-color:rgba(0, 0, 0, 0.9);
    color:white;
    width:300px;
    top:0;
    right:0;
    bottom:0;
  }
  .project-page-articles img{
    object-fit:cover;
    width:100%!important;
    height:500px!important;
  }
  .about-tony-diensten-bubble {
    width: 300px!important;
    height: 300px!important;
    font-size: 16px;
    border-radius: 50%;
    padding:0;
  }
  .about-tony-diensten-bubble img{
    width:120px;
  }
  .tony-diensten-homepage {
    background:rgba(0, 0, 0, 0.9);
    border-radius: 11px;
    padding-top: 98px!important;
    margin: auto 0;
  }
  .contact-homepage {
    background:rgba(0, 0, 0, 0.9);
    border-radius: 11px;
  }
  .minh-vh90{
    min-height: 85vh!important;
  }
	.tony-diensten-homepage p{
	display: block;
}
	#navbarNav:first-child {
  margin-left: auto;
}
}

#navbarNav .menu-item a:hover, #navbarNav .menu-item a:active{
  color: #E9BB80!important;
  text-shadow: white 0px 0px 15px;
}


.project-entry-content p{
  word-wrap: break-word;
  word-break: break-all;
}

.wpforms-submit{
  background-color: #E9BB80!important;
  color: black!important;
  font-family: 'SCRIPT1 Script Casual', sans-serif;
}
.wpforms-submit:hover, .wpforms-submit:active{
  background-color: #ffffff!important;
}