/**
 * Place your custom styles here.
 
 */

/* front page */

@media only screen and (min-width:1440px) {
	.front-intro-wrapper p {
	    font-size: 25px;
	    padding: 1px 0 0px 0;
	}
	.lm-site-slogan {
		font-size: 35px;
    	padding: 30px 0 0px 35px;
	}
	.lm-site-name {
	}
	.lm-site-name a.navbar-brand {
	  height: 110px;
	  width: 582px;
	}
	#block-block-26 {
	  height: 110px;
	}
	aside.col-sm-3 {
	  top: 110px;
	}
	footer.footer div.footer-right-wrapper {
	  width: 42%;
	}

}

@media only screen and (min-width:1280px) and (max-width:1439px) {
	.front-intro-wrapper p {
	    font-size: 21px;
	    padding: 3px 0;
	}
	.lm-site-slogan {
		font-size: 33px;
		padding: 26px 0 0px 19px;
	}
	.lm-site-name a.navbar-brand {
		height: 100px;
	    width: 490px;
	    background-size: 100%;
	}
	#block-block-26 {
	  height: 100px;
	}
	aside.col-sm-3 {
	  top: 100px;
	}
	body {
	    background-position-y: -10px;
	}
	footer.footer div.footer-right-wrapper {
	  width: 44%;
	}
}

@media only screen and (min-width:1160px) and (max-width:1279px) {
	.front-intro-wrapper p {
	    font-size: 21px;
	    padding: 3px 0;
	    height: 36px;
	}
	.lm-site-slogan {
		font-size: 27px;
		padding: 25px 0 0px 27px;
	}
	.lm-site-name a.navbar-brand {
		height: 90px;
	    width: 450px;
	    background-size: 100%;
	}
	#block-block-26 {
	  height: 90px;
	}
	aside.col-sm-3 {
	  top: 90px;
	}
	body {
	    background-position-y: -20px;
	}
	footer.footer div.footer-right-wrapper {
	  width: 44%;
	}

}

@media only screen and (min-width:980px) and (max-width:1159px) {
	.front-intro-wrapper p {
	    font-size: 29px;
	    padding: 5px 0;
	    line-height: 1.3;
	    margin: 13px 0 7px 0;
	}

	#block-block-24 a.get-help {
	    background-size: 100%;
	    width: 185px;
	}

	.lm-site-slogan {
		font-size: 24px;
		padding: 20px 0 0px 20px;
	}
	.lm-site-name a.navbar-brand {
		height: 75px;
	    width: 360px;
	    background-size: 100%;
	}
	#block-block-26 {
	  height: 75px;
	}
	aside.col-sm-3 {
	  top: 75px;
	}
	body {
	    background-position-y: -35px;
	}
	footer.footer div.footer-tri-column-wrapper {
	}
	footer.footer div.footer-right-wrapper {
	  width: 44%;
	}
	.front-pillars-wrapper p {
	    font-size: 17px;
	    padding: 0px 60px 25px 0;
	    line-height: 1.5;
	    height: 75px;
	}
	.front-pillars-wrapper {
	    margin: 0px 0 0 0;
	    border-top: none;
	}
	#block-superfish-1 #superfish-1 li a {
	    letter-spacing: 0.5px;
	    padding: 21px 16px;
	}
}

@media only screen and (min-width:768px) and (max-width:979px) {

	.front-intro-wrapper p {
	    font-size: 24px;
	    padding: 5px 0;
	    line-height: 1.3;
	    margin: 13px 0 2px 0;
	}

	#block-block-24 a.get-help {
	    background-image: url(../img/help-button-float.png);
	    width: 207px;
		text-align: left;
	    padding-left: 73px;
	}

	.lm-site-slogan {
		font-size: 18px;
		padding: 21px 0 0px 11px;
	}
	.lm-site-name a.navbar-brand {
		height: 67px;
	    width: 310px;
	    background-size: 100%;
	}
	#block-block-26 {
	  height: 67px;
	}
	aside.col-sm-3 {
	  top: 122px;
	}
	body {
	    background-position-y: -43px;
	}
	footer.footer div.footer-tri-column-wrapper {
	}
	footer.footer div.footer-right-wrapper {
	  width: 44%;
	}
	#block-block-24 {
		right: 0;
		top: -55px;
	}
	ul.front-pillars-list li.item-first {
		width: 1010px;
	    padding: 7px 400px 9px 250px;
	    line-height: 1.2;
	}

	.front-pillars-wrapper p {
	    font-size: 16px;
	    padding: 1px 60px 25px 0;
	    line-height: 1.4;
	    height: 93px;
	}
	.front-pillars-wrapper {
	    margin: 0px 0 0 0;
	    border-top: none;
	}
	#block-superfish-1 #superfish-1 li a {
	    letter-spacing: 0.5px;
	    padding: 21px 10px;
	}
}

@media only screen and (min-width:908px) and (max-width:979px) {

	.front-intro-wrapper p {
	    font-size: 24px;
	    padding: 11px 0 11px 0;
	    line-height: 1.3;
	    margin: 13px 0 10px 0;
	    border-bottom: 1px solid #d4d4d4;
	    max-width: 565px;
	}
	.front-pillars-wrapper p {
	    height: auto;
	}

}

