/*
Theme Name: Summit
Description: Summit College WordPress Theme
Author: Gragg Advertising
Author URI: http://graggadv.com/
Version: 2
*/

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;color:#3C363F;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* theme styles */
/* basic */
body{overflow-x: hidden;position: relative}
#canvasWrapper {
	 -moz-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 min-height: 100%;
	 position: relative;
}
body {
    /*background-color: #de1f26;*/
	 font-family: "Raleway",sans-serif;
	 font-weight: normal;
	 font-size: 1em;
	max-width: 2565px;
	margin: auto;
}
h1,h2,h3,h4,h5,h6,p {margin: .5em 0}
h1,h2,h3 {font-size: 270%;font-weight: bold;font-family: "Montserrat", sans-serif;}
p, li {line-height: normal}
img {
    height: auto;
    max-width: 100%;
}
a {
    color: inherit;
    text-decoration: none;
}
ol, ul {padding-left: 1.5em}
sub, sup {font-size: 67%}
sup {vertical-align: super}
sub {vertical-align: sub}
video[autoplay]::-webkit-media-controls-start-playback-button {
  display: none !important;
}
.container {
	 margin: 0 auto;
	 max-width: 960px;
}
.content {padding: 0 1em}
.fakeTR {display: block;max-width: 1420px !important;}
/*header*/
#header {padding-top: 0px !important;}
#header_search {
	display: inline-block;
	font-size: 21px;
	text-align: center;
	margin: 0px 5px;
	vertical-align: top;
}
#header_searchtoggle {
	margin-top: 5px;
	color: gray;
}
#header_searchtoggle:hover {cursor:pointer;}
.inlineBlock {display:inline-block !important;}
#header_search_form {
	display: none;
	white-space: nowrap;
	background-color: #E8E9E3;
	border-radius: 30px;
	transition: display .4s;
	padding: 0px 17px;
	float: left;
	margin-right: 10px;
	position: relative;
}
#header_search_form input[type='text'] {
	height: 23px;
	font-size: 14px;
	width: 130px;
	padding: 5px 0px;
	text-align: center;
}
#header_search_form input[type='submit'] {
	height: 24px;
	display: none;
}
#header, #main_content, #bottom_content, .stack {background-color: #1E1E1E;color: #fff;}
#header.alt {background-color:#1E1E1E; color: #ffffff}
#header .sub-menu {
    position: absolute;
    z-index: 9998;
    margin: 0px;
    left: 0px;
    top: 36px;
    width: 250px;
    text-align: center;
}
#menulogoWrapper {
	display: table;
	padding: 1em 3% 0;
	width: 94%;
	padding-bottom: 15px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;			
	transition: all .4s ease-in-out;
	background: white;
	color: black;
}
#top-logo, #top-menu {
    display: table-cell;
	 vertical-align: middle;
}
#top-logo {
	width: 240px;
    position: absolute;
    top: -45px;
    left: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;			
	transition: all .4s ease-in-out;
}
#top-logo a, #top-logo img {
    display: block;
}
#top-logo img {transition: background-color 0.4s;}
#top-menu {text-align: right}
#top-menu a {
	padding: 0 0.25em;
	text-decoration: none;
	font-size: 18px;
	position: relative;
	color: #3C363F;
}
#top-menu .menu-main-menu-container, #top-menu .divider, #top-menu .social, #menuToggle {
    display: inline-block;
	 vertical-align: middle;
}
#top-menu ul, #top-menu li{display: inline;padding: 0;margin: 0px 50px;position: relative;text-transform: uppercase;letter-spacing: 1px;}
#top-menu ul ul {display: none;}
#top-menu .menu-main-menu-container {padding-right: 1em;}
#header #top-menu {float: right;margin-top: 20px;margin-right: 20px;}
#header.alt #top-menu {float: right;padding-top: 21px;}
#header.bg {background-size: cover; background-position: center; z-index: -900;}
#top-menu .social {
    padding-left: 1em;
}
#header #top-menu ul li ul li {margin: 0px;}
#header #top-menu ul li ul li a {
	margin: 0px;
	display: block;
	width: 100%;
	padding: 13px 0px;
	transition: color, background-color, border-color .4s;
	text-shadow: none;
}
#menu-item-11362>a:hover {
	background-image: url(/wp-content/themes/GraggBase/img/donArrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}
