/*------------------------------------------------------------------
[Table of contents]

1. Under 959px
2. Tablets
3. Phone Portrait & Landscape
4. Phone Landscape
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Under 959px]
-------------------------------------------------------------------*/
@media only screen and (max-width: 959px) { 
	.wpex-responsive #mainnav ul {
	    display: none
	}
	.wpex-responsive #mainnav select {
	    display: block
	}
	.wpex-responsive #mainnav ul {
	    display: none
	}
	.wpex-responsive #mainnav .selector {
	    display: block;
	    position: relative;
	    margin: 0;
	    padding: 0 0 0 25px;
	    border: none;
	    cursor: pointer !important;
	    vertical-align: middle;
	    zoom: 1;
	    height: 50px;
	    line-height: 50px;
	    float: left;
	    font-size: 16px;
	    color: #e8e1ce;
	}
	.wpex-responsive #mainnav .selector span:before {
	    display: inline-block;
	    margin-right: 10px;
	    font-size: 16px;
	    font-weight: normal;
	    font-style: normal;
	    text-align: left;
	    text-decoration: inherit;
	    -webkit-font-smoothing: antialiased;
	    content: "\f0c9";
	    font-family: 'FontAwesome';
	}
	.wpex-responsive #mainnav .selector select {
	    position: absolute;
	    left: 0;
	    top: 0px;
	    height: 60px;
	    background: none;
	    cursor: pointer;
	    overflow: hidden;
	    width: 100% !important;
	    max-width: 100%;
	}
	.wpex-responsive #mainnav .selector select:focus {
	    outline: 0
	}
	.wpex-responsive #mainnav .selector:hover {
	    -moz-opacity: 1;
	    -webkit-opacity: 1;
	    opacity: 1;
	}
	.wpex-responsive #mainnav .selector span {
	    display: block;
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	
	/*menu*/
	.wpex-responsive #navigation-responsive-toggle {
	    display: block;
	    position: absolute;
	    height: 50px;
	    line-height: 50px;
	    top: 0;
	    left: 0;
	    padding: 0 0 0 25px;
	    width: 100%;
	    font-size: 16px;
	}
	
	/*homepage*/
	.wpex-responsive #recent-events {
	    width: 100%;
	    margin: 0 0 30px;
	}
	.wpex-responsive #recent-news {
	    width: 100%;
	    margin: 0 0 30px;
	}
	.wpex-responsive #recent-photos {
	    margin-right: 0
	}
	.wpex-responsive .hp-highlight {
	    float: none;
	    margin: 0 auto !important;
	    width: 100%;
	}
	.wpex-responsive .hp-highlight-media {
	    float: left;
	    margin: 0 20px 20px 0;
	    width: 280px;
	    height: auto;
	}
	.wpex-responsive .hp-highlight-content {
	    text-align: left
	}
	
	/*blog*/
	.wpex-responsive .entry-left,
	.wpex-responsive .loop-entry-left {
	    display: none
	}
	.wpex-responsive .entry-right,
	.wpex-responsive .loop-entry-right {
	    width: 100%
	}
	
	/*footer*/
	.wpex-responsive #footer-copyright {
	    float: none;
	    width: 100%;
	}
	.wpex-responsive #footer-menu {
	    float: none;
	    margin-top: 7px;
	    width: 100%;
	    text-align: left;
	}
}

/*------------------------------------------------------------------
[2. Tablets]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.hide-on-tablets {
	    display: none !important
	}
	.wpex-responsive #wrapper,
	.wpex-responsive #masterhead,
	.wpex-responsive #mainnav {
	    width: 700px
	}
	.wpex-responsive .post {
	    width: 440px
	}
	.wpex-responsive #sidebar {
	    width: 200px
	}
	
	/*homepage*/
	.wpex-responsive #recent-events .event-entry-content {
	    width: 560px
	}
	.wpex-responsive #recent-news .recent-entry-content {
	    width: 510px
	}
	.wpex-responsive .recent-photo {
	    width: 56px;
	    height: auto;
	}

	/*events*/
	.wpex-responsive #event-wrap .event-entry-content {
	    width: 350px
	}
	
	/*blog*/
	.wpex-responsive .related-entry .featured-image {
	    width: 15%;
	    margin: 0;
	}
	.wpex-responsive .related-entry-content {
	    width: 80%
	}
	
	/*footer*/
	.wpex-responsive #footer-widget-first,
	.wpex-responsive #footer-widget-second,
	.wpex-responsive #footer-widget-third,
	#footer-widget-fourth {
	    width: 150px
	}
	
	/*other*/
	.wpex-responsive #flickr-slideshow-wrap object {
	    width: 700px !important
	}
	.wpex-responsive .widget-event-entry-content {
	    width: 130px
	}
}

