/* CSS for serving the retina image to devices with a high "device-pixel-ratio" */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
}

/*  Tablet & Larger
	---------------- */
@media only screen and (min-width: 768px) {
	.flexbox #footer .container_24 {
		/* IE10 */
		display: -ms-flexbox;
		-ms-flex-pack: justify;
		-ms-flex-wrap: no-wrap;

		/* Webkit */
		display: -webkit-flex;
		-webkit-flex-wrap: no-wrap;
		-webkit-justify-content: space-between;

		/* Proper Browsers */
		display: flex;
		flex-wrap: no-wrap;
		justify-content: space-between;
	}

	.flexbox .footer_column {
		float: none;
		width: auto;
		width: -ms-flex(1); /* IE10 */
		-webkit-flex-grow: 1; /* Webkit */
		flex-grow: 1; /* Proper Browsers */
	}

	#header_search_mobile {
		display: none !important;
	}

	/* fix for hiding table cells. */
	th.hidden_phone,
	td.hidden_phone {
		display: table-cell !important;
	}
}

/*  EXTRA-LARGE (XL) Grid: 1200px+
	---------------- */
@media only screen and (min-width: 1200px) {
	#home_tiles h3 {
		font-size: 25px;
	}

	.event_banner_sidebar_wrapper > h3 {
		top: 75px;
	}
}

/*  LARGE (L) Grid: 1024px - 1199px
	---------------- */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#home_tiles h3 {
		font-size: 21px;
	}

	#header .logo {
  	margin: -13px 0px -11px 0px;
	}
}

/*  MEDIUM (M) Grid: 768px - 1023px
	---------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* Header */

	#header .logo {
	  margin: -1px 0px -11px 0px;
	}

	#header_donations a.button {
		font-size: 10px;
		height: 55px;
	}

	#header_donations img {
		height: 1.3em;
		width: auto;
		margin-right: 0.5em;
		vertical-align: text-top;
	}

	#header_cart a {
		font-size: 11px;
	}

	#mainNav > li > a {
		font-size: 12px;
		font-weight: normal;
	}

	/* Widgets */
	.widget_form_row label {
		width: 100%;
		display: block;
	}

	.widget_form_input {
		width: 100%;
	}

	.event_banner_sidebar_wrapper .event_calendar_icon {
		display: none !important;
	}

	#sidebar_banner .banner_text h2 { font-size: 20px; text-align: center; }


	/* Gallery */
	/* Categories */
	#content .gallery_cat_list li {
		margin-bottom: 10px;
	}

	#content .gallery_cat_list li a {
		width: 100%;
	}

	#content .gallery_cat_list li a:hover {
		width: 100%;
		margin: 0;
	}

	.gallery_cat_list li a:hover .gallery_title_label {
		font-size: 14px;
		line-height: 17px;
		font-weight: bold;
		height: 135px; /* Change the height to the height of the image */
	}

	/* Thumbs */
	#content .gallery_thumbs li,#content .gallery_thumbs li.gallery_last {
		width: 32.6%;
		margin-right: 1%;
	}

	#content .gallery_thumbs li.gallery_tab_last {
		margin-right: 0;
	}

	/* Events */

	.event_listing .event_presenter,
	.event_listing .event_date {
		float: none;
	}

	/* Products */

	.related_product_image {
		height: 190px;
	}

	/* Footer */
	.footer_social a {
		margin          : 10px 6px 10px 0px;
		font-size       : 18px;
		width           : 30px;
		height          : 30px;
		line-height     : 30px;
	}

	#footer_signup .signup_message {
		font-size: 12px;
	}

	#footer_signup .textinput {
		width: 20%;
	}


	/* Form styles */

	.form_row.captcha input {
		margin-top:  15px;
		width:       100% !important;
		margin-left: 0 !important;
	}
	.form_row.quad {
		width: 32%;
	}

}

@media only screen and (min-width: 767px) {
	.hide_desktop {
		display: none;
	}
}

/*  Phone - all mobile sizes < 767px
	---------------- */
