/*
Theme Name: Simogo
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: poe
Text Domain: simogo
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, wide-blocks, 
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Gör att gamebilden zoomar vid hoover ------------------------------ */
.zoom-img {
    overflow: hidden;
  }
  
  .zoom-img  img {
    width: 100%;
    height: auto;
    transition: all .2s ease-in-out;
  }
  
  .zoom-img img:hover   {
    transform: scale(1.15);
  }
  
/* Fixar avbrytarlinjerna */
  .wp-block-separator {
      height: 1px;
      border: none;
  }
/* Fixar vertikal alignment på svgs på pages */
  .wp-block-image img {
      vertical-align: middle; !important
  }
/* Fixar vertikal alignment + storlek på svgs på frontpage */
  .fp-folder.wp-block-image img {
      vertical-align: top; !important
  }

/* Gör att bilder på startsida blir transparenta vid hoover ------------------------------ */
.opacity-img a{
  opacity: 1.0;
}

.opacity-img a:hover {
	opacity: 0.9;
}
/* Ändrar färg på länkar som är besökta ------------------------------ */
.outside a:visited {
	color: #777979;
}
/* Olika justeringar beroende på sceen size, webkit delen gör att text inte skalas i landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body {-webkit-text-size-adjust: none;}
}
@media only screen and (max-device-width : 670px){
  p, p a { 
	  font-size: 17px;
	}
	
  h2, h2 a { 
	font-size: 17px;
	}
	
  h3, h3 a { 
	font-size: 14px;
	}

  h6 { 
	  font-size: 16px!important;
	}
}
/* Olika justeringar av kolumnblock på startsidan beroende på sceen size */ 
@media (min-width:512px) {
  .fp.wp-block-columns {
    flex-wrap:nowrap!important;
  }
}

/* Göm element på mobil, screens under 511px */
@media only screen and (max-width:512px) {
  .hidemobile { display:none }
}