@charset "utf-8";
/* Created by Mike Kong and MK Design, 2018 for AGT Construction under contract.
   miketkong@gamil.com | mkdesignmarketing.com

   These styles modify the existing site and are layered upon what was already there.
   I did not create the site as is and I don't know who did. Good luck!
*/

/* Helpers */
.text-center {
	text-align: center;
}
.no-all-caps {
	text-transform: unset;
}
.max-width-600 {
	max-width: 600px !important;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}

/* Contact Form Styles */
#contact-form{
	margin-bottom:40px;
}
#contact-form input, #contact-form textarea{
	font-size:22px;
	margin-bottom:20px;
	line-height: 28px;
}
#contact-form label{
	font-size:18px;
	text-align:right;
	line-height: 36px;
}
#contact-form button{
	font-size:20px;
}
#form-div{
	font-size:22px;
}

.youtube-video-embed {
	text-align: center;
}
.youtube-video-embed iframe {
	border: 7px solid #9d9b89;
}
.square-aspect-ratio {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
}


/* =================================================== */
/* LARGE DISPLAY STYLES
/* =================================================== */
@media only screen and (min-width : 1200px){
	.flexslider.carousel-slider {
		margin-bottom:15px !important;
	}
}


/* =================================================== */
/* DESKTOP STYLES
/* =================================================== */
@media only screen and (min-width : 668px){
	.prefooter p, .prefooter h2{
		display:none;
	}
	.big-slogan{
		margin-top:55px;
		margin-bottom:50px;
	}
	.portfolio-item{
		text-align: center;
	}
	.portfolio-thumbnail > a > img{
		margin: auto;

	}
	.header-license-number-home{
    top: 100px;
    position: relative;
    left: 206px;
    color: #ffffff85;
    font-size: 12px;
	}
	.header-license-number{
		top: 64px;
    position: relative;
    left: 151px;
    color: #ffffff85;
    font-size: 12px;
	}
}

/* =================================================== */
/* PHONE STYLES
/* =================================================== */
@media only screen and (max-width : 667px){
	.sm-mb-100 {
		margin-bottom: 100px;
	}
	
	body{
		font-size:18px;
		line-height:31px;
		max-width: 100%;
    overflow: hidden;
	}

	h1.page-title{
		font-size:20px;
	}

	/* Header and Navbar Styles */
	.header-logo-tagline{
		position: relative;
		top: -95px;
		left: 146px;
	}
	#navbar-home-page{
		min-height:130px;
	}
	#navbar-child-page{
		min-height:103px;
	}
	.navbar-brand{
		height:160px;
	}
	.navbar-toggle{
		z-index:10;
	}
	.navbar-collapse{
		max-height:550px;
		padding-top:90px;
		border:none;
	}
	.navbar-default .nav > li {
		padding: 20px 16px 15px 16px;
	}
	.navbar .dropdown-menu {
		margin-top: 0px !important;
	}
	.dropdown-menu {
		box-shadow: none;
	}

	.navbar-brand{
		overflow:hidden;
	}
	.header-license-number-home{
    top: 130px;
    position: relative;
    left: 208px;
    color: #ffffffc7;
    font-size: 15px;
	}
	.header-license-number{
		top: 62px;
    position: relative;
    left: 164px;
    color: #ffffffc7;
    font-size: 13px;
	}

	/*Homepage Specific Layout Styles */
	#home-owner-img{
		width:100%;
		margin-bottom:20px;
	}
	.home-about-text{
		padding-bottom:0px !important;
	}



	/* Non-specific Layout Styles */
	.no-mobile-top-margin{
		margin-top:0px !important;
	}

	/* Footer Layout Styles */
	#footer-bbb h1, #footer-blank-widget, #footer-projects, .prefooter > div > div > div > article{
		display:none;
	}
	.prefooter p, .prefooter h2{
		color:#fff;
	}
	.prefooter h2{
		margin-top: 7px;
	}
	.prefooter .col-md-6{
		margin-top:0px;
	}
	.prefooter .table-content{
		margin-top:8px;
		margin-bottom:15px;
	}
	.prefooter .btn{
		display:block;
		margin-top: 20px;
		font-size: 22px;
		padding: 16px 10px;
	}
	#footer-bbb{
		margin-top:0px;
	}


	.content-area p, .content-area h2{
		text-align:center;
	}
	.mobile-no-v-pad{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	.mobile-no-v-margin{
		margin-top:0px !important;
		margin-bottom:0px !important;
	}

	.big-slogan{
		margin-top:40px;
		margin-bottom:40px;
	}

	/* Gallery Styles */
	#galleryContainer{
		margin-left:-15px !important;
		margin-right:-15px !important;
	}
	.galleryItem{
		padding-left:0px !important;
	}
	.entry-meta, h4.entry-title{
		text-align:center;
	}
	.entry-meta{
		margin-left:14px;
	}
	h4.entry-title{
		font-size:22px !important;
	}
	.portfolio-thumbnail{
		margin-bottom:-4px !important;
	}
	.portfolioNav > dl > a{
		margin-bottom:14px;
	}
	.gallery-wrapper{
		padding-left:0px !important;
		padding-right:0px;
		margin-top:0px !important;
	}

	.mt-0-mobile{
		margin-top:0px !important;
	}

}