/*
// "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 */
.p10 { padding: 10px;}
@media screen and (min-width: 800px){
	.md25,.md33,.md75 {float:left; box-sizing: border-box;}
	.md25{width:25%;}
	.md33{width:33.33%;}
	.md75{width:75%;}
}

.akis-petretzikis-widget { padding: 10px; margin: 20px 0; }
.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-link { text-decoration: none; }
.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: 300px;background: url(https://mothers.bbend.net/media/promo/petretzikis.jpg) no-repeat left top / cover;display: block;}
.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); }
.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; }



/* Zoume alios */
.z-alios { border-bottom: 4px solid #a04eff; margin: 1em auto 2em; max-width: 990px; }
.z-alios:after {content: ''; display: block; border-bottom: 7px solid #00caff;}
.z-alios .p-widget { padding: 20px 10px; overflow: hidden; max-width:1000px; margin: auto; }
.z-alios .p-logo { display: block; padding-bottom: 2em;}
.z-alios .p-logo img {max-width: 100%; height: auto; margin: auto; display: block; }
.z-alios .p-items {} 
.z-alios .p-item { margin-bottom: 2px; overflow: hidden; position: relative;  }
.z-alios .p-item .i-m { width: 100px; position: relative; overflow: hidden; padding-bottom: 100px; float: left; margin-right: 12px; }
.z-alios .p-item .i-m img { display: block; position: absolute; height:auto; width: 130%; max-width: none; left: 50%; transform: translateX(-50%);  }
.z-alios .p-item .i-t { padding: 12px; font-size: 1em; line-height: 1.3; margin: 0;}
.z-alios .p-item .i-t a { color: #000; text-decoration: none; }
.z-alios .p-item .link-overlay { position: absolute; top:0; left: 0; right: 0; bottom:0; z-index:0; opacity: 0;}
.z-alios .p-sponsor-logo { display: block; margin: 0 12px 0 0; width: 115px; height: 30px; float:right; }

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

@media screen and (min-width: 1024px) {
	.z-alios .p-logo { width: 30%; float: left;}
	.z-alios .p-items { width: 70%; float: left;}
}