/*
	Allstar Concrete Stylesheet
	(c) Iowa Web Development 2025
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,600,700|Roboto:400,500,900');
@import url('/css/fonts/foundation-icons.css');


.start {
	height: 25vh;
	background: #495efb url(/images/bg_hiring.jpg) no-repeat 100% 0%;
	background-size: cover;
}

.start h1 {
	font-size: 60px;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	font-weight: 900;
	text-transform: uppercase;
	transform: scale(1,1.5);
	margin-right: 30px;
}



/* small */
@media only screen and (max-width: 46.799em) {


	.top-bar, .top-bar.darker {padding: 0;}
	.top-bar img.logo {display: none;}
	
	.top-bar .menu {display: block; background-color: #0a0a0a;}
	.top-bar ul li a {font-size: 1.4rem; margin: 0; display: block;}

	.header {min-height: 20vh; padding-top: 2.7rem;}
	.header img {min-height: 20vh; margin: 0;}
	.header .info {bottom: 0.5rem;}
	.header .info h1 {font-size: 1.8rem;}
	.header .info h4 {font-size: 1.5rem;}

	.hero {min-height: 60vh;}
	.hero .cta {padding: 2rem 0.5rem; width: 100%; top: auto; bottom: 2rem;}
	.hero .cta h1 {font-size: 2.0rem;}
	.hero .cta h2 {font-size: 1.5rem;}

	a.btn {font-size: 1.0rem;}

	.content p, .content li {font-size: 1.2rem;}

	.start h1 {font-size: 1.8rem; margin-right: 0;}
	h2.heading {font-size: 2rem; padding: 0.5rem 0;}
	.box h2 {font-size: 3rem;}

	footer {padding: 2rem 1rem;}
	footer .copyright .cell {text-align: center;font-size: 0.8rem;}
	footer .copyright div:last-child {text-align: center;}
	footer .copyright img {max-height: 4rem; min-width: inherit !important; display: inline-block; padding: 0.5rem;}
	footer hr {margin: 1rem auto;}
	footer .cta h2 {font-size: 3rem; padding: 1rem;}

/* for iphone/safari	*/
	.pscroll {background-attachment: scroll !important;}
  
.small-0 {display: none !important;}
.padding0 {padding: inherit;}
.padding1 {padding:0.5rem !important;}
.padding2 {padding:1rem !important;}
.padding3 {padding:1.25rem !important;}
.padding4 {padding:1.5rem !important;}
.padding8 {padding:2rem !important;}
.margin0 {margin:auto;}
.margin1 {margin:0.5rem 0 !important;}
.margin1top {margin-top: 0.5rem !important;}
.margin1bottom {margin-bottom: 0.5rem !important;}
.margin2 {margin:1rem 0 !important;}
.margin3 {margin:1.5rem 0 !important;}
.margin4 {margin:2rem 0 !important;}

}

/* medium */
@media only screen and (min-width: 46.8em) and (max-width: 63.999em) {

	.social a {margin: 0 0.1rem;}

	.top-bar, .top-bar.darker {padding: 0;}
	.top-bar-left {display: none;}
	.top-bar-right {flex: 1 1 auto !important;}
	.top-bar img.logo {display: none;}
	.top-bar .menu {display: block; background-color: #0a0a0a;}
	.top-bar ul li a {font-size: 1.5rem; margin: 0; display: block;}

	.header {min-height: 25vh; padding-top: 2.0rem;}
	.header img {min-height: 25vh; margin: 0;}
	.header .info {bottom: 1.25rem;}
	.header .info h1 {font-size: 2.0rem;}
	.header .info h4 {font-size: 1.5rem;}

	.hero .cta {padding: 4rem 2rem; width: 100%; bottom: 1rem; top: auto;}
	.hero .cta h1 {font-size: 3.0rem;}
	.hero .cta h2 {font-size: 2.25rem;}

	.start h1 {font-size: 2.5rem; margin-right: 0;}
	h2.heading {font-size: 2.75rem; padding: 0.5rem 0;}
	.box h2 {font-size: 4rem;}
	.bucket h2 {font-size: 2rem;}

	.project article, .project section {padding: 1rem;}
	.project article h2, .project section h2 {font-size: 1.3rem;}
	.project article h3, .project section h3 {font-size: 1rem;}
	.project section p {font-size: 0.8rem;}
	.project section a.btn {font-size: 1rem; padding-left: 1rem;}
	.project section a.btn span {font-size: 1rem; margin-left: 1rem}
	.project section a.btn:hover span {margin-left: 2rem;}


.padding0 {padding: inherit;}
.padding1 {padding:0.75rem !important;}
.padding2 {padding:1.25rem !important;}
.padding3 {padding:1.75rem !important;}
.padding4 {padding:2rem !important;}
.padding8 {padding:2.5rem !important;}
.margin0 {margin:auto;}
.margin1 {margin:0.75rem 0 !important;}
.margin1top {margin-top: 0.75rem !important;}
.margin1bottom {margin-bottom: 0.75rem !important;}
.margin2 {margin:1.25rem 0 !important;}
.margin3 {margin:1.75rem 0 !important;}
.margin4 {margin:2rem 0 !important;}
}

/* large */
@media screen and (min-width: 64em) and (max-width: 74.999em) {

	.top-bar {padding: 1rem;}
	.top-bar.darker {padding: 0.75rem;}
	.top-bar ul li a {font-size: 1.0rem; padding: 0.25rem;}

	.header {min-height: 35vh;}
	.header img {min-height: 35vh; margin: 0;}
	.header .info {bottom: 2rem;}
	.header .info h1 {font-size: 2.75rem;}
	.header .info h4 {font-size: 2.0rem;}

	.hero .cta {padding: 3rem; width: 70%; bottom: 2rem; top: auto;}
	.hero .cta h1 {font-size: 2.75rem;}
	.hero .cta h2 {font-size: 2.0rem;}

	.callout h2 {font-size: 2.5rem;}
	.callout a.btn {font-size: 1rem;}

	.start h1 {font-size: 3rem; margin: 0; margin-right: 2rem;}

	.project article, .project section {padding: 1.5rem;}
	.project article h2, .project section h2 {font-size: 1.5rem;}
	.project article h3, .project section h3 {font-size: 1.2rem;}
	

}

/* xlarge */
@media screen and (min-width: 75em) and (max-width: 89.999em) {

	.top-bar {padding: 2rem;}
	.top-bar.darker {padding: 1rem;}
	.top-bar ul li a {font-size: 1.1rem; padding: 0.5rem;}

	.header {min-height: 35vh;}
	.header img {min-height: 35vh; margin: 0;}
	.header .info {bottom: 2rem;}
	.header .info h1 {font-size: 3rem;}
	.header .info h4 {font-size: 2rem;}

	.hero .cta {padding: 4rem; width: 70%; bottom: 4rem; top: auto;}
	.hero .cta h1 {font-size: 3.25rem;}
	.hero .cta h2 {font-size: 2.5rem;}

	.project article, .project section {padding: 1.75rem;}
	.project article h2, .project section h2 {font-size: 2rem;}
	.project article h3, .project section h3 {font-size: 1.5rem;}

}


/* xxlarge */
@media screen and (min-width: 90em) and (max-width: 112em) {

	.top-bar ul li a {font-size: 1.2rem; padding: 0.5rem;}

	.header {min-height: 35vh;}
	.header img {min-height: 35vh; margin: 0;}

}