/* Doggie */

[data-block-id="3764"] .FlexCard-background>div
{
	filter: none !Important;
}

[data-block-id="3764"] .FlexCard-background
{
	background: rgba(0, 0, 0, 0.65) !Important;
}

[data-block-id="3764"] .Button
{
	font-size: 18px !Important;
}

[data-block-id="3764"] .FlexCard-content
{
	text-align: center;
}

[data-block-id="3764"] .Type
{
	display: none;
}

@media (min-width: 760px)
{
	[data-block-id="3764"] .FlexCard-title--large
	{
		font-size: 70px !Important;
	}
}

@media (max-width: 760px)
{
	[data-block-id="3764"] .FlexCard-title--large
	{
		font-size: 36px !Important;
	}
}

/* Cat */

[data-block-id="3752"] .FlexCard-background>div
{
	filter: none  !Important;
}

[data-block-id="3752"] .FlexCard-background
{
	background: rgba(0, 0, 0, 0.65) !Important;
}

[data-block-id="3752"] .FlexCard-content
{
	text-align: center;
}

[data-block-id="3752"] .Button
{
	font-size: 18px !Important;
}

[data-block-id="3752"] .Type
{
	display: none;
}

@media (min-width: 760px)
{
	[data-block-id="3752"] .FlexCard-title--large
	{
		font-size: 70px !Important;
	}
}

@media (max-width: 760px)
{
	[data-block-id="3752"] .FlexCard-title--large
	{
		font-size: 36px !Important;
	}
}

[data-block-id="12476"] .Hero-background--blur>div 
{
	filter: none !Important;
	opacity: .6 !Important;
}


[data-block-id="12476"] .Hero-background
{
	background: rgba(0, 0, 0, 0.75) !Important;
}

[data-block-id="12476"] .Hero-links a
{
	font-size: 18px !Important;
}

[data-block-id="12476"] .Hero-links a {
    	background: #26aae2 !Important;
	border: 1px solid #26aae2 !Important;
	padding: 13px 0px;
	min-width: 220px;
}

@media (max-width: 660px)
{
	[data-block-id="12476"] .Hero-links a
	{
		margin-top: 25px;
	}
	
	[data-block-id="12476"] .Hero-background>div
	{
		width: 120% !Important;
		height: 103% !Important;
	}
}

[data-block-id="12476"] .Hero-links a:hover 
{
    	background: #26bcfc !Important;
}


[data-block-id="5270"],[data-block-id="12212"]
{
    	margin-top: 1px !Important;
}

@media (max-width: 460px)
{

	[data-block-id="12212"] .StatusBox-figure
	{
		height: auto;
	}

	[data-block-id="11920"] .StatusBox-figure
	{
		height: auto;
	}

	[data-block-id="3814"] .StatusBox-figure
	{
		height: auto;
	}

}

.Hero-background {
	background: #333333 !important; 
}
.Hero-title {
    text-shadow: 2px 1px 2px rgba(71, 71, 71, 0.80) !important;
}

.Product-container {
    border: 1px solid #dddddd !important;
}
.Product-container:hover {
    border-color: #26aae2 !important;
}
.Product-container img {
    filter: brightness(0.95) !important;
    -webkit-transition: all 1s !important;
}
.Product-container:hover img {
    filter: brightness(1.08) !important;
    -webkit-transition: all 0s !important;
}
.Product-name{
	text-align: center !important;
}

.FlexCard-title {
	text-shadow: 2px 1px 2px rgba(71, 71, 71, 0.80) !important;
}

@media (max-width: 1020px)
{
	.u-md-show {
		display: none !important;
	}
	.Header-toggles {
		width: 100% !Important;
	}
}

@media (min-width: 760px)
{
	.Header-toggle {
		display: block !important;
	}
}

body.is-ie .Autocomplete {
	max-height: 380px !Important;
}
.Product-name--excerpt {
	font-size:16px;
	padding:15px;
}

.Product-name--excerpt h4 {
	font-size:22px;
	font-weight:500;
	margin-bottom:5px;
}

.Product-action.Product-action--block, .Hero-links a {
	color:#fff;
	margin-top:15px;
	padding:5px;
	text-align:center;
	background-color:#26aae2;
	border:1px solid #26aae2;
}

.Hero-links a {
padding: 12px 30px 12px 30px;
font-weight: 600;
}

