/* Sunshine Coast Steel Framing – static rebuild of the original Joomla template */

@font-face {font-family: 'Karben105Stencil-Black'; src: url('../fonts/karben-105-stencil-black.woff2') format('woff2'), url('../fonts/karben-105-stencil-black.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

html {margin: 0; padding: 0;}
body {background: #ededed; color: #555555; font-size: 12px; font-family: 'Abel', sans-serif; margin: 0; min-height: 100%; padding: 0; text-align: center;}
a:hover {text-decoration: none; border-bottom: 1px solid #c6c6c6; padding-bottom: 3px;}
h1 {font-size: 18px; margin: 0 0 .5rem 0;}
h2 {font-size: 32px; font-family: 'Karben105Stencil-Black'; color: #FFF; text-transform: uppercase; margin: 0 0 20px 0;}
h3 {font-size: 19px; font-weight: bold; display: inline-block; padding-bottom: 5px; margin-bottom: 50px; letter-spacing: 0.3px;}
img {border: 0 none;}

#logonav {margin-bottom: 40px;}
#logoheader {background: #FFF; padding: 60px 0 80px 0;}
#logoheader a:hover {border: none;}
#welcome {background-image: url(../images/template/orangebk.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover; color: #FFF; font-size: 17px; padding: 65px 90px; line-height: 30px;}
#welcome p {font-weight: 600; letter-spacing: 0.2px; font-size: 19px;}

#left {background: #FFF; padding: 60px 0 70px 0;}
#left p {margin-bottom: 0;}
.firstimage {padding-right: 65px;}

#right {background-image: url(../images/template/greybk.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover; color: #FFF; font-size: 17px; padding: 40px; text-align: left;}
#right table {color: #FFF; font-weight: 600;}
#right span {color: #ed6115; width: 70px; display: inline-block;}
#right a {color: #FFF;}
#right .table {margin-bottom: 0;}
#right .table td {padding: .55rem .75rem; border: 1px solid #484848;}

#footerwrapper {padding: 35px 0 60px 0;}
#footer, #footer a {font-size: 14px; color: rgba(0,0,0,0.8);}
#footer span {padding: 0 5px; color: rgba(0,0,0,0.5);}

@media (min-width: 1220px) {.container {max-width: 1200px;}}
@media (max-width: 768px) {
	#left {padding: 40px 15px 80px 15px; text-align: center;}
	.firstimage {padding-right: 15px;}
}
@media (max-width: 450px) {
	#logoheader {padding: 30px 15px;}
	#welcome {padding: 30px;}
	.firstimage {padding-right: 0;}
}