/*
Theme Name: Wordpress Theme for Sint in Amsterdam
Theme URI: http://www.qikkeronline.nl
Description: Custom Wordpress Theme for Sint in Amsterdam
Author: Gerben van Dijk | Developer at Qikker Online
Version: 3.0
License: All rights reserved
*/


article .content.iframe{
    padding:0 !important;
}

.tabnav{
    margin-top:-20px;
    margin-bottom:50px;
    text-align:center;
}

.tabnav ul{
    display:inline-block;
    margin:0 auto;
}

.tabnav ul li{
    display:inline-block;
    padding:0 10px;
    margin:0 auto;
}

@media screen and (max-width: 767px){
    .tabnav ul li{
        padding:10px;
        display:block;
    }
}

.tabnav ul li a{
    color: color('white');
    font-size:18px;
    font-family: 'Holtwood One SC', Verdana, Arial, Helvetica, sans-serif;
}

.tabnav ul li a:hover, .tabnav ul li a:active, .tabnav ul li a.active{
    color: #D8232A;
    -webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}

.portlet-news a, .portlet-news a:visited, a.featured-link:hover, a.button:hover, a.ssba_facebook_share:hover, a.ssba_twitter_share:hover, ul.social-links li a:hover, ul.menu li a:hover, a.sponsorsen-wrapper:hover{
    text-decoration:none;
    color:#ffffff;
}

p.credits a:hover{
    color:#fff;
}

ul.sub-menu li a:hover{
    text-decoration:underline;
}

section.content-home .social-boxes>a, div.portlet a:hover, div.routes ul li a:hover{
    text-decoration:none;
}

body > footer .social-links .instagram img {
    display: none;
}

body > footer .social-links .instagram a:before {
    background-image: url('public/img/ic-share-instagram.png');
}

body > footer .social-links .instagram a:after {
    content: 'Instagram';
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
    padding-right: 30px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    body > footer .social-links .instagram a:before{
        background-image: url('public/img/ic-share-instagram_2x.png');
    }
}

aside .instagram {
    background-color: #262626;
}

aside .linkedin {
    background-color: #0072b1;
}

aside .youtube {
    background-color: #FF0000;
}

/*
   2023-10-25. Override Home page blocks
   by @cancrexodev
*/
@media(min-width:768px){
   div.container.featured-links-wrapper{
       margin:0 auto;


   }

   div.container.featured-links-wrapper >div{
       margin:-100px 0 0;
       text-align:center;

   }
   div.container.featured-links-wrapper >div >div{
    display:inline-block;
    float:none !important;

   }

}
div.container.featured-links-wrapper a.navigation{
   display:none !important;
}

/*2025-10-14 chatbot. 
By @cancrexodev*/
 #pietenbot-iframe {
	width: 400px;
 	height: 600px;
 }

 @media (max-width: 768px) {
 	#pietenbot-iframe {
 		width: 100vw;
 		height: 100vh;
 		bottom: 0;
		right: 0;
 		border-radius: 0;
 	}
 }