/*------------------------------------------------------------------
[3. Phone Portrait & Landscape]
-------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { 
	.hide-on-phones {
	    display: none !important
	}
	.wpex-responsive #wrapper,
	.wpex-responsive #masterhead,
	.wpex-responsive #mainnav {
	    width: 285px
	}
	.wpex-responsive .wpb_row .wpb_row,
	.wpex-responsive .wpb_column {
	    width: 100% !important;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}
	.wpex-responsive .post {
	    width: 100%
	}
	.wpex-responsive #sidebar {
	    width: 100%
	}
	.wpex-responsive #mainnav .selector {
	    float: none
	}
	.wpex-responsive .wpex-row .col {
	    width: 100% !important;
	    margin: 0 0 20px !important;
	}
	
	/*header*/
	.wpex-responsive #masterhead {
	    padding-bottom: 20px
	}
	.wpex-responsive #logo {
	    float: none;
	    margin: 0 auto;
	}
	.wpex-responsive .text-logo {
	    float: none
	}
	.wpex-responsive #mastersocial {
	    position: inherit;
	    top: auto;
	    right: auto;
	    margin: 20px 0 0;
	    float: none;
	}
	.wpex-responsive #header-donate {
	    top: auto;
	    left: auto;
	    right: auto;
	    position: inherit;
	    bottom: auto;
	    border-radius: 3px;
	    text-align: center;
	    margin: 20px 0 0;
	}
	.wpex-responsive #header-donate #header-donate-inner {
	    height: 40px;
	    line-height: 40px;
	}
	.wpex-responsive #header-donate:hover #header-donate-inner {
	    height: 40px;
	    line-height: 40px;
	}
	.wpex-responsive #mainnav #searchbar {
	    display: none
	}
	
	/*homepage*/
	.wpex-responsive .hp-highlight {
	    float: none;
	    margin: 0 auto 20px !important;
	    width: 100%;
	}
	.wpex-responsive .hp-highlight-media {
	    float: none;
	    margin: 0 0 20px;
	    width: 100%;
	    height: auto;
	}
	.wpex-responsive .hp-highlight-content {
	    text-align: left
	}
	.wpex-responsive #recent-events .event-entry-content {
	    width: 150px
	}
	.wpex-responsive #recent-news .recent-entry .featured-image {
	    width: 30%;
	    margin: 0;
	}
	.wpex-responsive #recent-news .recent-entry-content {
	    width: 60%
	}
	.wpex-responsive .recent-photo {
	    width: 70px;
	    height: auto;
	}
	
	/*galleries*/
	.wpex-responsive .gallery-entry,
	.wpex-responsive #single-gallery-media a {
	    width: 210px;
	    margin: 0 auto 20px;
	}
	.wpex-responsive #gallery-cats li,
	.wpex-responsive .galleries-filter li {
	    display: block;
	    width: 100%;
	    float: none;
	    margin: 0 0 5px;
	}
	
	/*events*/
	.wpex-responsive #event-wrap .event-entry-content {
	    width: 150px
	}
	.wpex-responsive #event-details-left {
	    position: inherit;
	    top: auto;
	    left: auto;
	}
	.wpex-responsive #event-details-right {
	    width: 100%;
	    padding-left: 0;
	    padding-top: 30px;
	    clear: both;
	}
	.wpex-responsive #event-tabs #tab-gallery .span_1_of_4 {
	    width: 50% !important;
	}
	.wpex-responsive #event-tabs #tab-gallery .span_1_of_4.count-3 {
		clear: both;
	}

	.wpex-responsive #event-tabs a span {
	    display: none
	}
	
	/*recent posts*/
	.wpex-responsive .recent-post-entry .featured-image {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 80px;
	}
	.wpex-responsive .recent-post-entry-content {
	    padding-left: 100px
	}
	
	/*calendar*/
	.wpex-responsive tr.calendar-row {
	    display: block;
	    float: left;
	    width: 100%;
	}
	.wpex-responsive #calendar {
	    border-top: 1px solid #dcd1c9
	}
	.wpex-responsive #calendar td.calendar-day {
	    display: block;
	    height: auto;
	    width: 100%;
	    float: left;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    min-height: 0px;
	}
	.wpex-responsive #calendar tr.calendar-row.days-row,
	.wpex-responsive td.calendar-day-empty,
	.wpex-responsive .calendar-day-np {
	    display: none !important
	}
	.wpex-responsive #calendar_title {
	    float: none
	}
	.wpex-responsive #calendar-month-select {
	    float: left;
	    position: inherit;
	    top: auto;
	    right: auto;
	    margin: 20px 0 0;
	}
	
	/*blog*/
	.wpex-responsive .related-entry .featured-image {
	    width: 25%;
	    margin: 0;
	}
	.wpex-responsive .related-entry-content {
	    width: 70%
	}
	
	/*footer*/
	.wpex-responsive #footer-widget-first,
	.wpex-responsive #footer-widget-second,
	.wpex-responsive #footer-widget-third,
	#footer-widget-fourth {
	    width: 100%;
	    margin: 0 0 20px;
	}
	
	/*other*/
	.wpex-responsive #flickr-slideshow-wrap object {
	    width: 100% !important
	}
	.wpex-responsive .widget-event-entry-content {
	    width: 160px
	}
	.wpex-responsive textarea {
	    max-width: 100%;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}
	
	/*shortcodes*/
	.wpex-responsive .two-columns,
	.wpex-responsive .three-columns,
	.wpex-responsive .four-columns,
	.wpex-responsive .one-two-third,
	.wpex-responsive .one-three-fourth,
	.wpex-responsive .one-half,
	.wpex-responsive .one-third,
	.wpex-responsive .two-third,
	.wpex-responsive .one-fourth,
	.wpex-responsive .three-fourth,
	.wpex-responsive .one-fifth,
	.wpex-responsive .one-sixth {
	    width: 100%;
	    margin: 0 0 20px;
	}
}