@media only screen and (max-width: 767px) {
	#header {
		border-bottom: 1px solid #8cb339;
		/*background: #a1cd41;*/
		background: #ffffff;
	}

	html, body {
		font-size: 14px;
		line-height: 20px;
	}

	#homePage #menu_mobile {
		display : none;
	}

	.form_label {
		width   : auto;
		padding : 0;
		margin-bottom: 2px;
		margin-top: 0px;
	}

	.form_required {
		width   : 5%;
		padding : 0px 0 0 10px;
		margin-bottom: 2px;
		margin-top: 0px;
	}

	.form_field {
		width      : 100%;
		float      : none;
		margin-top : 0;
	}

	.compact_form {
		margin-bottom: 20px;
	}

	#header {
		height  : 60px;
		padding : 0;
	}

	#header a.logo {
		float: left;
		margin: 0px;
		padding: 10px 0px;

		/*
		padding: 10px 15px;
		background: #ffffff;
		border-left: 1px solid #8cb339;
		border-right: 1px solid #8cb339;
		*/
	}

	#header a.logo img {
		max-height: 40px;
		width: 100%;
		height: auto;
		width: auto;
	}

	.banner_text_wrapper {
		top: 20%;
	}

	.banner_text h2 {
		font-size: 20px;
	}

	.banner_text p {
		font-size: 14px;
	}

	.home_table {
		width: 100%;
		float: none;
	}

	.resource_view_share {
		margin: 0px !important;
		float: left;
	}

	.resource_view_title {
		margin: 5px 0px;
		clear: both;
	}

	.resource_view_tags {
		clear: left;
		float: left;
	}


	/* Members */

	.signup_box .dividing_line {
		position: static;
		margin: 20px 0px;
		clear: both;
		width: 100%;
		border-right: 0px none transparent;
		border-bottom: 1px solid #e3e2e1;
	}

	.signup_box > .float_left,
	.signup_box > .float_right {
		float: none !important;
	}


	/* Gallery */
	#content .gallery_cat_list li {
		margin-bottom: 15px;
		width: 48%;
	}

	#content .gallery_cat_list li.gallery_middle {
		margin-right: 0;
		margin-left: 0;
	}

	#content .gallery_cat_list li.gallery_mob_last {
		margin-left: 4%;
	}

	.gallery_cat_list li a {
		background: none;
	}

	.gallery_cat_list li a:hover .gallery_title_overlay_container,.gallery_cat_list li .gallery_title_overlay_container {
		position: relative;
		display: block;
		text-align: left;
	}

	.gallery_cat_list li .gallery_title_overlay {
		display: block;
		text-align: left;
		padding: 0px;
	}

	.gallery_cat_list li a:hover .gallery_title_overlay {
		padding: 0px;
	}

	.gallery_cat_list li a:hover .gallery_title_label, .gallery_cat_list li .gallery_title_label {
		font-size: 14px;
		display: block;
		padding: 10px 0 2px 0;
		line-height: 17px;
		font-weight: bold;
		color: #000;
		text-align: left;
		height: auto; /* Change the height to the height of the image */
	}

	/* Products */

	.product_category .product_image_container h3 {
		font-size: 16px;
		padding: 10px;
	}

	/* Thumbs */
	#content .gallery_thumbs li, #content .gallery_thumbs li.gallery_last, #content .gallery_thumbs li.gallery_tab_last {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 18px;
	}

	#content .gallery_thumbs li.gallery_mob_last {
		margin-right: 0;
	}
	.gallery_thumbs .gallery_caption {
		padding: 18px 0 0px;
	}
	.gallery_thumbs .gallery_caption h2 {
		margin-bottom: 10px;
	}

	/* Events */

	.event_listing .event_presenter,
	.event_listing .event_date {
		float: none;
	}

	.event_view_share {
		float: none;
		margin-bottom: 10px !important;
	}

	.eventCalendar .event_view_toggle {
		float: none;
	}

	#calendar .fc-header {
		width: 100% !important;
		float: none;
	}

	#calendar .fc-header .fc-header-left {
		float: none;
		padding-left: 0px;
	}

	#calendar .fc-header-title h2 {
		font-size: 24px;
	}


	/* Footer */
	.home_section {
		padding: 20px 0px;
	}

	.footer_social {
		text-align: center;
		padding-bottom: 15px;
		position: relative;
		margin-bottom: 15px;
	}

	.footer_social:after {
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 2px;

		background-color: #8cb339;
		background-color: rgba(140,179,57,0);
		background-image: -webkit-linear-gradient(left, rgba(140,179,57,0) 0%, rgba(140,179,57,1) 50%, rgba(140,179,57,0) 100%); /* Chrome10+,Safari5.1+ */
		background-image: -moz-linear-gradient(left, rgba(140,179,57,0) 0%, rgba(140,179,57,1) 50%, rgba(140,179,57,0) 100%); /* FF3.6+ */
		background-image: -ms-linear-gradient(left, rgba(140,179,57,0) 0%, rgba(140,179,57,1) 50%, rgba(140,179,57,0) 100%); /* IE10+ */
		background-image: -o-linear-gradient(left, rgba(140,179,57,0) 0%, rgba(140,179,57,1) 50%, rgba(140,179,57,0) 100%); /* Opera 11.10+ */
		background-image: linear-gradient(to right, rgba(140,179,57,0) 0%, rgba(140,179,57,1) 50%, rgba(140,179,57,0) 100%); /* W3C */
	}

	.footer_social a {
		float: none;
		display: inline-block;
		margin: 0px 5px;
	}

	#footer .footer_column {
		width: 50%;
	}

	#footer .footer_column:nth-child(2n-1) {
		clear: left;
	}

	.footer_left,
	.footer_right {
		float: none;
		width: 100%;
		clear: both;
		text-align: center;
	}

	.footer_right {
		margin-top: 10px;
	}


	/* Donation Form */
    .form_x_two, .form_x_two.d_ammount {
        width: 100%;
    }
    .form_x_two .form_field {
        width: 100%;
        margin-right: 0%;
    }
    .form_x_two .form_label {
        width: auto;
    }
    .form_x_two.d_ammount .form_field {
        width: 100%;
    }
    #form_other_amount_box {
        width: 100%;
    }
    #form_other_amount_box .form_label {
        width: 31%;
    }
    .form_x_two.full {
        width: 100%;
    }
    .form_x_two.full .form_label {
        width: 36%;
    }
    .form_x_two.full.d_ammount .form_label {
        width: 31%;
    }


    /* Form Styles */

    .form_row.dual {
    	width: 100%;
    }
    .form_row.dual.second {
    	margin-left: 0;
    }

	.form_row.quad {
		width: 32%;
	}

	.form_row.triple {
		width:        100%;
		margin-right: 0;
	}
	.form_row.triple.last{
		margin-left: 0;
	}

}

