/*
Theme Name: SHF v.2.0
Theme URI: http://www.salahebyfotboll.se
Description: SalaHebyFotboll v.2.0
Author: Carl-Henrik Rapp
Author URI: http://www.rappfoto.se
Version: 2.0 Beta
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font-family: 'Oswald', sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: blue; text-decoration:none;}
a:hover {color: #000; text-decoration:none;}
a:visited {color: blue; text-decoration:none;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #000; color: #fff; text-shadow: none;}
::selection {background: #000; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #000;}

ins {background-color: #000; color: #fff; text-decoration: none;}
mark {background-color: #000; color: #fff; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/


h1 a, h1 a:visited
{
color: #000;
}

.latest-news a, .latest-news a:visited
{
color: #000;
}

article a, article a:visited
{
color: #000;
}

.shf-article a, .shf-article a:visited
{
color: #0000ff;
}

.newscat a, .newscat a:visited
{
color: #000;
}

.categorylinks a, .categorylinks a:visited
{
color: #000;
font-size:14px;
background-color: #f7f7f7;
border: 1px solid #efefef;
padding: 7px;
text-transform:uppercase;
margin-right: 5px;
display:block;
float: left; 
margin-bottom:10px;




}



.wp-pagenavi { display:block; font-size: 12px; clear:both;}
.wp-pagenavi a, .wp-pagenavi a:link { font-size: 14px; text-transform: uppercase; background:#f7f7f7 !important; padding: 5px !important; margin: 4px !important; text-decoration: none !important; border:1px solid #efefef !important; color: #000 !important; font-weight: normal !important; }
.wp-pagenavi span.pages { background:#f7f7f7 !important; padding: 5px !important; margin: 4px !important ; border: none !important; color: #000 !important; background: none !important; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { background:#f7f7f7 !important; padding: 5px !important; margin: 4px; font-weight: bold; border:1px solid #efefef !important; color:#000 !important; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active {}
.wp-pagenavi a:hover { color: #000 !important; }




#header-menu a:link{text-decoration:none;color:#fff;font-weight:bold;}
#header-menu a:visited{text-decoration:none;color:#fff;font-weight:bold;}
#header-menu{background:#000;width:100%;position:relative}
#header-menu:after{content:"";clear:both;display:block;width:100%;}

.logo{float:left;padding:0px; height:60px; }
.logo a{font-size:28px;display:block; height:60px;}
.gom{display:block;}
.gom2 {display:none;}
nav{float:right;}
nav>ul{float:left;position:relative}
nav li{list-style:none;float:left}
nav .dropdown{position:relative}
nav li a{float:left;padding-top:18px;padding-bottom:18px;padding-left:20px; padding-right:20px;}
nav li a:hover{background:#505050;}
nav li ul{display:none}
nav li:hover ul{display:inline}
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:20px 0;background:#505050;z-index:1000;}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 35px;font-size:13px;width:auto;}
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#505050;overflow:hidden;padding:20px 35px;z-index:1000;}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{background:#323232;color:#fff;}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:15px;display:none}
#menu-icon span{border:2px solid #fff;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s







}







#kategorierna {
    display: none;
}


.categorylinks2 a, .categorylinks2 a:visited
{
color: #000;
font-size:14px;
background-color: #f7f7f7;
border: 1px solid #efefef;
padding: 7px;
text-transform:uppercase;
margin-right: 5px;
display:block;
float: left; 
}




.searchwp-live-search-result a

{
color: #000;
}


.centerdown
{
padding-top:0px;
}








#parent div {
    display:none;

}
#parent div:first-child {
    display:block;
}
div{}

#parent > div{
    width: 100%; 
    height: 100%; 
  background: #f7f7f7;
border: 1px solid #efefef;
padding:10px;
}









#parent a

{

color:#000;

}



.stodmedlemsruta {



    width: 100%; 
    height: 100%; 
  background: #f7f7f7;
border: 1px solid #efefef;
padding:10px;

}





.nomenuclickgone
{
pointer-events: none; 
cursor: default;
}


.annonsruta
{
background: #f7f7f7;
border-bottom: 1px solid #efefef;
padding:10px;
}



.main-content-sidebar a
{
color: #000;
}
.main-content-sidebarindex a
{
color: #000;
}
.taggat a, .taggat a:visited, .relatedthumb a, .relatedthumb a:visited
{
color: #000;
}


.wp-embed {
	width:100% !important;
	min-height:250px !important;
}

.wp-polls-ul input
{
width: auto;
}

.senastenytt-head
{
background-color: #000;
padding:10px;
color: #fff;
font-size: 24px;
            display: flex;
			align-items: center;
}

.gallerythumb
{
    width: 200px;
	padding-right: 20px;	padding-bottom: 20px;
	float:left;
}





.gallery-all a
{
    color: #000;
}




.buttons a {
  font-size: 16px;
}
.buttons a:hover {
  cursor:pointer; 
  font-size: 16px;
}


.showunder1000
{
display:none;
}

.main-content-leftindex
{
float:left;
width: 600px;
}

.main-content-sidebarindex
{
float:right;
width: 320px;
padding-left: 30px;
padding-right: 10px;
}





.senastenytt a

{
  font-weight: 600;
}


.senastenytt
{


border-bottom: 1px solid #efefef;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:0px;
}

.senastenytt:nth-child(even)
{
background: #f7f7f7;

}

.newscat:empty {
   display: none;
}




.stickyimage { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.stickyimagetext { 
   position: absolute; 
   top: 0; 
   right: 0; 
   width:auto; 
   padding: 10px;
       background: rgba(0, 0, 0, 0.8);
    color: #FFF;
}




.tvimage { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.tvimagetext { 
   position: absolute; 
   top: 40%;
	right: 40%; 
   width:auto; 
}



.wp-embedded-content {
	width:100% !important;
	min-height:250px !important;
}
 

figure {
    position: relative;
}
figure img {
    display: block;
    width: 100%;
    height: auto;
}
figcaption {
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.news-slider
{
display:none;
}
.dontshowhr
{
display:none;
}


.liveupdate:nth-child(1)
{
background: #fdfd7b;

}
.workers
{
width: 49%;
margin-right: 1%;
padding: 2%;
float:left;
}

.textmassa
{
float:left;
width: auto;
}
.reklammassa
{
width: 250px;
padding-left:30px;
float:right;
}


















.workers2
{
width: 49%;
margin-left: 1%;
padding: 2%;
float:left;
}


       .liveupdate
        {
            display: flex;
			align-items: center;
			padding: 1%;
			width: 100%;
			background-color: #ededed;
			border-bottom: 1px solid #fff;
}



       .spelarbors
        {
            display: flex;
			align-items: center;
			padding: 1%;
			width: 100%;
			background-color: #fff;
}

.circular 
{
	width: 50%;
	height: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;

}

.center-sponsors
{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
}


.footer-col2 a:link, .footer-col2 a:visited
{
color:#fff;
}
.footer-col3 a:link, .footer-col3 a:visited
{
color:#fff;
}
.footer-col a:link, .footer-col a:visited
{
color:#fff;
}

.Site {
  display: flex;
  flex-direction: column;
  height: 100vh; /* 1 */
}
.Site-header {
  flex-shrink: 0; /* 2 */
  color: #fff;
}