/*------------------------------------------------------------------
[4. Phone Landscape]
-------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.wpex-responsive #wrapper,
	.wpex-responsive #masterhead,
	.wpex-responsive #mainnav {
	    width: 480px
	}
	
	/*home*/
	.wpex-responsive .hp-highlight {
	    float: none;
	    margin: 0 auto !important;
	    width: 100%;
	}
	.wpex-responsive .hp-highlight-media {
	    float: left;
	    margin: 0 20px 20px 0;
	    width: 40%;
	    height: auto;
	}
	.wpex-responsive #recent-events .event-entry-content {
	    width: 350px
	}
	.wpex-responsive .recent-entry .featured-image {
	    width: 120px;
	    margin: 0;
	}
	.wpex-responsive .recent-entry-content {
	    width: 300px
	}
	.wpex-responsive .recent-photo {
	    width: 52px;
	    height: auto;
	}
	
	/*home*/
	.wpex-responsive #recent-news .recent-entry .featured-image {
	    width: 30%;
	    margin: 0;
	}
	.wpex-responsive #recent-news .recent-entry-content {
	    width: 66%
	}
	
	/*galleries*/
	.wpex-responsive .gallery-entry,
	.wpex-responsive #single-gallery-media a {
	    width: 210px;
	    margin: 0 20px 20px 0;
	}
	
	/*events*/
	.wpex-responsive #event-wrap .event-entry-content {
	    width: 350px
	}
	
	/*other*/
	.wpex-responsive .widget-event-entry-content {
	    width: 360px
	}
}