/*
Theme Name: Circuit Template
Theme URI: http://circuit.seoscale.nl/
Description: Circuit Template met bootstrap 5.3
Author: SEO Scale
Author URI: https://seoscale.nl/
version: 1.1
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:0 0 15px 15px}
.alignleft{float:left;margin:0 15px 15px 0}
.aligncenter{display:block;margin: 5px auto 5px auto}
a img.alignright{float:right;margin: 5px 0 20px 20px}
a img.alignnone{margin: 5px 20px 20px 0}
a img.alignleft{float:left;margin: 5px 20px 20px 0}
a img.aligncenter{display: block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* =Custom CSS
-------------------------------------------------------------- */
body{
	font:400 13px/22px 'Open Sans',sans-serif;
	color:#585858;
	background-image:linear-gradient(right bottom, rgb(223,86,65) 0%, rgb(135,92,133) 100%);
	background-image:-o-linear-gradient(right bottom, rgb(223,86,65) 0%, rgb(135,92,133) 100%);
	background-image:-moz-linear-gradient(right bottom, rgb(223,86,65) 0%, rgb(135,92,133) 100%);
	background-image:-webkit-linear-gradient(right bottom, rgb(223,86,65) 0%, rgb(135,92,133) 100%);
	background-image:-ms-linear-gradient(right bottom, rgb(223,86,65) 0%, rgb(135,92,133) 100%);
	background-image:-webkit-gradient(linear,right bottom,left top,color-stop(0, rgb(223,86,65)),color-stop(1, rgb(135,92,133)))
	background:#ed1c7e\9; /* IE 8 and below */
	*background:#ed1c7e; /* IE 7 and below */
	_background:#ed1c7e; /* IE 6 */
}




.navbar-default .navbar-nav>li>a{
	font:18px 'Righteous', cursive;
	text-transform:uppercase;
	color:#6a6a6a;
    background-color: #000;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background:#000;
}

.navbar-default{
	background-color:#000;
    border-color:#000;
	border-radius:0;
	margin-top:20px;
	margin-bottom:0;
}

.thumbnail-custom{
	border:0;
	border-bottom:3px solid #e5e5e5;
	position:relative;
	border-radius:0;
	padding:0
}
	.thumbnail-custom h3{
		font:18px 'Righteous', cursive;
		text-transform:uppercase;
		color:#ed1c7e;
		background:#fff;
		margin:0;
		padding:12px;
		position:absolute;
		top:10px;
		left:10px
	}

.row-narrow{
	margin:0;
	padding:35px 20px;
}

.bg-white{background:#fff;}
.bg-black{background:#000;}

footer{position:relative}
footer:before{
	position:absolute;
	top:0;
	left:50px;
    content:" ";
    display:inline-block;
    width:0;
    height:0;
    border-style:solid;
    border-width:20px 20px 0 20px;
    border-color:#fff transparent transparent transparent;
}

#copyright .row-narrow{
	padding:10px 20px
}
#copyright,
#copyright a{
	color:#000;
}

.btn-social i{
	margin:0 0 0 10px;
	font-size:30px
}

.btn-social .fa-facebook-square{
	color:#3B5998
}
.btn-social .fa-twitter-square{
	color:#4099FF
}
.btn-social .fa-linkedin-square{
	color:#007bb5
}
.btn-social .fa-google-plus-square{
	color:#dd4b39
}
.btn-social .fa-tumblr-square{
	color:#32506d
}
.btn-social .fa-youtube-square{
	color:#bb0000
}



#myCarousel{}
.carousel,.item,.active{height:100%;background:none}
.carousel-inner{height:100%;background:#000}
.fill{width:100%;height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999}
.carousel-fade .item{opacity:0;-webkit-transition:opacity 2s ease-in-out;-moz-transition:opacity 2s ease-in-out;-ms-transition:opacity 2s ease-in-out;-o-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out;left:0!important}
.carousel-fade .active{opacity:1!important}
.carousel-fade .left{opacity:0!important;-webkit-transition:opacity 0.5s ease-in-out!important;-moz-transition:opacity 0.5s ease-in-out!important;-ms-transition:opacity 0.5s ease-in-out!important;-o-transition:opacity 0.5s ease-in-out!important;transition:opacity 0.5s ease-in-out!important}
.carousel-fade .carousel-control{opacity:1!important}


/* Extra large devices (extra large desktops, 1400px and up)*/
@media (min-width: 1400px) 
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		max-width:1140px;
	}
}