.Site-footer
 {
  flex-shrink: 0; /* 2 */
  background-color: #000;
  padding: 2%;
  color: #fff;
}



.category_items div:nth-child(n+2) 
{
    display: none;
}




/* Search Style */ 
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 1060000000000000000;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top:  1px solid #fff;
  	border-bottom:  1px solid #fff;
  	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 5px;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 1%;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
}

#search .close:hover{
  color: #fff;
  cursor: pointer;
}


.Site-content {
  flex: 1 0 auto; /* 2 */
  background-color: #fff;
  margin-bottom: 50px;
  margin-top: 20px;
}
.header-content
{
width: 100%;
margin-left: auto;
margin-right: auto;
}
.header-content-center
{
max-width: 960px;
margin-left: auto;
margin-right: auto;
}

.shf-gallery
{
margin-left: auto;
margin-right: auto;
width: 100%;
background-color: #ededed;
}
.shf-gallery-item
{
float:left;
padding: 5px;
}

.main-content
{
width: 100%;
margin-left: auto;
margin-right: auto;
}

.main-content-center
{
max-width: 960px;
margin-left: auto;
margin-right: auto;
}



.category-menu
{
background-color:#cbcdce;
width:100%;
border-bottom: 1px solid #959e9c;
margin-bottom: 3%;
}
.category-menu-content
{
padding: 0.5%;
font-size: 120%;
max-width: 960px;
margin-left: auto;
margin-right: auto;

}
.newscat
{
background-color: #cbcece;
padding: 1%;
text-transform:uppercase;
margin-top:15px;
margin-bottom:20px;
margin-right: 5px;
display:block;
float: left; 
}
	

