/*-----------------------------------------------------------------------------------

	Theme Name: Advoacte
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0

	Stylesheet: Media Queries

	0.	CSS Reset
	1.	Global (body, page sructure, common classes)
	2.  Header and Navigation
	3.  Homepage
	4.  Blog
	5.  Gallery
	6.  Contact
	7.  Donate
	8.  Widgets
	9.  Footer
	10. Typography
	11. Buttons
	12. Lists
	13. Forms
	14. Icons
	15. Events List
	16. Event Description
	17. About

-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
body{
  font-family: 'Montserrat', sans-serif !important;
}
.wizard > .actions a:hover{opacity: 0.7;}
div.box_heading span.line {position: relative  !important; top: 10px;}
.contact-header h2{font-weight: 700;}
#frmSubmittedValue, #refStateID{padding: 7px;}
input:-webkit-autofill {
    background-color: #f9f9f9 !important;
}
select, input{outline: none;}
select {color: #000 !important;}
.indentFix{
  color: #6b6b6b;
  font-size: 14px;
  line-height: 23px;
}
div#contact div#topics div.row input {
	top:3px;
}

div#contact div#topics div.row input#mailingList {
	top:0 !important;
}

.anchorButton{background: #0368a1 !important;border: 1px solid #436892 !important;color: #fff !important;padding: 10px !important;}
.actions ul li a{min-width: 80px;text-align: center;padding: 10px !important;background: #3b92c1 !important;}
.actions ul .disabled a{background: #d8dee6 !important;color: #a2aebe !important;}
.wizard > .content{background: #eff2f6;margin: 0px; }
.InputLabelElement{position: relative;top: 0 !important;left:0 !important;color: #696e72;font-size: 13px;}
div#contact div.row input, div#contact div.row select{margin-top: 5px;}
footer{position: relative;overflow: hidden;}
.one_third1{width: 65%;float: left;}
.column_last{width: 30%;}
.ui-dialog{padding: 15px 10px !important;}
.ui-dialog .ui-dialog-titlebar{background: none;border: none;}
.box_heading h2{font-size: 20px; font-weight: bold;}
/* #topics{padding-top: 15px;} */
.slideContent{padding: 25px;}
.showMobileLogo{display: none;}

@media (min-width:720px) {
.slider-tick-label:first-child:nth-last-child(4), .slider-tick-label:first-child:nth-last-child(4) ~ .slider-tick-label { min-width: 187px !important; }
.slider-tick-label:first-child:nth-last-child(5), .slider-tick-label:first-child:nth-last-child(5) ~ .slider-tick-label { min-width: 137px !important; }
}
@media (max-width:720px) {

  .showMobileLogo{display: block !important;}
  .one_third1{display: none;}
  .slider.slider-horizontal .slider-tick-label-container{width:125%;}.slider-horizontal {
    /* width: calc(100% - 40px) !important; */
    margin-left: -40px;
  }
  .slider.slider-horizontal .slider-tick-label-container .slider-tick-label{
  	width:20% !important;
  	word-wrap: break-word;
  	width: 80px;
  }
  
  .slider-tick-label:first-child:nth-last-child(4), .slider-tick-label:first-child:nth-last-child(4) ~ .slider-tick-label { width: 26% !important; }
.slider.slider-horizontal .slider-tick-label-container{
    word-wrap: break-word;

}
.slider.slider-horizontal .slider-tick-label-container{
    white-space: unset !important;
    margin-left: -5% !important;
    width: 110%;
}
div#contact div.row{
	overflow:visible !important;
}
.headerLeftLogo{display: block !important;}
}
/* For iPads and Tablets */
@media screen and (min-width:751px) and (max-width:970px) {

	/* 1. Global */
	.container {
		width: 768px;
		margin: 0 auto;
	}

	/* 2. Header and Navigation */
		header nav ul li {
			margin-right: 5px;
		}

	/* 3. Homepage */

	div#home div#slider img {
		width: 100%;
	}
	div#revolution_wrap div#description {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	div#actions span.icon {
		margin-left: 2px;
	}
	div#revolution_wrap div#actions {
		float: left;
		width: 100%;
	}
		div#revolution_wrap div#actions div.one_half {
			margin-bottom: 10px;
		}
	div.sub_heading, div.box_heading {
    	margin-bottom: 20px;
	}
	div#help {
    	margin-bottom: 22px;
    }
		div#help .text {
	    	margin-left: 55px;
	    }
	.donate_button {
		padding: 8px 16px;
	}
	div#items div.one_third {
		width: 46%;
	}
	div#items div.news {
		margin-right: 8%;
	}
		div#items div.news ul li {
			margin-bottom: 12px;
		}
	div#items div.events {
		margin-right: 0 !important;
	}
	div#items div#sponsors {
		width: 100%;
		text-align: center;
	}
	div#items div#sponsors img {

	}
		div#items div#sponsors ul {
			width: 724px;
		}
		div#items div#sponsors ul li {
			padding: 5px 21px 3px;
			border-right: none;
			background: #f9f9f9;
			display: inline-block;
			border-bottom: none;
			width: 137px;
		}

	/* 4. Blog */

	div#blog {
		width: 62%;
	}
		div#blog img {
			width: 100%;
		}
		div#blog div.post {
			margin-bottom: 30px;
		}

	/* 5. Gallery */

	div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails img {
		width: 100%;
		height: 100%;
	}
	div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails img  {
		width: 100%;
		height: 100%;
	}
	div.page_wrapper section.container div#gallery.page, div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.two_column, div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.three_column, div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.four_column {
		width: 742px;
	}
	div.page_wrapper section.container div#gallery ul li {
		margin-bottom: 11px;
	}
	div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.two_column li {
		width: 361px;
		height: 255px;
	}
	div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.three_column li {
		width: 237px;
		height: 168px;
	}
	div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.four_column li {
		width: 175px;
		height: 124px;
	}
	div.page_wrapper section.container div#gallery.page.with_sidebar, div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails.two_column, div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails.three_column, div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails.four_column {
		width: 488px;
	}
	div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails.two_column li {
		width: 234px;
		height: 165px;
	}
	div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails.three_column li {
		width: 152px;
		height: 107px;
	}
	div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails.four_column li {
		width: 112px;
		height: 79px;
	}

	/* 6. Contact */

	div#contact {
		width: auto;
		/*width: 62%;*/
	}
	div#contact div#location div.one_fourth.column_last {
		width: 100%;
		margin-top: 12px;
	}
	div#contact div.row {
		width: auto;
		/*width: 477px;*/
	}
	div#contact div.row select {
		margin-bottom: 25px;
	}

	/* 7. Donate */

	div#donate {
		width: 62%;
	}
		div#donate h1 {
			margin-bottom: 16px;
		}
		div#donation_level {
			margin-top: 30px;
		}
			div#donation_level p {
				width: 100%;
			}
			div#donation_level ul.amount {
				float: left;
				margin-top: 12px;
			}
				div#donation_level ul.amount li a {
					margin-right: 10px;
				}

	/* 15. Events List */

	div#events_list div.list div.event_details {
		width: 57%;
	}
	div#events_list div.list div.event_date {
		width: 35%;
	}

	/* 16. Event Description */

		div#events div.event p {
			margin-bottom: 22px;
		}
		div#events div.event p.last {
			margin-bottom: 22px;
		}
		div#events div.event img {
			width: 100%
		}

	/* 17. About */

	div#about {
		width: 62%;
	}
	div#about img {
		width: 100%;
	}


}