#menu-item-11608>a:hover {
	background-image: url(/wp-content/themes/GraggBase/img/donArrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}
.donArrow {
	background-image: url(/wp-content/themes/GraggBase/img/donArrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}
#menu-item-11362 .sub-menu li a {
    background-color:rgba( 98, 164, 177, .8);
    color: white;
    border: 1px solid #B15441;
    font-size: 16px;
		transition: all .4s;
}
#menu-item-11362 .sub-menu li a:hover {background-color:rgba( 98, 164, 177, 1);}

#menu-item-11608 .sub-menu li a {
    background-color: rgba(96, 186, 185, .8);
    color: white;
    border: 1px solid #B15441;
    font-size: 16px;
		transition: all .4s;
}
#menu-item-11608 .sub-menu li a:hover {background-color: rgba(96, 186, 185, 1);}
#menu-item-11608 .sub-menu {left: -50px;}
#menu-item-11549>a:hover {
	background-image: url(/wp-content/themes/GraggBase/img/volArrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}
.volArrow {
	background-image: url(/wp-content/themes/GraggBase/img/volArrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}
#menu-item-11549 .sub-menu {
	width: 500px;
	}
#menu-item-11549 .sub-menu li {width: 50%;float: left;}
#menu-item-11549 .sub-menu li a {
    background-color: rgba(177, 84, 65, .8);
    color: white;
    border: 1px solid #F79367;
    font-size: 16px;
		transition: all .4s;
}
#menu-item-11365>a:hover {
	background-image: url(/wp-content/themes/GraggBase/img/proArrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}
.proArrow {
	background-image: url(/wp-content/themes/GraggBase/img/proArrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}
#menu-item-11549 .sub-menu li a:hover {background-color: rgba(177, 84, 65, 1);}
#menu-item-11365 .sub-menu li a {
    background-color: rgba(247, 147, 103, .9);
    color: white;
    border: 1px solid #62A4B1;
    font-size: 16px;
		transition: all .4s;
}
#menu-item-11365 .sub-menu li a:hover {background-color: rgba(247, 147, 103, 1);}
.sub-menu li:nth-of-type(1) {display:block !important;}

#menu-item-11362>a, #menu-item-11549>a, #menu-item-11365>a, #menu-item-11608>a {
	padding-bottom: 18px;
}


