/*
Theme Name: APT Concepts
Theme URI: https://wordpress.org/themes/aptconcepts/
Author: Mirage Mahal
Author URI: https://wordpress.org/
Description: APT Concepts
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

.hero {
	background-color: white !important;
}

.home-bg {
	background-position: center center;
	background-size: cover;
}

.title {
	font-family: "Montserrat";
	font-weight: 700;
}

.subtitle {
	font-family: "EB Garamond";
	font-weight: 600;
	font-style: italic;
	font-size: 24px;
}

.button {
	padding: 22.5px 35px;
}

.button.is-link {
	background-color: rgb(53, 92, 177);
	padding: 22.5px 35px;
}

.navbar-item {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: 14px;
}

.contact-navbar::hover {
	background-color: white;
	color: black;
}

.hero-body > .container > .title {
	font-size: 65px !important;
	text-shadow: 2px 2px 6px black !important;
}

.hero-body > div > a.button.is-rounded {
	transition: 0.2s ease-in;
}

.hero-body > div > a.button.is-rounded:hover {
	transition: 0.2s ease-in;
	opacity: 0.8;
}

.navbar-end > a > p.button {
	border-width: 2px;
	border-color: white;
	font-size: 14px;
}

.navbar-end > a > p.button:hover {
	background-color: white !important;
	color: black !important;
	transition: 0.15s ease-in;
}

.form-label {
	font-size: 16px !important;
	font-family: "Montserrat" !important;
	font-weight: 600 !important;
	padding-bottom: 10px;
}

.submit-button {
	border-radius: 0px;
	font-family: "Montserrat";
	transition: 0.2s ease-in !important;
}

.submit-button:hover {
	opacity: 0.8;
}

.column.is-one-quarter > div {
	padding-bottom: 10px !important;
}

.column.is-one-quarter > div > a {
	transition: 0.2s ease-in;
}

.column.is-one-quarter > div:hover > a {
	color: black !important;
}

.view-project-link {
	font-family: "Montserrat";
}

@media screen and (max-width: 756px) {
	.navbar-brand > a > img {
		width: 100px;
	}
	.hero-body > .container > .title {
		font-size: 35px !important;
	}
	.text-blob {
		padding-top: 40px !important;
		padding-bottom: 50px !important;
	}
}