/* For iPhones and Mobile */
@media only screen and (max-width:750px) {

	/* 1. Global */
	.container {
		/*width: 320px;*/
		overflow: hidden;
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
		/*margin: 0 auto;*/
	}

	.container .page {
		background-color: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
	}

	section.page_heading {
		/*height: 126px;*/
		height: auto;
		padding: 20px 0;
	}
	div.one_third {
		float: none;
		margin-right: 0;
		overflow: hidden;
		width: 100% !important;
	}

	.button.white {
		float: right;
		margin-right: 5px;
	}

	div.location_widget p {
		margin-bottom: 5px;
	}

	div.page_wrapper {
		background: #fff;
		padding-top: 0px;
	}
	div.page_wrapper aside {
		width: 100%;
		float: none;
	}

	.mailing-list-input {
		height: 35px;
	}

	/* 2. Header and Navigation */
	header nav ul { display: none !important; }
	header .select-menu {
		display: block;
		float: left;
	}

	header aside {
		float: right;
		padding-top: 0px;
		width: auto;
		margin-top: 22px;
	}

	header nav select {
		-webkit-padding-end: 22px;
		margin-top: -5px;
	}

	header nav {
		margin-top: 25px;
	}
	header nav ul {
		padding-top: 14px;
		}
		header nav ul li {
			margin-right: -14px;
		}
			header nav ul li a {
				font-size: 13px;
				padding: 5px 9px;
			}
			header nav ul li a:hover {
				background: none;
				text-decoration: underline;
			}
				header nav ul li.current-menu-item a {
					background: none;

				}


	/* 3. Homepage */
	section.page_heading .logo {
		padding-top: 0;
	}

	section.page_heading .logo a {
		font-size: 34px;
		margin: 0;
	}

	section.page_heading .logo .tagline {
		font-size: 14px;
		margin-top: 10px;
	}

	div#contact .full h5 {
		font-size: 14px;
	}

	div#home .page {
		margin-top: 125px;
	}
	div#home div.sub_heading {
		margin-bottom: 15px;
	}
	div#description {
	    float: none;
	    padding-right: 0;
	    text-align: center;
	    width: 100%;
	    margin-bottom: 16px;
	    margin-right: 0px;
    }
    	div#description h3 {
	    	font-size: 20px;
    	}
	div#actions {
	    float: none;
	    width: 100%;
	}
		div#actions span.icon {
			margin-left: 2px;
		}
		div#actions .one_half {
			width: 100%;
		}
	div#help {
		padding-bottom: 65px;
	}
		div#help .text {
			margin-left: 55px;
		}
			div#help .text h3 {
				font-size: 20px;
			}
		div#help .donate_button {
			top: 130px;
			right: 100px;
			padding: 8px 16px;
		}
	div.news, div.events, div#sponsors {
		width: 100%;
	}
	div#sponsors ul li {
		width: 43.3%;
	}
	.flex-caption {
		display: none;
	}

	/* 4. Blog */

	div#blog {
		width: 87%;
		margin-bottom: 20px;
	}
		div#blog div.post {
			width: 100%;
			margin-bottom: 30px;
		}
		div#blog div.post img {
			width: 100%;
		}
	div.post .meta span.date, div.post .meta span.comments {
	    margin-right: 9px;
	}

	/* 5. Gallery */

	ul.filter_list li {
		margin-right: 0;
	}
	div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails img {
		width: 100%;
		height: 100%;
	}
	div.page_wrapper section.container div#gallery.page.with_sidebar ul.gallery_thumbnails img  {
		width: 100%;
		height: 100%;
	}
	div.page_wrapper section.container div#gallery.page, div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.two_column, div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.three_column, div.page_wrapper section.container div#gallery.page ul.gallery_thumbnails.four_column {
		width: 277px;
	}
	div.page_wrapper section.container div#gallery ul.gallery_thumbnails li {
		width: 277px;
		height: 196px;
		margin-bottom: 11px;
		margin-right: 0px;
	}
	div.page_wrapper section.container aside {
		float: none;
		clear: both;
		overflow: hidden;
		margin-top: 12px;
	}
	div.page_wrapper section.container aside div#sidebar div.widget_search {
		margin-top: 20px;
	}

	/* 7. Donate */

	div#donate {
		width: 87%;
	}
	div#donate h1 {
		margin-bottom: 8px;
	}
		div#donate div#donation_level {
			margin-top: 20px;
			overflow: hidden;
		}
			div#donate div#donation_level div.box_heading {
				margin-bottom: 14px;
			}
		div#donate div#donation_level p.choose {
			width: 100%;
		}
		div#donate div#donation_level ul.amount {
			margin-top: 12px;
			margin-bottom: 25px;
		}
			div#donate div#donation_level ul.amount li a {
				margin-right: 7px;
			}

	/* 8. Contact */

	div#contact {
		width: 100%;
	}
		div#contact div.full {
			margin-bottom: 14px;
		}
		div#contact h1 {
			font-size: 27px;
			margin-bottom: 15px;
		}
		div#contact div.row {
			width: 100%;
		}
			div#contact div.row p {
				width: 100%;
			    margin-right: 0;
			}
		div#contact p {
		    margin-bottom: 18px;
		}
		div#contact form {
			overflow: hidden;
		}
		div#contact textarea {
			width: 90%;
			margin-top: 12px;
			padding-top: 10px;
		}
			div#contact textarea label {
				padding-top: 10px;
			}
			div#contact div.row p input {
			    width: 90%;
			}
			div#contact div.row select {
				width: 99.8%;
			}
				div#contact div#location div.box_heading {
					margin-bottom: 12px;
				}
				div#contact div#location div.one_fourth {
					width: 100%;
					margin-top: 12px;
				}
			div#contact div#location h4 {
				margin-bottom: 6px;
			}
			div#contact div#location div.map {
				width: 100%;
				margin-right: 0;
			}
				div#contact div#location div.map iframe {
					width: 96%;
				}

			div#contact div#topics div.row textarea {
				width: 95%;
			}

		.textarea-label {
			position: absolute;
			top: 15px !important;
			left: 7px !important;
		}

		label[for="frmMailingList"] {
			font-size: 13px;
		}

	/* 9. Footer */
	footer {
		padding-top: 20px;
	}
	footer div.one_fourth {
		width: 100%;
		margin-right: 0;
	}

	/* 15. Events List */

	div#events_list h1 {
		margin-bottom: 18px;
	}

		div#events_list div.list div.event_details {
			width: 100%;
			margin-bottom: 20px;
		}
		div#events_list div.list div.event_date {
			overflow: hidden;
			float: none;
			width: 91%;
		}
		div#events_list div.list div.box_heading {
			margin-bottom: 20px;
		}

	/* 16. Event Description */

	div#events h1 {
		font-size: 25px;
		margin-bottom: 18px;
	}
	div#events a {
		margin-top: -47px;
	}
	div#events div.event ul.two {
		margin-right: 0px;
	}
		div#events div.event p {
			margin-bottom: 24px;
		}
		div#events div.event img {
			width: 100%;
		}
		div#events div.event p.last {
			margin-bottom: 28px;
		}
	div#events div.event div.event_date ul.one li, ul.three li {
	    font-weight: normal;
	}

	/* 17. About */

	div#about {
		width: 87%;
	}
		div#about div.full p.larger {
			text-align: center;
			font-size: 14px;
		}
		div#about h1 {
			margin-bottom: 14px;
		}
		div#about img {
			width: 100%;
		}
	div#programs {
		width: 280px;
	}
		div#programs div.box_heading {
			margin-bottom: 22px;
		}
		div#programs div.one_third {
			width: 100%;
		}


	/* 18. Mailing List */
	div.widget.one_third {
		width: 48%;
	}
}