.wp-polls .Buttons
{
background-color: #cbcece;
padding: 1%;
text-transform:uppercase;
display:block;
font-weight:bold;
}
	

	
.timeposted
{
font-size: 80%;
margin-left :1px;
display:block;
float: left;
margin-top: 5px; 

	}
	
.watchtime
{
font-size: 80%;
margin-top:3px;
margin-left :1px;
display:block;
float: left; 


}

.ingress
{
font-weight:bold;
font-size: 140%;
}


.taggat { 
display: flex;
align-items: center;
}




	
	blockquote {
  background: #f5f5f5;
  font-size: 1.2em;
  font-weight:bold;
  border-left: .7em solid #ccc;
  margin: 2em .5em;
  padding: .1em 1em;
  line-height: 1.5em;
  width:70%;
  quotes: "\201C""\201D";
}

blockquote:before {
  font: Georgia;
  color: #808080;
  content: open-quote;
  font-size: 4em;
  line-height: 0;
  vertical-align: -.41em;
  padding: 0 .1em 0 .1em;
  }

blockquote:after {
  font: Georgia;
  color: #808080;
  content: close-quote;
  font-size: 4em;
  line-height: 0.3em;
  margin-right: 0.25em;
  vertical-align: -0.57em;
  padding: 0 0 0 .1em
}

blockquote:first-child {
  display: absolute;
  padding-top: 1.3em;
}

blockquote:last-child {
  display: absolute;
  }

aside.premiumsponsorer {
  background-color: #f9f9f9;
  display: block;
  width: 100%;
  text-align:center;
  padding: 20px;

}	
	

.relatedthumb {
    display:inline-block;
    width: 33.33%;
	padding-left: 1%;
	padding-right: 1%;
	text-align:center;
	float:left;
}





.img-circular {
    border-radius: 50%;
	float:left;
	 width: 50px;
    height: 50px;
	margin-right: 20px;
	border:1px solid #efefef;

}

.latest-news-thumbs
{
float:right;
padding-left: 6px;
}
.latest-news
{
padding-bottom: 15px;
}

h1
{
font-size: 35px;
padding:0;
margin-bottom:10px;
font-weight:bold;
}


h2
{
font-size: 28px;
padding:0;
margin:0;
}


.shf-gallery-heading 
{
font-size: 28px;
padding:0;
margin:0;
}






.img-live {
    border-radius: 50%;
	float:left;
	 width: 32px;
    height: 32px;

}




.footer-col h3, .footer-col2 h3, .footer-col3 h3
{
font-size: 28px;
}

h3
{

    font-size: 50px;
    padding: 0;
    margin: 0;

}