/*  SMALL (S) Grid: 480px - 767px
	---------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.related_product_image {
		height: 200px;
	}
}

/*  EXTRA-SMALL (XS) Grid: < 479px
	---------------- */
@media only screen and (max-width: 479px) {

	.banner_text_wrapper {
		top: 10%;
	}

	.banner_text h2 {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.banner_text p {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.banner_text .button {
		padding: 6px !important;
		font-size: 12px;
	}

	.home_table p,
	.home_table td {
		font-size: 11px;
		line-height: 1.5;
	}

	.home_table h3 {
		font-size: 14px;
	}

	.home_table img {
		margin: 15px 0px;
	}

	.home_table hr {
		margin: 8px 0px;
	}

	/* Gallery */
	/* Thumbs */
	#content .gallery_thumbs li, #content .gallery_thumbs li.gallery_last, #content .gallery_thumbs li.gallery_tab_last {
		margin-bottom: 10px;
	}
	.gallery_thumbs .gallery_caption {
		padding: 10px 0 0px;
	}
	.gallery_thumbs .gallery_caption h2 {
		margin-bottom: 5px;
	}

	/* Events */

	.event_listing .event_image_container {
		margin-bottom: 10px;
	}

	.event-view .event_image {
		max-width: 100%;
		width: 100%;
		margin-left: 0px;
	}

	.upcoming_event_image {
		margin-bottom: 20px;
	}

	#calendar {
		display: none;
	}

	/* Products */

	.product_listing .product_image_container {
		margin-bottom: 10px;
	}


	/* Footer */

	#footer h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}

	#footer li {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 5px;
	}

	#footer_bottom .secure_payments {
		margin-left: 30px;
		margin-bottom: 10px;
	}


	/* Donation Form */
    .form_x_two.full.d_ammount .form_label {
        width: 46%;
    }
    .form_x_two, .form_x_two.d_ammount {
        width: 100%;
        display: block;
    }
    .form_x_two .form_field, #form_other_amount_box .form_field, .form_x_two.d_ammount .form_field {
        width: 100%;
        margin-right: 0%;
    }
    .form_x_two.full {
        width: 100%;
    }
    #form_other_amount_box {
        width: 100%;
    }
    #form_other_amount_box .file_label, .form_x_two .form_label {
        width: auto;
        display: block;
    }

    /* Form Styles */


	.form_row.quad, .form_row.triple {
		width: 100%!important;
		margin-right: 0!important;
	}

}


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

	#footer_signup {
		text-align: center;
	}

	#footer_signup .signup_message {
		margin: 0px;
		width: 100%;
		text-align: center;
		padding-top: 0px;
	}

	#footer_signup .textinput {
		width: 70%;
	}

	table.breakdown tr,
	table.breakdown td {
		display: block;
		width: 100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
}