@charset "UTF-8";
@import url("Textstyles.css");
/* CSS Document */

@font-face {
font-family: "Svenska Spel Platform Web";
src: url("fonts/SvenskaSpelPlatform-Regular-Web.woff2") format("woff2"),
url("fonts/SvenskaSpelPlatform-Regular-Web.woff") format("woff");
font-weight: 400;
font-style: normal;
}

@font-face {
	font-family: "Svenska Spel Platform Web";
	src: url("fonts/SvenskaSpelPlatform-Medium-Web.woff2") format("woff2"),
		     url("fonts/SvenskaSpelPlatform-Medium-Web.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	}

@font-face {
	font-family: "Svenska Spel Platform Web";
	src: url("fonts/SvenskaSpelPlatform-Bold-Web.woff2") format("woff2"),
		     url("fonts/SvenskaSpelPlatform-Bold-Web.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	}

body {
	font-family: "Svenska Spel Platform Web";
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	background-image: url('../images/BakgrundToning.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	padding-top: 0px;
	background-color: #0d0d0d!important;
	letter-spacing: 0.5px;
}

	 p.videocapture { padding: 20px 150px 50px 150px!important; font-size: 14px; line-height: 19px; }


.carousel-indicators li {
	width: 10px;
}

a:link {
	color: #7e5d2c;
}
a:visited {
	color: #7e5d2c;
}
a:hover {
	color: #7e5d2c;
	text-decoration: underline;
}
a:active {
	color: #7e5d2c;
}


/* Toggler */
          
.custom-toggler .navbar-toggler-icon { 
	display: none!important;
	background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
        } 
/* Navigation */
.navbar {
	position: fixed; /* Set the navbar to fixed position */
  	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
	overflow: hidden;
	z-index: 100;
	display: none!important;
}

.navbar-brand a:hover {
	border-bottom: 0px!important;
}
.navbar a {
  	border-bottom: 2px solid transparent!important;
	display: inline-block!important;
	text-decoration: none!important;
    margin-left: 20px;
	padding-left:0px!important;
	padding-right:0px!important;
}

.nav-link {
	padding-bottom: 2px!important;
}

.navbar a:hover {
	color: #ebba73!important;
  	border-bottom: 2px solid #ebba73!important;
}

.navbar a.active {
	color: #ebba73!important;
  	border-bottom: 2px solid #ebba73!important;
}

.allCenter {
	text-align: center;
}
.secSpacer {
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: red;
}
.conSpacer {
	padding-top: 30px;
	padding-bottom: 30px;	
}
.bg-light {
	background-color:#0d0d0d !important;
}
*.navbar-light .navbar-nav .nav-link {
    color: rgba(216,170,93,1);
}
.bgheader {
	background-color: transparent;
}

.bgfaq {
	background-color: #0d0d0d;
	background-image: url('../images/Faq.jpg');
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	padding-top:350px; 
	padding-bottom: 200px;
	padding-right: 200px;
}

.bgprogram {
	/* background-image: url('../images/Program.jpg'); */
	background-color: #0d0d0d;
	background-size: cover;
	background-position: top center;
	padding-top: 0px;
	padding-bottom: 75px;
}

.bgopas {
	background: rgba(255,255,255,0.5);
}
.program {
	margin-left: 35px;
	margin-right: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.bganmalan {
	background-color: #0d0d0d;
	background-image: url('../images/Anmalan.jpg');
	background-size: cover;
	background-position: top center;
	padding-top: 190px;
	padding-bottom: 0px;
}
.bginfo {
	background-color: #0d0d0d;
	border-top: 1px dotted#ebba73;
}
.bgnominerade {
	background-color: #0d0d0d;
	background-image: url('../images/Nominerade.jpg');
	background-size: contain;
	background-position: top center;
}
.bgdeltagare {
	background-color: #0d0d0d;
	background-image: url('../images/Deltagare.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 250px;
}
.bgkontakt {
	background-color: #0d0d0d;
/*	background-image: url('../images/Kontakt.jpg'); */
	background-size: cover;
	background-position: top center;
	padding-top: 0px;
}
.bgbilder {
	background-color: #0d0d0d;
	background-image: url('../images/Bilder.jpg');
	background-size: cover;
	background-position: top center;
}
.btn-primary {
    color: #1D0010 !important;
    background-color: #ebba73;
    border-color: #ebba73;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #ffffff!important;
    background-color: #B88740;
    border-color: #B88740;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 15px;
    font-size: 13pt;
    line-height: 17pt;
    border-radius: 22px;
	font-weight: 600;
	width: 190px;
}
.textspacer-10 {
	display:block;
    margin-top: 10px !important;
}
.margImg {
	margin-bottom:50px;
}

/* Carousell */
.img-fluid {
	width: 100%;
}
.img-fluid2 {
	width: 125px;
}

#carousel-custom {
    margin: 20px auto;
    width: inherit;
}
#carousel-custom .carousel-indicators {
    margin: 20px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: inherit;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	
	  
	p.videocapture { padding: 20px 50px 50px 50px!important; }


	
	    .bgheader {
	}
	.header-700 {
		max-width: 700px;
		margin: auto;
		padding-top: 50px;
	}
	.rowpadding {
		padding-bottom: 0px;
	}
	.buttonspace {
		margin-bottom: 30px;
	}
	.margImg {
	margin-bottom:15px;
	}
	.buttspace {
		padding-bottom:20px;
	}
	.rubgold-20 {
    font-size: 18pt;
    font-weight: 500;
    line-height: 18pt;
	color: #ebba73;
	border: dashed 1px #ebba73;
	padding: 18px 0 30px 0; 
	margin-bottom: 30px;
	width: 95%;
	margin-left: 1%;
	text-align: center;
}
	  
}

@media (min-width: 576px) {
	    .bgheader {
	}
	.header-700 {
		max-width: 700px;
		margin: auto;
		padding-top: 50px;
	}
	.rowpadding {
		padding-bottom: 0px;
	}
	.buttonspace {
		margin-bottom: 30px;
	}
	.margImg {
	margin-bottom:15px;
	}
	.buttspace {
		padding-bottom:20px;
	}
	

}

@media (min-width: 768px) {
	

	    .bgheader {	}
	.header-700 {
		max-width: 700px;
		margin: auto;
		padding-top: 50px;
	}
	.rowpadding {
		padding-bottom: 30px;
	}
	.buttonspace {
		margin-bottom: 0px;
	}
	
	.rubgold-20 {
    font-size: 18pt;
    font-weight: 500;
    line-height: 18pt;
	color: #ebba73;
	border: dashed 1px #ebba73;
	padding: 18px 0 30px 0; 
	margin-bottom: 30px;
	width: 95%;
	margin-left: 1%;
	text-align: center;
}
}

@media (min-width: 992px) {
			.navbar-nav {
			margin:0 auto!important;
				display: none!important;
		}
}