.betygruta
{
background-color:#f7f7f7; 
padding:20px; 
border: 1px solid #ededed; 
width:300px;

}

.swishbidrag
{
background-color:#f7f7f7; 
padding:5px; 
border-left: 1px solid #ededed;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed; 
width:33%;
float:left;

}
.swishbidrag2
{
background-color:#f7f7f7; 
padding:5px; 
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed; 
width:33%;
float:left;

}
.swishbidrag3
{
background-color:#f7f7f7; 
padding:5px; 
border-right: 1px solid #ededed;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed; 
width:33%;
float:left;

}

.main-content-left
{
width: 960px;
}

.main-content-sidebar
{
float:right;
width: 300px;
background-color:#f7f7f7; 
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
border:1px solid #efefef;
margin-left:20px;
margin-bottom:53px;
clear:both;
}

.main-content-sidebar hr
{
border-top: 1px solid #efefef;
}


.alignleft
{
float:left;
}
.putleft
{
float:left;
}

.alignright
{
float:right;
}
.putright
{
float:right;
}


.header-menu
{
width: 100%;
background-color: #242121;
margin-left: auto;
margin-right: auto;
	padding: 3px;
	border-bottom: 1px solid #4c4747;
}
.header-menu-content
{
background-color: #242121;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}



.menytext
{
font-size: 80%;
font-weight: bold;
}





.tipslangd
{
width:auto;
}








/* Add a black background color to the top navigation */
.topnav {
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #333333;
    text-align: center;
    text-decoration: none;
	margin-right: 1px;
		padding: 3px;
		font-size: 77%;
}

/* Change the color of links on hover */
.topnav a:visited {
    color: #333333;
}


/* Change the color of links on hover */
.topnav a:hover, .topnav2 a:visited {
    color: #1b1919;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}




/* Add a black background color to the top navigation */
.topnav2 {
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav2 a {
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
	margin-right: 5px;
		padding: 3px;
		font-size: 82%;
}

/* Change the color of links on hover */
.topnav2 a:visited {
    color: #fff;
}


/* Change the color of links on hover */
.topnav2 a:hover, .topnav2 a:visited {
    color: #fff;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav2 .icon2 {
    display: none;
}



.footer-col
{
float:left;
width: 33%;
}
.footer-col2
{
float:left;
width: 30%;
padding-left: 3%;
}
.footer-col3
{
float:left;
width: 33%;
}




.sociallinks li
{

	font-size: 25px;
    display: block;
	float:left;
	padding-right: 10px;

}











.showpremium {
display:none;
}

.clear
{
clear:both;
}








@media print {

}

@media screen and (max-width: 1000px) {
  

.main-content, .main-content-center
{
display:block;
max-width:100%;
}


.mks_ads_widget .small li,
.mks_ads_widget ul.custom li,
.mks_adswidget_ul.small li,
.mks_adswidget_ul.custom li{
	display: block;
	margin-right: 3px;
	margin-bottom: 0;
}
.dontshowhr
{
display:block;
}


aside.premiumsponsorer {
  background-color: #f9f9f9;
  display: block;
  width: 100%;
  text-align:center;
  padding: 20px;

}	
	

.showpremium {
display:block;
}


.breakout
{
  margin-left:-2.6%;
  margin-right:-2.5%;
}
.mobilehide
{
display:none;
}



.footer-col
{
display:block;
float:none;
width: 100%;
padding: 5%;
border-bottom: 1px solid #fff;
}
.footer-col2
{
display:block;
float:none;
width: 100%;
padding: 5%;
border-bottom: 1px solid #fff;
}
.footer-col3
{
display:block;
float:none;
width: 90%;
padding: 5%;
}
.center-sponsors
{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
width:30%;
height:30%;
}

.push-content
{
padding-left: 2.5%;
padding-right: 2.5%;
}


.main-content, .main-content-center, .main-content-left
{
display:block;
width:100%;
}


.main-content-leftindex
{
display:block;
width:100%;
}


.putleft
{
display:none;
}
.putright
{
display:block;
width: 100%;
}


.main-content-sidebar
{
display:none;

}



.main-content-sidebarindex
{
display:block;
width: 100%;
padding:0;
margin:0;

}

.push-mobile
{
padding-left: 2.5%;
padding-right: 2.5%;
}

h2
{
font-size: 50px;
padding:0;
margin:0;
}
.kronikor
{
font-size: 30px;
}

.footer-col h3, .footer-col2 h3, .footer-col3 h3
{
font-size: 28px;
}


.showunder1000
{
display:block;


}

.news-slider
{
display:block;
width: 100%;
}


}



@media print {

}

@media screen and (max-width: 960px) {
 

.annonsorer
{
width:50%;
margin:0px auto;
text-align:center;
}

.center-sponsors
{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
width:75%;
height:75%;
}

.swishbidrag
{


border:0px;
background:#fff;
float:none;
width:280px;

}
.swishbidrag2
{
background-color:#f7f7f7; 
padding:5px; 
border: 1px solid #ededed;
margin-top:20px;
float:none;
width:280px;

}
.swishbidrag3
{
display:none;

}
}







@media only screen and (min-width: 960px) {
  nav{display:block!important}
}








@media only screen and (max-width: 959px) {
  nav{display:none;width:100%;clear:both;float:none;}
  #menu-icon{display:inline;top:31px;cursor:pointer}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}

  nav{padding:10px}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #header-menu nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header-menu nav a{color:#fff;}
  #header-menu nav a:hover{background:#fff;color:#333;border-radius:3px}
  #header-menu nav ul li li a:before{content:"- "}
 .logo{float:left;padding:0px; height:60px;display:block;}
  .mega-col{width:100%}
}







/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}

@media screen and (max-width: 767px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
    .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;

}

.center-sponsors
{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
width:100%;
height:100%;
}

.showunder1000
{
display:block;

}

.Site-content {

  margin-top: 0px;
}

  .topnav2 a:not(:first-child) {display: none;}
  .topnav2 a.icon2 {
    float: right;
    display: block;
  }
  
    .topnav2.responsive2 {position: relative;}
  .topnav2.responsive2 a.icon2 {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav2.responsive2 a {
    float: none;
    display: block;
    text-align: left;

}
.news-slider
{
display:block;
width: 100%;
}
.mobilehide
{
display:none;
}

.dontshowhr
{
display:block;
}

.main-content-sidebar
{
display:none;
}


.footer-col
{
display:block;
float:none;
width: 100%;
padding: 5%;
border-bottom: 1px solid #fff;
}
.footer-col2
{
display:block;
float:none;
width: 100%;
padding: 5%;
border-bottom: 1px solid #fff;
}
.footer-col3
{
display:block;
float:none;
width: 90%;
padding: 5%;
}
.center-sponsors
{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
}

.push-content
{
padding-left: 2.5%;
padding-right: 2.5%;
}


.main-content, .main-content-center, .main-content-left
{
display:block;
width:100%;
}


.putleft
{
display:none;
}
.putright
{
display:block;
width: 100%;
}

.push-mobile
{
padding-left: 2.5%;
padding-right: 2.5%;
}

h3
{
font-size: 50px;
padding:0;
margin:0;
}
.kronikor
{
font-size: 30px;
}

.footer-col h3, .footer-col2 h3, .footer-col3 h3
{
font-size: 28px;
}










.workers
{
width:100%;
display:block;
float:none;
}


.workers2
{
width:100%;
display:block;
float:none;
}











}





@media screen and (max-width: 600px) {
a.page.smaller, a.page.larger, span.extend {
	display: none;
	
}
} 

@media only screen and (max-width: 468px) {
	.gom2{display:block;}
	.gom{display:none;}
}