/*Some good shit in here bro, steal it all bra*/

/*Fonts*/
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nDW5FUgIgejJvrHuLWqrSMw.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPDoBG10JtAX-GAwn6iwU1Y.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nGhQuge17febRYSUkWKdLWA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBtmDLrZTTOm3p1EhiGCXc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nEV356qNqHCUb41pS3zqMSE.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face {
  font-family: 'Rock Salt';
  font-style: normal;
  font-weight: 400;
  src: local('Rock Salt'), local('RockSalt'), url(https://fonts.gstatic.com/s/rocksalt/v6/Q94aHXFHGip10K5uxi1jOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/*Global*/
body {min-height: 800px; font-family: 'Roboto condensed', sans-serif; position:relative; background: #fafafa; }
.nopad {padding: 0;}
.nopadl {padding-left: 0;}
.nopadr {padding-right: 0;}
a,img {transition: .5s all; color:#ed1b24; }
a:hover {text-decoration:none; color:#555}
a:focus {outline:0; text-decoration:none; color:inherit;}
*,*::before,*::after {box-sizing: border-box;}
p {line-height: 1.8em;font-size: 1em; font-weight: 400}
.clear {clear:both;}
.tright {text-align:right;}
.centa {text-align:center}
button:hover {opacity:.8}
.cursive {font-family: 'Rock Salt', cursive;}


/*Bootstrap*/
.row {}
.contain,.container {max-width: 1250px; margin: 0 auto;}
.container-fluid {overflow-x: hidden;}


/*Header*/
.heada {padding:0; z-index: 5; width: 100%; text-align:left; height: 60px; overflow:visible; background:#ed1b24; border-bottom: 3px solid rgba(0,0,0,.2); position:relative}
.heada img {padding: 5px;}

	/*Nav*/
	.bg-faded {background:transparent;}
	.navbar {padding:12px 0;}
	.navbar-nav .nav-item {float:none; display:inline; margin: 0px}
	.navbar-light .navbar-nav .nav-link {padding: 5px 12px; color: rgba(255,255,255,.8); font-weight: 600;font-size: 1em; text-transform:uppercase; display:inline-block; }
	.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:active {color:#ed1b24; background:#c4996c; border-radius: 3px;}
	.navbar-light .navbar-nav .login {float: right;border: 2px solid rgba(255,255,255,.8);border-radius: 100px;padding: 3px 20px;font-size: .9em; margin: 2px}
	.navbar-light .navbar-nav .login:hover {background:#fff; color:#ed1b24; border-radius: 100px;}
	.navbar-light .navbar-nav .addu {background:#00a885; border-color:rgba(0,0,0,.2); margin-right: 10px}
	
		/*Social*/
		.navbar .navbar-nav .social {margin: 2px;}
		.navbar .fa-facebook {background: #3b5998}
		.navbar .fa-twitter {background: #54acd2}
		.navbar .fa-linkedin {background: #0077b5}
		.navbar .fa:hover {opacity:.8}
		.navbar .social .fa {color:#fff;border-radius: 100px; width: 30px; height: 30px; line-height: 29px; text-align:center;transition: .3s all}

/*Home*/
.home-banner {background:url(https://unions.s3.amazonaws.com/images/bg.jpg) top center no-repeat; background-size: cover; text-align:center; color:#fff; text-shadow: 2px 2px 0 #000; padding: 120px 0;}
.home-banner p {letter-spacing: 8px;text-transform: uppercase;font-size: 1.5em; margin: 0 0 -10px}
.home-banner p:before {position:absolute; height: 2px; background:rgba(255,255,255,.4); width: 160px; content:'';margin:20px 0 0 -180px}
.home-banner p:after {position: absolute;height: 2px;background: rgba(255,255,255,.4);width: 160px;content: '';margin: 20px 0 0 22px;}
.home-banner h1 {font-size: 9em;font-weight: 900;letter-spacing: -5px;  color:rgba(255,255,255,.8);}
.home-banner h2 {font-weight: 900;font-size: 2.4em;color: #ed1b24;}
	
	/*Icons*/
.home-con {margin: 100px 0 30px;}
.home-con a {display: block;max-width: 250px;margin: 0 auto;padding: 10%;background: rgba(0,0,0,.7);border-radius: 5px;}
.home-con h3 {color: #fff;margin: 20px 0 0;font-weight: 900; font-size: 2.5em}
.home-con a:hover {background: #000}

	/*Home Sections*/
	.hsection {padding: 75px 0;}
	.hsection h2 {text-align: center;margin: 50px 0 75px;font-size: 4em;text-transform: uppercase;font-weight: 900;letter-spacing: 10px;line-height: .9em;}
	.hsection h2 span {font-weight: 900;color: #ed1b24;text-shadow: 4px 4px 0 #000;}
	.hsection .cta {text-align: center;margin: 50px auto;background: red;color: #fff;max-width: 500px;border: 5px solid rgba(255,255,255,.3);border-radius: 100px;
	font-size: 2em;font-weight: bold;padding: 7px 0 9px;text-shadow: 0 1px 3px rgba(0,0,0,.5);display:block; width: 100%}
	.hsection .cta .fa {margin-right: 8px;}

	/*Directory*/
	.home-directory {margin: 0}

	/*Jobs*/
	.home-jobs {background:url(https://unions.s3.amazonaws.com/images/jobs.jpg) top center no-repeat; background-size: cover; padding:50px 0 100px;border-bottom:15px solid rgba(0,0,0,.1); border-width: 10px 0; margin: 75px 0 0}
	.home-jobs .cta {margin: 25px 0;font-size: 1.5em; max-width: 400px}
	.home-jobs h3 {padding:2%; border-radius: 2px; font-size: 1.3em; font-weight: 800; box-shadow: 20px 30px 40px rgba(255,255,255,.9) inset;}
	.home-jobs h3 a {color:#555;}
	.home-jobs h3 .fa {color:#ed1b24; margin-right: 8px}

	/*News*/
	.news {padding: 3% 5%;background: #efefef;border: 10px solid rgba(255,255,255,.7);box-shadow: 0 1px 3px rgba(0,0,0,.1); margin:25px 0; float:left}
	.news img {max-width: 90%;}
	.news p {margin: 0; line-height: 1.4em;}
	.news h3 {font-size: 1.5em;margin: 0px; font-weight: bold}
	.news .continue {float:right; color:#ed1b24; font-size: 1.2em;}
	.news .continue .fa {color: #444; margin-left: 3px}
	.news small {display: block;margin: 0 0 12px;font-size: .9em;}
	.news small .fa {color:#c49a6c}

	/*Search Bar*/
	.sb-search {margin: 20px auto 200px;max-width: 700px;width: 100%; color:#555}
	.sb-search .sabai-search {padding: 10px;background: rgba(255,255,255,.5);box-shadow: 0 1px 10px rgba(0,0,0,.3) inset;border:0}
	.sb-search .sabai-search .sabai-row > div {margin: 0; height: auto;}

/*Directory*/
.sb-listing {width: 100%;max-width: 1250px;margin: 75px auto;font-size: 1.2em; padding:0 15px}
.sb-listing .sabai-btn-primary {background:#ed1b24!important;border:1px solid rgba(0,0,0,.2)!important}
.sb-listing h1 {font-size: 4em; font-weight: 800; text-align:left; margin: 0px 0 50px;border-bottom: 1px solid #e8e8e8;box-shadow: 0 1px 0 #fff;padding: 0px 0 20px;}
.sb-listing .sabai-directory-labels {margin: 0 0 40px; font-size: 1.4em; text-align:center}
.sb-listing .sabai-row {font-size: .9em}
.sb-listing form .fa {color:#fff;}
.sb-listing .fa {width: 20px;text-align: center;color: #c49a6b;}
.sb-listing .sabai-directory-contact div {margin: 7px 0}
.sb-listing .sabai-directory-social .fa {font-size: 2em; border-radius: 100px;width: 35px;color: inherit;margin: 10px 0;}
.sb-listing #sabai-inline-nav + #sabai-inline-content {margin: 0;padding: 25px;background: #fff;border: 1px solid #ddd;border-width: 0 1px 1px 1px;}

	/*Toolbar*/
	.sb-listing .sabai-btn-group > .sabai-btn, .sb-listing .sabai-btn-group-vertical > .sabai-btn {font-size: .9em;}
	.sb-listing .sabai-btn-warning {background:#00a885!important; border: 1px solid rgba(0,0,0,.2)!important;}
	.sb-listing .sabai-btn-warning .fa {color:#fff;}

	/*Related Listings*/
	.sb-listing .sabai-directory-listing-column {box-shadow: 0 0;}
	
/*Sections*/
.fullw {padding: 10% 0;}
.page-content {margin: 50px auto;}
.page-content h1 {font-size: 4em;font-weight: 800;margin: 0px 0 50px;border-bottom: 1px solid #e8e8e8;box-shadow: 0 1px 0 #fff;padding: 0 0 20px;}

/*News*/
.blog-post {padding: 20px 0; margin: 10px 0 20px; border-bottom: 1px solid #eaeaea; float:left; width: 100%}
.blog-post img {width: 90%; padding: 3px; background:#fff; border: 1px solid #ddd;}
.blog-post h2 {font-size: 1.5em; font-weight: 900;}

/*Single Post*/
.single-blog p{font-size: 1.2em;}
.single-blog img {float:left; margin: 0 25px 25px 0;}
.single-blog .post-fixer {margin: -330px 0 0;float: left;height: 40px;background: #fafafa;z-index: 99;position: relative;display: block;width: 100%;}

/*Job Page*/
.job-cat {background: #fff; float: left;width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,.1); padding: 10px; margin: 0 0 20px; border-radius: 2px}
.job-cat h2 {font-size: 1.2em; margin:0;padding:0}
.job-cat h2 a {color:#555;}
.job-link {background:#ed1b24; width: 100%; display:block; color:#fff; text-align: center;font-weight: bold; border-radius: 2px; padding: 9px; font-size: 1.1em}

	/*Kroger Jobs*/
.single-blog p span {font-size: 1.3em!important; line-height: 2em}
.single-blog h2 {font-weight: 900; margin: 20px 0}
.single-blog p span span span {font-size: .8em!important}
.single-blog p span span span span{display:none;}


/*404*/
.fourohfour {text-align: center; padding: 0 0 10%; margin: 50px 0 200px;}
.fourohfour h2 {font-size: 5em; font-weight: 900; text-transform: uppercase; border-radius: 3px; background: #fafafa; padding: 25px;}
.fourohfour p {font-size: 1.3em; margin: 25px 0 35px;}
.fourohfour a {display: block; padding: 15px 25px; font-size: 2em; background: #fff; border: 1px solid #ddd;}
.fourohfour a .fa {margin-right: 8px; color:#ed1b24;}

/*Footer*/
footer {text-align: left;background: #fff;border-top: 1px solid #efefef;padding: 0 0 1%; margin: 75px 0 0}
footer img {margin: -50px 0 0px}
footer ul,footer p {margin:0; padding: 20px 0;}
footer ul {text-align: right}
footer ul li {list-style:none; display:inline; margin: 0 8px}
footer a {color:#555}

/*Ads*/
.top-ads {margin: 60px auto 0;text-align: center}
.bottom-ads {text-align: center}
.ad {margin: 0 0 50px}

/*Add Listing*/
.add-union {background:url(https://unions.s3.amazonaws.com/images/add-union.jpg) top center no-repeat; background-size: cover; padding: 125px 0 220px; text-align:center; color: rgba(255,255,255,.8);}
.add-union h1 {font-size: 5em; font-weight: 900; text-shadow: 2px 2px 0 rgba(0,0,0,.5);}
.add-union p {font-size: 1.7em;  text-shadow: 2px 2px 0 rgba(0,0,0,.5);}

	/*Packages*/
	.package {text-align: center; margin: -150px 0 50px; padding: 10%; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
	.package h2 {font-weight: 900; text-transform: uppercase; font-size: 3em; margin: 0 0 15px;}
	.package h3 {font-size: 1.4em; margin: 0 0 20px;}
	.package p {margin: 0 0 30px}
	.package a {background:#00a885; color:#fff; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0,0,0,.4); font-size: 1.2em;width: 100%; text-align: center; padding: 10px 25px; border-radius: 2px}
	.packages ul {padding: 0 15% 180px;}
	.packages ul li {list-style:none; padding: 0 0 0 30px; font-size: 1.3em;  margin: 0 0 8px;}
	.packages ul li:before {content: '\f00c'; width: 25px; color:#00a885; font-family:'FontAwesome'; position: absolute; left: 15%; padding-right: 25px;}

/*Forums*/
#bbpress-forums, div.bbp-breadcrumb, div.bbp-topic-tags, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results,div.bbp-template-notice p {font-size: 1.2em; }
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {font-size: .8em;}

/*Contact Page*/
.contact {padding: 3%;  background: #fff; border: 1px solid #ddd;font-size: 1.4em; margin: 0 0 30px}
.contact .gform_wrapper ul li.gfield {clear:none;}
.contact .gform_wrapper .top_label .gfield_label {margin:0}
body .contact .gform_wrapper label.gfield_label+div.ginput_container {margin: 0 0 25px}
.contact .gform_wrapper .hidden_label input.large, .contact .gform_wrapper .hidden_label select.large, .contact .gform_wrapper .top_label input.large, .contact .gform_wrapper .top_label select.large,.contact .gform_wrapper textarea.large {width: 100%; max-height: 100px}
.contact select {padding: 10px}
.contact .gform_wrapper .gform_footer {margin:0;padding:0}
.contact .gform_wrapper .gform_footer input.button, .contact .gform_wrapper .gform_footer input[type=submit] {width: calc(100% - 30px); margin: 0 0 0 15px; background: #00a885; color: white; border: 2px solid rgba(0,0,0,.2);  padding: 10px; font-size: 1.2em;  text-transform: uppercase;}

/*********************************
Media Queries
*********************************/
@media (min-width: 992px) {
	.news {min-height: 240px;}
}

@media (min-width:768px) and (max-width: 992px) {
	
	.hide-md {display:none;}

}

@media (max-width: 1050px) {
	
	/*Nav*/
	.navbar-light .navbar-nav .nav-link {padding: 5px 7px}
	.navbar-light .navbar-nav .login {padding: 3px 20px}
	.navbar-toggler {float: right; color: #fff; font-weight: bold; margin: 0px; padding:18px 5px; outline:0; box-shadow: 0 0}

}
@media (max-width: 767px) {
	/*Global*/
	.page-content {margin: 0; font-size: .8em}
	.page-content h1, .sb-listing h1 {margin: 0 0 10px}
	
	/*Header*/
	.heada img {max-width: 90%; z-index: 9; position:relative}
	
		/*nav*/
	.top-nav {clear:both;}
	.navbar {position: absolute; background: #ed1b24; left: 0; margin: -25px 0 0; z-index:8;}
	.nav {padding: 10px; text-align:center}
	.navbar-divider, .navbar-nav .nav-item+.nav-item, .navbar-nav .nav-link+.nav-link {margin: 0;}
	.navbar-light .navbar-nav .nav-link {padding: 12px 9px;}
	.navbar-light .navbar-nav .login {width: 38%; margin: 2% 8% 2% 2%; text-align: center; padding: 3px}
	
	/*Home*/
	.home-banner {font-size: .4em; padding: 55px 0}
	.home-banner p:before,.home-banner p:after {display:none;}
	.home-banner h1 {letter-spacing: 0;}
	.home-con {margin: 25px 0 0;}
	.home-con img {max-width: 40%}
	
		/*Home Sections*/
		.hsection {font-size: .6em; padding: 10px 0;}
		.hsection h2 {font-size: 2.8em; margin: 25px 0}
		.hsection h2 span {text-shadow: 2px 2px 0 #000}
		.home-news .col-lg-6 {padding:0}
		.news {margin: 0 0 25px; border-width: 5px;}
	
	/*Directory*/
	.sabai-directory-listings-container>.sabai-navigation {text-align:center;}	
	.sb-listing {font-size: .65em;}
	
	/*Jobs*/
	.job-cat {padding: 10px 0; text-align:center;}
	.job-cat .job-link {margin: 10px 0 0}
	
	/*Blog*/
	.blog-post .col-sm-2, .blog-post .col-sm-10 {padding: 0}
	.blog-post img {width: 100%; margin: 0 0 20px}
	.page-content .single-blog h1 {font-size: 2em} 
	
	/*Add Union*/
	.add-union {padding: 100px 2% 170px; font-size: .5em;}
	.packages {font-size: .8em;}
	.package {margin-bottom: 30px}
	
	/*Forums*/
	#bbpress-forums, div.bbp-breadcrumb, div.bbp-topic-tags, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, div.bbp-template-notice p {font-size: 1em}
	
	/*Footer*/
	footer,footer ul {text-align:center;}
	
	/*Contact*/
	.contact {padding: 0;  background: transparent; border: 0px solid #ddd;}
	.contact .gform_wrapper ul li.gfield {padding:0}
	.contact .gform_wrapper .hidden_label input.large, .contact .gform_wrapper .hidden_label select.large, .contact .gform_wrapper .top_label input.large, .contact .gform_wrapper .top_label select.large, .contact .gform_wrapper textarea.large,.contact  .gform_wrapper input.medium {width: 95%}
	.contact .gform_wrapper .gform_footer input.button, .contact .gform_wrapper .gform_footer input[type=submit] {width: 100%; margin: 0}
	
	/*404*/
	.fourohfour h2 {font-size: 2.2em; padding: 0}

}