.phonelogo {text-align: right;padding-right: 50px;}
.phonelogo a {margin-right: 15px;}
.catchphonehome {display: inline-block;color: #B5B5B5;font-weight: bold;font-size: 18px;}
.divider {    display: inline-block;}
.blueButton {    display: inline-block;color:#60BAB9;background-color: white;border-radius: 25px;border: 2px solid #60BAB9 }
.redButton {    display: inline-block;color: #B15441;background-color: white;border-radius:25px;border: 2px solid #B15441;}
.orangeButton {    display: inline-block;color:#F79367;background-color: white;border-radius: 25px;border: 2px solid #F79367 }
.newButton {transition: all .4s;width: 150px;text-align: center;padding: 7px 0px;font-weight: bold;}
.newButton:hover {cursor: pointer;}
.blueButton:hover {color:white;background-color:#60BAB9;}
.redButton:hover {color: white;background-color:#B15441;}
.orangeButton:hover {color: white;background-color:#F79367;}
.scrollRed {color:white !important;background-color:#B15441 !important;}
.scrollBlue {color:white !important;background-color:#60BAB9 !important;}
.scrollOrange {color:white !important;background-color:#F79367 !important;}

.scrollRed:hover {color:#B15441 !important;background-color:white !important;}
.scrollBlue:hover {color:#60BAB9 !important;background-color:white !important;}
.scrollOrange:hover {color:#F79367 !important;background-color:white !important;}
/*content*/
.center {text-align: center}
.bigcopy {font-size: 167%}
.bigcopy h1, .bigcopy h2, .bigcopy h3 {font-size: 250%}
.cta-text {font-size:17px;}
#cta, #main_content, #bottom_content {padding: 2em 0 3em 0;}
.page-template-about-page #cta, .page-template-contact-page #cta {padding: 2em 0 0em 0;}
#cta {
	margin-top: 106px;
	height: 500px;
	background-size: cover;
	background-position-x: left;
	background-position-y: center;
}
.page-template-dev-front-page #cta {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center !important;
	background-color: #5085A5;
}
h2 span {font-weight: 400;}
.logizos {
		width: 85px;
		display: inline-block;
		vertical-align: middle;
		-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.notFixed {
	position: fixed;
  top: 0px;
	z-index: 999999;
}
.headerFixed {
	position: fixed;
	top: 0px;
	z-index: 99999;
	background: #DCAD77 !important;
	color: white !important;
}
.headerFixed #top-menu a {color: white;}
#menulogoWrapper .mobileView a {font-size:12px;}

.eventBlock {overflow: hidden;margin: 15px 20px;padding-left: 20px;}
.eventBlock .eventImage {
	width: 30%;
	float: left;
	display: block;
	border-radius: 25px;
	margin-right: 36px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 75px;
	max-height: 100px;
	min-height: 50px;
}
.eventLabel, .eventLabelLink {color: #B5B5B5;text-decoration: underline;transition: all .4s;}
.eventReadMore {
	color: #B15441;
	font-size: 13px;
	border: 1px solid #B15441;
	border-radius: 25px;
	padding: 7px 15px;
	float: right;
	transition: all .4s;
}
.eventReadMore:hover {color:white;background-color:#B15441;}
.eventDate {color: #B5B5B5;font-size: 15px;float: left;}

/*footer*/
.smallerText {}
.bold {font-weight: bold;}
.bigRed {}
.bigRed h1 {
	color: #de1f26;
	font-size: 72px;
	padding: 0px 25% 0px 8%;
	text-align: right;
	line-height: 1.1;
}
#footer_bottom {text-align: center;background-color:transparent;}
.f-login {color: white;}
.f-login a {color: white;}
#footer {
	background-color: #DCAD77;
	color: #ffffff;
	height: auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 15px;
}
#footer h4 {
    font-size: 120%;
    font-weight: normal;
		letter-spacing: .75px;
}
#footer .container {
    display: table;
    width: 100%;
}
#footer .footerwidgets{
    display: table-cell;
    padding: 1em 1%;
    vertical-align: top;
    width: 20%;
}
#footer .footerwidgets#footerwidget2 {    width: 20%;}
#footerwidget3 p{
    font-size: 112.5%;
}
#footer .copyrights{
    display: table-cell;
	 margin: 0;
    padding: 1em 1%;
    vertical-align: middle;
}
#footer .copyrights {
    font-size: 80%;
}
.footerTitle {
	color: white;
	text-shadow: none;
	text-transform: uppercase;
}
.footer-text {
	margin-bottom: 0px;
	color: white;
	letter-spacing: .75px;
	font-size: 15px;
	}
.footer-text a {}
.footerUL {list-style: none;}
.footerUL li {line-height: 1.5;font-size:13px;}
.footerSubTitle {font-size: 14px;}
.social-new a {
	color: white;
	font-size: 42px;
	width: 42px;
	display: block;
	float: left;
	margin: 5px 5px;
}
/*forms*/
input {
    background-color: #E8E9E3;
    border: none;
}
input.submitBtn {
	 background-color:#de1f26;
	 color:white;
}
textarea {
    background-color: #d3d3d3;
    border: none;
}
form.graggform {display: table; width:100%}
.graggform .field {display: table-row; padding: .5em 0; position: relative}
.graggform input, .graggform select, .graggform textarea {display: table-cell; font-size: 100%; vertical-align: middle}
.graggform label {
    padding: 0 1em 0 0;
    white-space: nowrap;
    width: 0;
}
.graggform input, .graggform select, .graggform textarea {margin: .5em 0 ;padding: .625em; width: 100%;border-radius: 30px;}
#comments {display: none}

/* misc */
.googlebadge{display: inline-block}
.valign img, .valign div {display: inline-block}
.valign.baseline img, .valign.baseline div {vertical-align: baseline}
.valign.bottom img, .valign.bottom div {vertical-align: bottom}
.valign.middle img, .valign.middle div {vertical-align: middle}
.valign.sub img, .valign.sub div {vertical-align: sub}
.valign.super img, .valign.super div {vertical-align: super}
.valign.text-bottom img, .valign.text-bottom div {vertical-align: text-bottom}
.valign.text-top img, .valign.text-top div {vertical-align: text-top}
.valign.top img, .valign.top div {vertical-align: top}
.textTainer {width: 75%;float: none;margin: 0 auto;padding-top: 75px;    max-width: 700px;color: #704E2E;}
.page-id-11360 .textTainer:nth-of-type(1) {padding-top:0px;}
.textTainer p {color: #704E2E;line-height: 1.5;}
.imageBG {background-repeat: no-repeat;background-size: cover;width: 95%;height: 100%;background-position: center;float: right;}
.blockOne, .blockTwo {background:rgba(98,164,177,0.20);}
.blockThree, .blockFour {background: rgba(247,147,103,0.20);}
.blockFour .imageBG {float: right;}
.blockFour .fronPageTitle {padding-left: 10%;}
.block .newButton {float: right;margin-top: 25px;margin-right: 50px;}
.blockThree .imageBG {float: left;background-position-y:top;}

.numberz {margin: 50px 0px;overflow: hidden;text-align: center;}
.numberz h2 {font-size: 200%;text-align: center;color: #B15441;}
.crazyNumbers {width: 21%;padding: 0 2%;float: left;display: block;}
.crazyNumbers .crazyTitle {font-size:55px;margin-bottom: 0px;}
.crazyNumbers .crazyText {font-size:14px;font-weight: bold;}

.crazyNumbers.sheltz .crazyTitle {color:#F79367;}
.crazyNumbers.sheltz .crazyText {color:#B8E087;}

.crazyNumbers.mealz .crazyTitle {color:#B8E087;}
.crazyNumbers.mealz .crazyText {color:#60BAB9;}

.crazyNumbers.medz .crazyTitle {color:#60BAB9;}
.crazyNumbers.medz .crazyText {color:#DCAD77;}

.crazyNumbers.stayz .crazyTitle {color:#DCAD77;}
.crazyNumbers.stayz .crazyText {color:#F79367;}

#apply-form input[type="radio"] {
    display: inline-block;
    width: 3%;
    vertical-align: middle;
    margin-top: 20px;
}
#apply-form input, #apply-form select, #apply-form textarea {text-transform: none !important;}

.fakeFooter {margin: 0px 0px 35px 0px;overflow: hidden;display: block;}
.fakeFooter h2 {font-size: 200%;color:#704E2E;}
.leftern {width: 50%;float: left;overflow: hidden;}
.lefternSubTitle {color:#704E2E;font-size:16px;font-weight: bold;}
.righty {width: 50%;float: left;overflow: hidden;}
.nonFoods {width:50%;display: block;overflow: hidden;float: left;text-align: center;margin-bottom: 25px;}
.foods {width:50%;display: block;overflow: hidden;float: left;text-align: center;margin-bottom: 25px;}
.needItem {color:#704E2E;font-size: 15px;}
.underLink {color:#704E2E;font-size: 15px;}
.underLink a {color:#60BAB9;font-weight: bold;}
.fullWidth {
    width: 100%;
    display: inline-block;
    padding: 50px 0px;
    height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fullWidthNoMargin {
      width: 100%;
    display: inline-block;
}
.innerTitle {
     font-size: 35px !important;
    text-align: center;
    margin: 35px;
}
.half {
     width: 50%;
    float: left;
    display: inline-block;
    min-width: 300px;
}
.formTainer {
	width: 400px;
	display: block;
	margin: 0 auto;
	margin-top: 10%;
	background-color: white;
	padding: 20px;
}
.redX {
	text-align: right;
	color: red;
	font-size: 30px;
	font-weight: bold;
}
.redX:hover {cursor: pointer;}
.modalTitle {
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}
.blue {color:#2A3979;}
.halfField {width: 48% !important;}
.halfField:nth-of-type(1) {margin-right: 4%;}
.formDisclaimer {    font-size: 11px;text-align: center;}
.modalClosed {
	display: none;
}
.modalOpen {
	display: block;
}
.half ul li {
     margin-top: 30px;
    font-size: 25px;
}
.one-fourth {
     width: 20%;
    float: left;
    margin: 1% 2%;
    min-width: 150px;
}
.darkness {background-color: rgba(0,0,0,.5);height: 100%;width: 100%;}
#previous {
     position: absolute;
    left: 50px;
    top: 42px;
    font-size: 50px;
}
#previous:hover {
     cursor: pointer;
}
#next {
     position: absolute;
    right: 50px;
    top: 42px;
    font-size: 50px;
}
#next:hover {
     cursor: pointer;
}

.superRow {
	width: 100%;
	padding: 100px 0px;
	min-height: 250px;
	text-align: center;
	background-size: cover;
}
#cta h1 span {color: #de1f26;}
#cta h1 {letter-spacing: 2px;}
.mobileView {display: none;}
.mButTainer {
	display:none;
	position: absolute;
	bottom: 25%;
	left: 45%;
	z-index: 999999;
}
.mButton {
	    display: inline-block;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #56E39F;
    color: white;
    font-size: 0;
		z-index: 999999;
}
.mButton::before {
  content: "";
  display: block;
  position: absolute;
}
.heroText {
	font-size: 60px;
	font-weight: 900;
	margin: 0;
	line-height: 1;
	padding-top: 14%;
}
.rowish {overflow: hidden;}
.col {
	width: 46%;
	display: inline-block;
	float: left;
	margin-bottom: 50px;
}
.colOne, .colThree {margin-right: 8%;}
.colThree h1:nth-of-type(2) {margin-top: 25px;}
.innerPageTitle {font-size: 22px;font-weight: bold;}
.videoSection {}
.rowish h1 {font-size: 170%;}
/*media queries*/
.mobileOnly{display: none !important}
#menuToggle {display: none;}
.blocks {overflow: hidden;}
.block {
    width: 50%;
    display: block;
    float: left;
    height: 500px;
	position: relative;
}
.blockTainerPadding {
    padding: 150px 100px 0px 100px;
}
.blockOne, .blockThree, .blockSix {
  background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}
.triBlocks {
	    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 100px;
    text-align: center;
}
.triBlock {
	    display: inline-block;
    width: 30%;
    vertical-align: top;
		color: #704E2E;
		box-shadow: 0px 2px 10px grey;
		padding: 10px .5%;
    margin: 0 .75%;
		min-height: 200px;
		position: relative;
}
.triBlock h2 {font-size:33px;}
.triBlock a {
	position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
		    transition: all .4s;
    width: 150px;
    text-align: center;
    padding: 7px 0px;
    font-weight: bold;
		border-radius: 25px;
		color: white;
}
.triBlock a.triBlue {
    background-color:#60BAB9;
		border: 2px solid #60BAB9;
}
.triBlock a.triBlue:hover {
	color:#60BAB9;
	background-color:white;
}
.triBlock a.triBrown {
    background-color:#B15441;
    border: 2px solid #B15441;
}
.triBlock a.triBrown:hover {
	color:#B15441;
	background-color:white;
}
.triBlock a.triOrange {
	background-color:#F79367;
	border: 2px solid #F79367;
}
.triBlock a.triOrange:hover {
	color:#F79367;
	background-color:white;
}
.triBlock.triTwo {
	min-height: 230px;
}
.sub-menu .sub-menu {
	visibility: hidden;
	left: 125px !important;
	top: -48px !important;
}
.page-template-new-front-page #cta {display: none;}
.page-template-new-front-page .blocks .textTainer {padding-top:0px;}
/*.home #cta {display: none;}*/
.spoot {background-color: white !important;color:#2A3979 !important;}
.inner-text {
  position: relative;
  top: 50%;
	transform: translateY(100%);
	font-size: 50px;
	text-align: center;
}
.footerButton {
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid white;
	width: 90%;
	padding: 0;
	padding-bottom: 21px;
	margin: 0 auto;
	padding-top: 0px;
	color: white;
}
.footerButton i {position: absolute;right: 20%;}
.page-id-1165 .one-fourth img {width: 100%;}



.jobsTainer {
	width: 68%;
	display: inline-block;
	vertical-align: top;
	float: left;
	padding-right: 5%;
	margin-bottom:50px;
	display: none;
}
.jobsTainer.activeListing {display: block;}
.jobPageTitle {
	font-size: 34px;
	padding-bottom: 30px;
	border-bottom: 1px solid gray;
	margin-bottom: 50px;
}
.jobTainer {margin-top:70px;}
.jobTitle {
	color: #B04331;
	font-size: 28px;
	font-weight: bold;
}
.jobAbutton {width: 100% !important;cursor: pointer;}
.jobAFormTitle {
	font-size: 26px;
	margin-bottom: 15px;
	font-weight: bold;
}
.uploadBoxButton {
	    color: #B04331 !important;
    font-weight: bold;
    font-size: 22px;
    border: 2px solid #B04331;
    border-radius: 25px;
    float: none;
    display: block;
    margin-top: 10px;
		width: 98%;
		padding: 10px 0px;
    text-align: center;
}
.uploadBoxTitle {
	    font-size: 21px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}
.jobInfoBox p {margin:0px;}
.jobText {}
.jobQualifications {}
.jobQualifications p {    margin-bottom: 0px;}
.jobQualifications ul {}
.jobQualifications li {
		list-style-type: disc !important;
    margin: 5px 0px;
    list-style-position: outside !important;
	}
.jobApplyButton {
	color: #B04331 !important;
	font-weight: bold;
	font-size: 22px;
	border: 2px solid #B04331;
	border-radius: 25px;
	padding: 6px 40px;
	float: none;
	display: inline-block;
	margin-top: 10px;
}

.jobs-sidebar {
	width: 27%;
	display: inline-block;
	vertical-align: top;
}
.grayBGblock {
	background-color: #efefef;
	padding: 20px;
	margin-bottom: 20px;
	margin-top:20px;
}
#jobNav ul {    padding: 0px;}
.jobNav {
	    list-style-type: none !important;
    font-size: 25px;
    cursor: pointer;
    padding-left: 32px !important;
    line-height: 1.25;
}
.jobNav.activeJobNav {
		font-weight: bold;
    background-image: url(/wp-content/themes/GraggBase/img/caret.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left;
}
.uploadBox {}
.navBox {}
.jobFormBox {}
.jobInfoBox p {font-size: 15px;}
.page-id-13474 .blocks {display: none;}
@media (max-width: 980px) {
	.triBlock {width:90%;margin:40px .75%;}
	.home .subcontainer.sliderz, .page-template-new-front-page .subcontainer.sliderz {margin-top:0px !important;}
	.home .blockOne .textTainer div:nth-of-type(1), .page-template-new-front-page .blockOne .textTainer div:nth-of-type(1) {height: auto !important;    text-align: center;}
	.home .blockFour .textTainer div:nth-of-type(1), .page-template-new-front-page .blockFour .textTainer div:nth-of-type(1) {height: auto !important;    text-align: center;}
}

@media (max-width: 1030px) {
	.blockTainerPadding {padding:100px;}
}
@media (max-width: 1450px){
	#top-menu ul, #top-menu li {margin: 0px 25px;}
	
}
@media (max-width: 1100px){
	#header.bgvideo video {display: none !important;}
	 body {font-size: 1em;}
	 .content {padding: 0 1.5em}
	 #footer .container, #footer .footerwidgets, #footer .copyrights, #footer .chat-button {display: block; text-align: center; width: auto;}
	 #footer .footerwidgets {
			padding: 0px;
			width: 100%;
			margin: 15px 0px 30px 0px;
		}
	 #footer .copyrights, #footer .chat-button {padding: 1em}
	 #footer .wrapper {display: inline-block; text-align: left}
	 #footer h4 {text-align: left;}
	 #top-menu .menu-main-menu-container, #top-menu .divider, #top-menu .social {display: none;}
	 #menuToggle {display: inline-block;font-size: 12px;}
	 /*#top-menu .social {font-size: 150%;font-size: 4vw;padding-left: 0;padding-right: 1em;}*/
	.menu-top-menu-container {display: none;}
	 .mobileOnly{display: initial !important}
	 .desktopOnly{display: none !important}
	 #menulogoWrapper {
		display: block;
		overflow: hidden;
		padding-bottom: 0px;
    background: #DCAD77 !important;
    height: 90px;
	 }
	 #header #top-menu {padding-top: 10px !important;margin-top:0px;}
	 #top-logo {
			    z-index: 999;
        top: -6px;
/*     left: 10px; */
    width: 225px;
	 }
	 #menuToggle i {color: white;width:100%;font-size: 31px;margin-bottom: 3px;}
	 .mButTainer {
			display: block;
		}
	 #cta {text-align: center;margin-top: 0px;height: 400px;}
	 .menu-top-menu-new-container {display: none;}
	 .textTainer {padding-top: 10px;width: 100%;}
	 .desktop {display: none !important;}
	 .mobileView {display: block;}
	 .innter-text {transform: translateY(0%);}
	 #footer .footerwidgets#footerwidget2 {    width: 100%;font-size: 83%;padding: 0px;}
	 .blueButtonMobile {
			width: 50%;
			display: block;
			float: left;
			text-align: center;
			background-color: white;
			color: white !important;
			padding: 15px 0px;
			font-weight: bold;
			background:#60BAB9 !important;
		}
	 .redButtonMobile {
			width: 50%;
			display: block;
			float: left;
			text-align: center;
			background-color: #B15441 !important;
			color: white !important;
			padding: 15px 0px;
			font-weight: bold;
	 }
	 .top-logo {
			width: 100% !important;
			max-width: 100% !important;
			padding-top: 0px !important;
		}
	 .phonezor {
		display: inline-block;
    width: 40px;
    color: white;
    font-size: 18px;
    float: left;
    text-align: center;
    padding: 0px 10px;
    border-right: 1px solid white;
	 }
	 .phonezor img {width: 100%;margin-bottom: 3px;}
	 #menuToggle {
		  display: inline-block;
			color: white !important;
			text-align: center;
			font-size: 12px !important;
	 }
	 #header {margin: 0px;padding-top: 152px !important;height: auto !important;}
	 .hero-text {padding-top: 24%;}
		.notFixed {    position: absolute;top: 46px;}
		.mobileHeader {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			z-index: 999;
		}
		.footerTitle {display: none;}
}
@media (max-width: 800px) {
	.block {
		width: 100%;
		float: left;
		padding: 15px 0px;
		height: auto;
	}
	.blockTwo, .blockThree {height: 150px;}
	.crazyNumbers {width: 100%;}
	.leftern {width: 100%;}
	.righty {width: 100%;}
	.social-new {width: 50%;margin: 0 auto;overflow: hidden;}
}
@media (max-width:798px) {
	.mButTainer {left: 44%;}
}
@media (max-width: 659px) {
	.mButTainer {left: 43%;}
	.col {
		width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: left;
    padding: 0px 5%;
	}
	.colOne {margin-top: 50px;}
	.colOne, .colThree {margin-right:auto;}
	.colTwo {
		background-color: #2A3979;
    margin-bottom: 0px;
    padding: 25px 5% 50px 5%;
    color: white;
	}
	.colTwo .innerPageTitle.blue {
		color:white;
	}
}
@media (max-width: 520px) {
     #next {
          right: 5px;
    }
    #previous {
          left: 5px;
    }
		.mButTainer {left: 41%;}
		.imageBG {    background-size: cover;width: 100%;background-position: center;}
		.fronPageTitle {font-size: 18px;text-shadow: 2px 2px 2px black, 0px 0px 0px black;}
		.textTainer {padding-top: 0px !important;font-size: 13px;padding: 0px 5px;width: 90% !important;}
		.blocks .mobileView p {font-size:11px !important}
}
@media (max-width: 470px) {
	#requestInfo .formTainer {width: 96%;padding: 30px 2%;}
	.heroText {font-size:39px;padding-top: 30%;}
	#cta {    height: 200px;}
}
@media (max-width: 415px) {.mButTainer {left: 39%;}}