.Product-action.Product-action--block:hover, .Hero-links a:hover {
	background-color:#26bcfc;
	border:1px solid #26bcfc;
}
.Product-action.Product-action--block:active, .Hero-links a:active {
	background-color:#2698c9;
	border:1px solid #2698c9;
}

.block.Grid-cell.Grid-cell--large {
	background-color:#d9d9d9;
}

.Product-image {
	background-color:#fff;
}

.StatusBox-body h4 {
	font-weight:500;
}
/* Cookie-bar */
.SiteMessage--cookie.ng-scope{
	background-color:rgba(245, 245, 245, 1);
	border-top:1px solid #d4d4d4;
	color:#3e3e3e;
}

.Type.Type--small.Type--inheritColor
{
	font-size:13px;
}

.Button--cookie{
	background-color:#26aae2;
	border:1px solid #26aae2;
}

.Button--cookie:hover, .Button--cookie:focus {
	background-color:#26bcfc;
	border:1px solid #26bcfc;
	color:#fff;
}

.Button--cookie:active {
	background-color:#2698c9;
	border:1px solid #2698c9;
	color:#fff;
}
	
@media(min-width: 950px) {
	
	.Type.Type--small.Type--inheritColor{		
		font-size: 13px;
	}
		
	.Type.Type--small.Type--inheritColor p {
		margin:0 auto;
		text-align:center;
	}

	.SiteMessage-body .Type p {
		line-height:51px;
	}	
		
	.Site-container.Site-container--cookie {
		position:relative;
		height:50px;
	}
	
	.SiteMessage-action .Button {
		height:27px;
		font-size:12px;
		padding:4px 24px;
		margin-top:13px;
	}
}
	
@media(max-width: 950px) {
	
    .Type.Type--small.Type--inheritColor{		
		font-size: 11px;
	}
	
	.Site-container.Site-container--cookie {
		position:relative;
		height:70px;
	}
	
	.SiteMessage-action {
		position:absolute;
		bottom:0;
		margin-left: 0;
	}
	
	.SiteMessage-body {
		position:absolute;
		top:0;
		margin-top: 7px;
	}
	
	.SiteMessage-body .Type p {
		line-height:1.8;
	}	
	
	.SiteMessage-action .Button {
		height:27px;
		font-size:12px;
		padding:4px 24px;
	}
	
	
	.Hero-title {
		line-height:42px;
	}
}

@media(max-width: 650px) {
	
	.SiteMessage-body .Type p {
		line-height:1.3;
	}	
}
[data-block-id="3846"] .Product-name {
                             text-align: left !Important;
}

/* Style for moderna site */
@font-face {
	font-family: 'Source Sans Pro Bold';
	src: url('https://www.tryg.fi/siteassets/styles/fonts/27sans-bold.woff') format('woff');
}

@font-face {
	font-family:  'Source Sans Pro Light';
	src: url('https://www.tryg.fi/siteassets/styles/fonts/27sans-light.woff') format('woff');
}

.Hero-title {
	text-shadow: none !important;
	font-family: 'Source Sans Pro Bold',Helvetica,Arial,sans-serif;
}

.block {
	font-family:  'Source Sans Pro Light',Helvetica,Arial,sans-serif;
}

.block p,
.block li {
	color: #262626 !important;
	font-size: 1.125rem;
	line-height: 1.666;
}

.block h2 {
	color: rgb(38, 38, 38);
	font-family: 'Source Sans Pro Bold',Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 1.875rem;
}

.block h3 {
	color: rgb(38, 38, 38);
	font-family: 'Source Sans Pro Bold',Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 1.563rem;
}

.Type ul {
	padding: 20px;
}

.Type li {
	padding-left: 0;
    text-indent: 0;
    list-style-position: outside;
}

a.button.button {
	background-color: #dc0000;
    color: #fff;
    font-weight: normal;
	padding: 0.813rem 0;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
	line-height: 1em;
	-webkit-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
    border: none;
    margin-top: 1.25rem;
	width: 12.5rem;
    text-align: center;
    font-size: 15px;
	margin-right: 1.875rem;
}

a.button.button:hover {
	color: white;
	text-decoration: none;
	background-color: #b00000;
}

.button span {
	color: white;
    position: relative;
    z-index: 3;
}