/*
Theme Name: Gridsby Pro Child
Theme URI: http://hachi.foreverblue.top/gridsby-pro/
Description: Gridsby Pro Child Theme
Author: foreverblue
Author URI: http://hachi.foreverblue.top
Template: gridsby_pro
Version: 1.5.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, white, light, gray, fluid-layout, responsive-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, theme-options, translation-ready, photoblogging, front-page-post-form 
Text Domain: gridsby_pro-child
*/

#mt-columns .columns .grid {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#mt-columns .columns .grid-pad {
	padding: 0;
}
#mt-columns .columns .grid-pad .col-1-4 {
    float: none;
    padding-right: 0;
	width: 22%;
}
#mt-columns .columns .grid-pad .col-1-4 .fa {
	display: none;
}
#mt-columns .columns .grid-pad .col-1-4 .column-box {
	align-items: flex-end;
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 100%;
	position: relative;
	height: 0;
	margin: 0;
	width: 100%;	
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(1) .column-box {
	background-image: url(img/btn_portrait.png);
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(2) .column-box {
	background-image: url(img/btn_live.png);
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(3) .column-box {
	background-image: url(img/btn_work.png);
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(4) .column-box {
	background-image: url(img/btn_personal.png);
}
#mt-columns .columns .grid-pad .col-1-4 .column-box a {
	display: block;
	height: 100%;
	padding-top: 100%;
	width: 100%;
}
#mt-columns .columns .grid-pad .column-box h4 {
	font-weight: 600;
	letter-spacing: .01em;
	margin: 0 .4em 0 0;
	text-shadow: 0 0 3px rgba(38,30,27,.5);
}
#mt-columns .columns .grid-pad .column-box a button {
	display: none;
}

/*#mt-columns .columns .grid-pad .col-1-4 .column-box a {
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	padding-top: 100%;
	position: relative;
	height: auto;
	width: 100%;	
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(1) .column-box a {
	background-image: url(img/btn_portrait.png);
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(2) .column-box a {
	background-image: url(img/btn_live.png);
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(3) .column-box a {
	background-image: url(img/btn_work.png);
}
#mt-columns .columns .grid-pad .col-1-4:nth-child(4) .column-box a {
	background-image: url(img/btn_personal.png);
}
#mt-columns .columns .grid-pad .column-box a button {
	background-color: rgba(38,30,27,.6);
	border-color: #261e1b;
	bottom: 5%;
	font-size: 1.6rem;
	position: absolute;
	right: 5%;
	text-transform: inherit;
	transition: font-size 0.3s ease-in;
}
#mt-columns .columns .grid-pad .column-box a:hover button {
	font-size: 2rem;
}*/