/*****
Theme Name: MH Magazine Child Theme
Theme URI: http://www.mhthemes.com/themes/mh/magazine/
Description: This is a child theme for MH Magazine WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme.
Author: MH Themes
Author URI: http://www.mhthemes.com/
Template: mh-magazine
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

.mh-container-outer{
    margin:0 auto;
    box-shadow: none;
}
.textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5{
    margin:15px 0 10px 0;
}
a.custom_read_more{
    display: inherit;
    text-align: center;
    font-weight: bold;
}
a.custom_read_more:before, a.custom_read_more:after{
    content: "";
    display: inline-block;
    width: 10px;
    height: 2px;
    background: #000;
    position: relative;
    top: -3px;
    left: -5px;
}
a.custom_read_more:after{
    left: auto;
    right: -5px;
}
.widget_text a{
    color: #e64946;
}
.widget_text a:hover{
    text-decoration: underline;
}
.widget_text p{
    padding: 10px 0;
}


/* Post CTA Styles */
.post-cta{ display: table; width: 100%; color: #fff; font-size: 15px; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin:65px 0 20px;border: 1px solid #e8e8e8;background: #38222d url(assets/images/geo-cta-bg2.jpg) no-repeat;background-size: cover;
}
.post-cta *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.post-cta .post-cta-bt{ display:block; text-decoration:none; -moz-border-radius:3px; border-radius:3px; margin:0 auto 10px; font-size:17px; font-weight:bold; color:#fff;background:#16a61e; padding:10px 5px; position:relative; box-shadow:inset 0 0 1px 1px #fff; border:4px solid #16a61e; background: -moz-linear-gradient(top, #43b64b 50%, #16a61e 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #43b64b 50%,#16a61e 50%); 
background: linear-gradient(to bottom, #43b64b 50%,#16a61e 50%); width:160px;}
.post-cta .post-cta-bt:hover{ text-decoration: none; color:#fff;background:#16a61e;}
.post-cta .post-cta-bt-center{ position: absolute; left: 0; right: 0; bottom: 0; margin:0 auto; }
.post-cta .post-cta-left{ display: table-cell; width: 50%; text-align: center; vertical-align: middle; padding: 0 20px 0 0; }
.post-cta .post-cta-left img{margin-bottom:10px;}
.post-cta .post-cta-right{ display: table-cell; text-align: center; vertical-align: middle; color:#fff; font-weight: normal;}
.post-cta .post-cta-right p{ margin:0; padding: 10px 0; position: relative; z-index: 10; }
.post-cta .post-cta-right h5{color:#fff; font-size:19px; margin:0 0 5px; text-align:center;}
.post-cta .post-cta-center{ display: block; text-align: center; }
.post-cta .ctapost-free{ position: absolute; }




/*Toplist Tab Menu*/
.toplist-tab-menu{
    float: left;
    width: 100%;
    margin:0!important;
}
.toplist-tab-menu li{
    float: left;
    margin:0 1px 0 0;
    list-style:none!important;
    background: #f4f4f4;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
}
.toplist-tab-menu li:hover{
    background: #fafafa;
}
.toplist-tab-menu .active{
    background: #fafafa;
}
/*Toplist Table*/
.gl-tp-frame{
    display: none;
    width: 100%;
    margin:20px 0;
}
.toplist_pos .gl-tp-frame{
    display: inline-block;
}
.gl-tp-frame ul{
    margin:0;
}
#toplist_tabber{
    display: none;
}
.toplist{ float: left; width: 100%; margin:0 0 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #636363; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:default; }
.toplist *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.toplist_placeholder #toplist_tabber{
    display: block;
}
.row-tab{
    display: none;
}

.row{ display: table; width: 100%; background: rgb(251,251,251); background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(243,243,243,1) 100%); background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(243,243,243,1) 100%); background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(243,243,243,1) 100%); border-top:1px solid #ededed; border-left:1px solid #ededed; border-right:1px solid #ededed; text-align: center; }
.row:last-child{ border-top:1px solid #ededed; border-left:1px solid #ededed; border-right:1px solid #ededed; border-bottom:1px solid #ededed; }



.c-1, .c-2, .c-3, .c-4, .c-5, .c-6{
    display: table-cell;
    vertical-align: middle;
    border-left:1px solid #ededed;
    padding: 10px 5px;
}
.c-1{ width: 20px; font-size: 50px; border:none; }
.c-2{
    width: 110px;
    font-size: 18px;
}
.c-2 div{
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgb(235,235,235);
    background: -moz-linear-gradient(top,  rgba(235,235,235,1) 0%, rgba(240,240,240,1) 50%, rgba(232,232,232,1) 50%, rgba(243,243,243,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(240,240,240,1) 50%,rgba(232,232,232,1) 50%,rgba(243,243,243,1) 100%);
    background: linear-gradient(to bottom,  rgba(235,235,235,1) 0%,rgba(240,240,240,1) 50%,rgba(232,232,232,1) 50%,rgba(243,243,243,1) 100%);
    padding: 15px;
    border:2px solid #e2e2e2;
    -webkit-box-shadow: inset 0px 5px 0px 0px #f2f2f2, 0px 11px 7px -8px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 5px 0px 0px #f2f2f2, 0px 11px 7px -8px rgba(0,0,0,0.35);
    box-shadow: inset 0px 5px 0px 0px #f2f2f2, 0px 11px 7px -8px rgba(0,0,0,0.35);
    position: relative;
    overflow: hidden;
}
.c-2 div img{
    position:absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    margin:auto;
    width: 88px;
}
.c-3{ width: 70px; }
.c-3 .inactive{ -webkit-filter: grayscale(1); filter: grayscale(1); }
.single-page .c-4, .default-width-template .c-4{
    display: none;
}
.c-4{ width: 240px; text-align: left;text-shadow:1px 1px 0px #fff; }
.c-4 ul{ display: inline-block; width: 100%; font-size: 13px; line-height: 15px; }
.c-4 ul li{ display: inline-block; width: 100%; padding: 0 0 0 34px; margin:6px 0; position: relative; }
.c-4 ul li:before{ content: ""; position: absolute; top: 0; left: 0; background: url('assets/images/toplist-sprite.png') no-repeat -331px -92px; width: 21px; height: 24px; }
.c-5{ width: 240px;text-shadow:1px 1px 0px #fff; }
.c-5 span{ display: block; margin:0 0 4px 0; }
.c-5 .inactive{ opacity: 0.1; }
.c-6{ width: 150px; text-align: center; }
.c-6 .full-review{ display: block; font-size: 14px; text-decoration: underline; margin:3px 0 0 0; }
.c-6 .bt{ display: inline-block; font-weight: bold; color: #fff; font-size: 20px; background: #e5302d; padding: 10px 20px; border-radius: 4px; border:1px solid #fff; -webkit-box-shadow: 0px 0px 0px 2px #e5302d; -moz-box-shadow: 0px 0px 0px 2px #e5302d; box-shadow: 0px 0px 0px 2px #e5302d; position: relative; -webkit-transition: all, .3s, ease; -moz-transition: all, .3s, ease; -o-transition: all, .3s, ease; transition: all, .3s, ease; }
.c-6 .bt:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: rgba(255,255,255,0.2); }
.c-6 .bt:hover{ background: #cc1512;color:#fff;text-decoration: none;}
.us-allowed-icon{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -245px -92px; width: 63px; height: 93px; }






/*OS Icons*/
.windows-icon, .mac-icon, .android-icon, .blackberry-icon, .linux-icon{ display: inline-block; width: 34px; height: 34px; }
.windows-icon{ background: url('assets/images/toplist-sprite.png') no-repeat -258px -26px; }
.mac-icon{ background: url('assets/images/toplist-sprite.png') no-repeat -305px -26px; }
.android-icon{ background: url('assets/images/toplist-sprite.png') no-repeat -352px -26px; }
.blackberry-icon{ background: url('assets/images/toplist-sprite.png') no-repeat -399px -26px; }
.linux-icon{ background: url('assets/images/toplist-sprite.png') no-repeat -446px -26px; }






/*Star Icons*/
.star-10{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -20px; width: 221px; height: 33px; }
.star-9{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -60px; width: 222px; height: 33px; }
.star-8{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -98px; width: 181px; height: 33px; }
.star-7{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -138px; width: 182px; height: 33px; }
.star-6{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -176px; width: 139px; height: 33px; }
.star-5{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -216px; width: 140px; height: 33px; }
.star-4{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -254px; width: 98px; height: 33px; }
.star-3{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -294px; width: 99px; height: 33px; }
.star-2{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -7px -336px; width: 56px; height: 33px; }
.star-1{ display: inline-block; background: url('assets/images/toplist-sprite.png') no-repeat -8px -381px; width: 56px; height: 33px; }


/*Geo CTA*/

.geo-cta{margin-bottom:30px;}
.geo-cta h2{text-align:center;margin:0;color:#fff; background:#423e50; padding:10px; font-size:16px;}
.geo-cta.style2 h2{background:#2980b9;}
.geo-cta-wrap{background:#38222d url(assets/images/geo-cta-bg2.jpg) no-repeat; background-size:cover;}
.geo-cta.style2 .geo-cta-wrap{background:#0e4050 url(assets/images/geo-cta-bg1.png) no-repeat; background-size:cover;}
.geo-cta-col {display:table-cell; border-right:1px solid #40222c; vertical-align:middle; text-align:center;padding:20px; color:#fff; font-size:13px;}
.geo-cta.style2 .geo-cta-col {border-right:1px solid #2a4e5d; }
.geo-cta-col.col1{width:22%; font-weight:bold;}
.geo-cta-col.col2{ text-align:left;width:35%;}
.geo-cta-col.col3{width:20%;}
.geo-cta-col.col4{border-right:none;width:23%;}
.geo-cta-col.col1 img {display:block; margin:0 auto 15px; max-width:100%; height:auto;}
.geo-cta-col.col2 ul{padding:0; margin:0;}
.geo-cta-col.col2 li{padding:0 0 0 28px; margin:0 0 10px; line-height:1.2em; list-style:none; position:relative; }
.geo-cta-col.col2 li::before{content:''; position:absolute; top:3px; left:0; width:16px; height:16px; background:url(assets/images/cta-sprite.png)-45px -56px;}
.geo-cta-col span.usaplr{display:block; margin:0 auto 15px; width:100px; padding-left:40px;font-weight:bold; text-transform:uppercase;line-height:1em;position:relative; }
.geo-cta-col span.usaplr::before{content:''; position:absolute; top:0px; left:0; width:38px; height:29px;  background:url(assets/images/cta-sprite.png) no-repeat -3px -56px;}
.geo-cta-col a.geo-button{display:block; text-decoration:none; -moz-border-radius:3px; border-radius:3px; margin:0 auto 10px; font-size:20px; font-weight:bold; color:#fff;background:#16a61e; padding:15px 5px; position:relative; box-shadow:inset 0 0 1px 1px #fff; border:4px solid #16a61e; background: -moz-linear-gradient(top, #43b64b 50%, #16a61e 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #43b64b 50%,#16a61e 50%); 
background: linear-gradient(to bottom, #43b64b 50%,#16a61e 50%);}
.geo-cta-col a.geo-button:hover{color:#fff; background:#16a61e;}
.geo-cta-col a.review-link{color:#eee; text-decoration:underline;}
.geo-cta-col a.review-link:hover{color:#eee; text-decoration:none;}
.geo-cta-col ul.compatibility{padding:0; margin:0;}
.geo-cta-col ul.compatibility li{padding:0; margin:0 3px 0 0; list-style:none; display:inline-block; width:31px; height:30px;}
.geo-cta-col ul.compatibility li.mac {background:url(assets/images/cta-sprite.png)-3px -87px;}
.geo-cta-col ul.compatibility li.windows{background:url(assets/images/cta-sprite.png)-37px -87px;}
.geo-cta-col ul.compatibility li.mobile {background:url(assets/images/cta-sprite.png)-71px -87px;}
.geo-cta-col ul.compatibility li.linux{background:url(assets/images/cta-sprite.png)-105px -87px;}
.geo-cta-col h4{color: #fff;font-size: 20px;padding-left: 10px; margin-bottom:10px;}

span.rating { display:block;	height:28px;	width:138px;	 background:url(assets/images/cta-sprite.png) no-repeat -3px 0px; }
span.rating-total {display:block;	height:28px;	width:138px;	background:url(assets/images/cta-sprite.png) no-repeat -3px -28px;}
span.rating.cen{margin:5px auto 15px;}

/*Responsive*/
@media (max-width: 1100px) {
    .c-4{ width: auto; }
}
@media (max-width: 1000px) {
    .c-1{ display: none; }
    .c-2{ border:none; }
}
@media (max-width: 950px) {
    .c-3{ display: none; }
}
@media (max-width: 800px) {
    .c-4{ display: none; }
	.geo-cta-col.col2 {display:none;}
}
@media (max-width: 700px) {
    .post-cta .post-cta-left, .post-cta .post-cta-right{ display: block; width: 100%; padding: 0; }
}
@media (max-width: 550px) {
    .c-2, .c-5, .c-6{ display: block; width: 100%; border:none; padding: 0 5px; }
    .c-2{ padding: 10px 5px 0 5px; }
    .c-6{ padding: 10px 5px 10px 5px; }
    .post-cta .ctapost-free{ display: none; }
	
	.geo-cta-col {display:block; width:100%; border:0;}
	.geo-cta-col.col1,.geo-cta-col.col3,.geo-cta-col.col4,.geo-cta-col.col2{width:94%; padding:15px 3%;}
	
}