/*
// "Keegot Template" for Joomla! 3.x - Version: 3.0
// Designed & Developed by Keegot.
// Copyright (c) 2010 - 2012 Keegot. All rights reserved.
// Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
// More info at http://www.keegot.com
*/


/* Akis Petretzikis */

.akis-petretzikis-widget { padding: 16px; margin-bottom: 16px; }
.akis-petretzikis-widget .akis-petretzikis img { display: block; }
.akis-petretzikis-items {background-color: #000;overflow: hidden;margin: 0 auto;}
.akis-petretzikis-items .widget-logo img { display: block; max-width: 100%; margin: 0 auto;  }
.akis-petretzikis-widget .item-media {height: 0;padding-bottom: 56.25%;overflow: hidden;position: relative;}
.akis-petretzikis-widget .item-media img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; max-width: 100%; }
.akis-petretzikis-widget .akis-petretzikis-hero {position: relative;height: 0;padding-bottom: 95%;background: url(https://mothers.bbend.net/media/promo/petretzikis.jpg) no-repeat left 20% top / cover;display: block;}
.akis-petretzikis-widget .akis-petretzikis-logo { position: absolute; top: 5%; left: 10%; z-index: 1; }
.akis-petretzikis-widget .akis-petretzikis-inner { padding: 10px; }
.akis-petretzikis-widget .petretzikis-item-category {padding: 0 5px;margin: 10px 0 5px;color: #fff;font-size: 20px;font-weight: 600;border-left: 3px solid #fff;}
.akis-petretzikis-widget .item-title {color: #fff;padding: 5px 0;margin: 0;font-size: 16px;font-weight: normal;}
.akis-petretzikis-widget .petretzikis-heading { color: #fff; margin: 0; font-size: 28px; line-height: 1; }
.akis-petretzikis-widget .petretzikis-heading span { font-size: 20px; font-weight: normal; font-weight: normal; }
@media screen and (min-width: 768px) {
	.akis-petretzikis-widget .md25,
	.akis-petretzikis-widget .md33,
	.akis-petretzikis-widget .md75 {float:left; box-sizing: border-box;}
	.akis-petretzikis-widget .md25{width:25%;}
	.akis-petretzikis-widget .md33{width:33.33%;}
	.akis-petretzikis-widget .md75{width:75%;}

	.akis-petretzikis-widget .akis-petretzikis-hero { height: 300px; padding-bottom: 0;}
	.akis-petretzikis-widget .akis-petretzikis-hero:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: -o-linear-gradient(transparent, #000); background-image: linear-gradient(transparent, #000); }
}
@media screen and (min-width: 900px) {
	.akis-petretzikis-widget .akis-petretzikis-hero { background-position: left top; }
}


/* Mollers */
.mollers { background: #2f3033; margin: 1em 10px 2em; }
.mollers .p-widget { padding: 20px 10px; overflow: hidden; max-width:1000px; margin: auto; }
.mollers .p-logo { display: block; padding-bottom: 2em;}
.mollers .p-logo img {max-width: 100%; height: auto; margin: auto; display: block; }
.mollers .p-items {}
.mollers .p-item { margin-bottom: 2px; overflow: hidden; position: relative;  }
.mollers .p-item .i-m { width: 100px; position: relative; overflow: hidden; padding-bottom: 100px; float: left; margin-right: 12px; }
.mollers .p-item .i-m img { display: block; position: absolute; height:auto; width: 130%; max-width: none; left: 50%; transform: translateX(-50%);  }
.mollers .p-item .i-t { padding: 12px; font-size: 1em; line-height: 1.3; margin: 0;}
.mollers .p-item .i-t a { color: #fff; text-decoration: none; }
.mollers .p-item .link-overlay { position: absolute; top:0; left: 0; right: 0; bottom:0; z-index:0; opacity: 0;}
.mollers .p-sponsor-logo { display: block; margin: 0 12px 0 0; width: 115px; height: 30px; float:right; }

@media screen and (min-width: 768px) {
	.mollers .p-widget { padding: 40px 16px 16px;}
	.mollers .p-item { width: 33%; float: left; padding: 0 8px; box-sizing: border-box; }
	.mollers .p-item .i-m { width:100%; float: none; margin-right: 0; padding-bottom: 56.25%; }
	.mollers .p-item .i-m img { position: absolute; height:auto; width: 100%; max-width: 100%;  }
	.mollers .p-item .i-t { padding: 12px 0; }
	.mollers .p-sponsor-logo { margin-top:22px}
}

@media screen and (min-width: 1024px) {
	.mollers .p-logo { width: 30%; float: left;}
	.mollers .p-items { width: 70%; float: left;}
	.mollers .p-item:hover .i-t {}
}