/* Required for full background image */
html,
body,
header,
.view {
  height: 100%;
  
}

body {
  font-family: 'Open Sans', sans-serif;
}

/* Thick red border */
hr.new4 {
  border: 1px solid red;
}

hr.new4b {
  border: 1px solid blue;
}

hr.new4g {
  border: 1px solid green;
}

html {

  scroll-behavior: smooth;

}

.bg-light {
	background-color: #EBEBEB !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
}
/* Navbar scroll farge */

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #4169E1;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #4169E1;
  }
}

@media (max-width: 768px) {
  .social-links {
    margin-top: 100px;
  }
}

.navbar .active {

	background-color: red;
	opacity: 0.8;
	border-radius: 5%;
}

footer {

  background-color: #4169E1 !important;

}

/* Smil logo */
#smil_logo {

border-radius: 50%; 
height: 50px; 
width: 50px; 
margin-right: 10px; 
padding: 5px;

}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* Navbar scroll farge slutt */

/* Farge tabell tr */
.blue {
	color: red;
	background-color: blue;
}
/* Slutt Farge tabell tr */


/* Skjule knapp spillerstall på mindre skjermer */
@media screen and (max-width: 800px) {
	#buttonsort {
		display: none;
	}
}
/* End buttonsort */


/* Facts Section
--------------------------------*/
#facts {
  background: white;
  padding: 80px 0 60px 0;
}

#facts .counters span {
  font-size: 48px;
  display: block;
  color: blue;
}

#facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}
/*---------------------------------------------------- */

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/

.section-header .section-title {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 5px;
}


.section-header .section-description {
  text-align: center;
  padding-bottom: 40px;
  color: #999;
}

/*----------------------------------------------------*/

#get-started:hover {
  background: blue;
  border: 2px solid red;
}
/* End of get started */


/* Historie seksjon */

/* Styler boksen med intro til historie-seksjon */
.box {

	padding: 50px 20px;
	margin-bottom: 50px;
	text-align: center;
	border: 1px solid #e6e6e6;
	height: 300px;
	position: relative;
	background: #fafafa;

}
/* Slutt på historie seksjon */




/*-----------------*/
/* Kontakt seksjon */
/*-----------------*/

#contact .info1 i {
  font-size: 32px;
  color: blue;
  margin-left: 100px;
}

#contact .info1 p {
  padding: 0 0 10px 50px !important;
  margin-bottom: 20px !important;
  line-height: 22px;
  font-size: 14px;
}


/* Slutt på kontakt seksjon */