@media only screen and (max-width:767px) {

	/* swap out the usual page header because that one gets caught up in sidr */

	header#page-header {
		display: block;
		position: absolute;
		top: 0px;
		left: 0;
	}
	section#block-block-26 {
		display: none;
	}
	#block-superfish-1 {
	    padding: 0 5%;
	    width: 100%;
	    height: 57px;
	}
	#block-superfish-1 #superfish-1 {
	    margin: 0;
	    height: 55px;
	}
	header#navbar .navbar-header {
	  height: 67px;
	}
	header#navbar {
		background: transparent;
		margin: 0;
		background-color: #ec2f33;
		border: 0;
	}

	header#navbar #navbar-collapse {
	}
	.navbar-default .navbar-toggle {
	    border-color: transparent;
	    margin: 10px 26px 0 0;
	    padding: 15px;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus {
	    background-color: #d40704;
	}

	.sf-menu li#menu-1960-1 {
	  display: list-item;
	}
	.front-intro-wrapper p {
	    font-size: 24px;
	    padding: 5px 0;
	    line-height: 1.3;
	    margin: 13px 0 2px 0;
	}

	.lm-site-slogan {
		/*
		font-size: 18px;
		padding: 21px 0 0px 11px;
	    */
	    display: none;
	}
	.lm-site-name a.navbar-brand {
		height: 67px;
	    width: 310px;
	    background-size: 100%;
	}
	#block-block-26 {
	  height: 67px;
	}
	aside.col-sm-3 {
		/*
	    position: relative;
	    width: 100%;
	    padding: 0;
	    margin: 43px 0 0px 0;
	    */
	    display: none;
	}
	section.col-sm-9 {
		width: auto;
	}
	#block-block-24 a.get-help {
	    background-image: url(../img/help-button-float.png);
		width: 224px;
		text-align: left;
		padding-left: 73px;
		height: 57px;
	}
	#block-block-24 {
		right: 0;
	}
	#block-superfish-2 {
    	float: none;
    	padding: 0;
	}
	#block-superfish-2 h2.block-title {
	 	padding: 16px 0 16px 8%;
	    line-height: 1.8;
	 }
	#block-superfish-2 ul {
	 	margin: 0 0 56px 0;
	 }

	.sf-vertical, 
	.sf-vertical li {
	    width: 100%;
	}	
	#block-superfish-2 li a {
	    padding: 16px 0 16px 8% !important;
	    letter-spacing: 1px;
	}	
	body.front,
	body {
	    background-image: none;
	    width: 105%;
	}
	footer.footer div.footer-tri-column-wrapper {
	  height: auto;
	  width: 100%;
	}
	footer.footer ul {
	    padding: 40px 0 0 35px;
	}
	footer.footer div.footer-right-wrapper {
		position: relative;
		height: auto;
		background-color: #000000;
		background-image: none;
	    margin: 40px 0 0 -18px;
	    padding: 45px 0 45px 34px;
	    width: 105%;
	}
	footer.footer div.footer-right-wrapper ul {
	    padding: 0px 0 0 35px;
	}
	footer.footer div.footer-center-wrapper ul li {
	    display: inline-block;
	    margin: 0 12px 0 0;
	}




	ul.front-pillars-list {
	    width: 100%;
	}
	ul.front-pillars-list li.item-first {
	    width: auto;
	    padding: 18px 0 18px 250px;
	    margin: 0 0 12px -250px;
	    line-height: 1.2;
	}
	footer.footer #block-views-announcement-blocks-block div.views-field-field-slug, footer.footer #block-views-announcement-blocks-block div.views-field-field-link {
	    width: auto;
	}


	.front-pillars-wrapper p {
	    font-size: 16px;
	    padding: 1px 60px 25px 0;
	    line-height: 1.4;
	}
	.front-pillars-wrapper {
	    margin: 0px 0 0 0;
	    border-top: none;
	}
	#block-superfish-1 #superfish-1 li a {
	    letter-spacing: 0.5px;
	    padding: 21px 14px;
	}
	#block-superfish-1 {
		display: none;
	  /* this is the main menu for larger screens and should be hidden when small */
	}
	#block-menu-block-3 {
	  display: block;
	  /* this is the alternate menu for small screens and should be hidden otherwise */
	  background-color: #000;
	  padding: 21px 0 24px 0;
	}
	#block-block-30 {
	  display: block;
	  /* this is the alternate donate button for small screens and should be hidden otherwise */
	}
	#block-block-30 a {
	    margin: 42px 0 42px 35px;
	    display: inline-block;
	    color: #fde583;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	}
	#block-block-30 a:hover {
	    color: #ffd837;
	    text-decoration: none;
	}
	#block-menu-block-3 ul {
		padding: 0px 5%;
	    float: none;
	    background: #000;
	    position: relative;
   	}
	#block-menu-block-3 ul.nav li a {
		padding: 5px 5%;
		color: #fff;
		font-size: 16px;
	}
	#block-menu-block-3 ul.nav li a:active,
	#block-menu-block-3 ul.nav li a:focus,
	#block-menu-block-3 ul.nav li a:hover {
		color: #fde583;
		background: transparent; 
	}
	#block-menu-block-3 ul.nav li a span.caret {
		display: none;
	}

}