/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
	.body,
	#page,
	#content,
	.contain,
	.post-navigation .nav-links,
	#comments,
	.navigation,
	.not-found,
	.hentry.contain,
	#colophon .site-info {
		position: relative;
		width: 100%;
		overflow: hidden;
		float: none;
		min-height: inherit;
		line-height: 1.8;
	}
	h1, h2, h3, h4, h5 {
		line-height: 1.2;
	}

	#masthead .contain {
		padding: 60px 0 0;
	}
	#masthead {
		position: relative;
		width: 100%;
		padding: 0;
		top: inherit;
	}
	#masthead .site-branding {
		position: relative;
		width: 100%;
		margin: 0;
		top: inherit;
		left: inherit;
		text-align: center;
		padding-top: 0;
	}

	.selector {
		left: 20px;
		margin-left: 0;
	}
	#translate {
		left: 80px;
		margin-left: 0;
	}

	#imageheader {
		width: 100%;
		height: 250px;
		margin: 0;
	}
	#imageheader .contain {
		height: 250px;
	}

	#slidecontainer .slideImage,
	#slidecontainer .slideVideo,
	#slidecontainer .slidecaptions {
		width: 50%;
		font-size: 16px;
		font-size: 1rem;
		background-size: cover;
		background-position: right bottom;
	}
	#slidecontainer .btn {
		display: none;
	}
	#slidecontainer ul.tabNavigation {
		left: 50%;
		margin: 0 0 0 20px;
		width: 100%;
		text-align: left;
	}

	/*
	#slidecontainer,
	.slide .contain,
	#slidecontainer .slide {
		position: relative;
		display: block;
		height: auto;
	}
	#slidecontainer .slide {
		padding-bottom: 40px;
	}
	#slidecontainer .slideImage {
		display: none;
	}
	#slidecontainer .slideVideo {
		display: block;
		vertical-align: inherit;
		padding: 0;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	#slidecontainer .slidecaptions {
		display: block;
		vertical-align: inherit;
		padding: 20px;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	#slidecontainer ul.tabNavigation {
		left: 20px;
		margin: 0;
		width: 100%;
		text-align: left;
	}
	#slidecontainer .btn {
		display: none;
	}
	*/

	.home #latestPost,
	.home #upcomingEvents {
		width: 50%;
		float: left;
	}
	.home #latestPost a.thumbnail-wrapper {
		float: none;
		margin: 0 0 1em 0;
		width: 100%;
	}

	.blogfeed {
		padding: 20px 0;
	}

	a.button {
		display: block !important;
		float: none !important;
		text-align: center !important;
		width: auto !important;
	}

	.page .gform_wrapper h3.gform_title {
		font-size: 42px;
	}
	.gform_wrapper ul li.gfield {
		float: none !important;
		width: auto !important;
	}
	.gform_wrapper .gform_footer input.button,
	.gform_wrapper .gform_footer input[type=submit] {
		font-size: 20px;
		width: 100%;
		margin-top: 20px;
	}

	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.post-navigation .nav-previous,
	.comment-navigation .nav-next,
	.paging-navigation .nav-next,
	.post-navigation .nav-next {
		width: 100%;
		float: none;
		margin: 10px 0;
	}


	/* =Flexible Fields
	----------------------------------------------- */
	.entry-flexible {
		padding: 20px;
	}

	.textblock {
		margin-left: -20px;
		margin-right: -20px;
  	}

	.multicolumns .column {
		margin: 0 1% 0 0;
		width: 32.3%;
	}

	.twocolumns .column,
	.fourcolumns .column {
		width: 50%;
		float: left;
		padding: 0 10px;
	}
	.home .multicolumns .column {
		padding-bottom: 1px;
	}
	.home .multicolumns .columnimage {
		width: 110%;
	}
	.multicolumns .columnimage {
		width: 100%;
	}

	.teamMember {
		width: 32%;
		min-height: 300px;
		text-align: center;
		background: none;
		padding-bottom: 0;
	}
	.teamMember:nth-of-type(3n+1) {
		clear: left;
	}
	.teamMember .teamPhoto {
		float: none;
		margin: 0 auto 10px;
	}



	/* =Post Formats
	----------------------------------------------- */
	.latest.format-status footer.entry-meta,
	.latest.format-link footer.entry-meta {
		width: 100%;
	}
	.format-gallery ul.galleryPreview {
		margin: 0 0 .5em 0;
		padding: 10px;
	}
	.format-gallery .galleryPreview li {
		float: left;
		width: 25%;
		height: auto;
		margin: 0;
	}
	.format-gallery .galleryPreview li a {
		width: 100%;
		height: auto;
		padding: 5px;
	}
	.format-gallery .galleryPreview li a img {
		vertical-align: top;
	}

	/* =Posts
	----------------------------------------------- */
	/* post nav */
	.site-main [class*="navigation"] {
	}
	.gallery .gallery-item {
		max-width: 45% !important;
		margin-right: 10px;
	}

	#colophon {
		padding: 20px;
		line-height: 1;
		text-align: center;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
	body {
		max-width: 1024px;
	}
}

/* Smart Phones ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 767px) {
	.body,
	#page,
	#content,
	#primary,
	#secondary,
	.contain,
	.home #latestPost,
	.home #upcomingEvents,
	.post-navigation .nav-links,
	#comments,
	.navigation,
	.not-found,
	.hentry.contain,
	#colophon .site-info {
		position: relative;
		width: 100%;
		overflow: hidden;
		float: none;
		min-height: inherit;
		line-height: 1.8;
	}
	th, td {
		padding: 5px;
		display: block;
		width: 100% !important;
	}
	h1, h2, h3, h4, h5 {
		line-height: 1.2;
	}

	img {
		height: auto;
		max-width: 100%;
		width: auto;
	}

	blockquote {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.alignleft,
	.alignright,
	.aligncenter {
		float: none;
		margin: 0 auto 1em;
		/*width: 100%;*/
		max-width: 100%;
	}

	a.thumbnail-wrapper.alignleft {
		max-width: 150px;
		width: 150px;
		height: 150px;
		float: left;
		margin: 0 1.5em .5em 0;
	}


	#masthead .contain {
		padding: 60px 0 0;
	}
	#masthead {
		position: relative;
		width: 100%;
		padding: 0;
		top: inherit;
	}
	#masthead .site-branding {
		position: relative;
		width: 100%;
		margin: 0;
		top: inherit;
		left: inherit;
		text-align: center;
		padding-top: 0px;
	}

	.page-template-page-sidebar #secondary,
	.page-template-page-sidebar #primary,
	.page-template-page-sidebar-then-full #secondary,
	.page-template-page-sidebar-then-full #primary {
		max-width: 100%;
		float: none;
		margin: 0;
	}
	#secondary .widget {
		padding: 20px;
	}

	.selector {
		left: 20px;
		margin-left: 0;
	}
	#translate {
		left: 80px;
		margin-left: 0;
	}

	#imageheader {
		width: 100%;
		height: 250px;
		margin: 0;
	}
	#imageheader .contain {
		height: 250px;
	}

	#slidecontainer,
	.slide .contain,
	#slidecontainer .slide {
		position: relative;
		display: block;
		height: auto;
	}
	#slidecontainer .slide {
		padding-bottom: 40px;
	}
	#slidecontainer .slideImage,
	#slidecontainer .slideCutout {
		position: relative;
		width: 100% !important;
		height: 400px !important;
	}
	#slidecontainer .slideVideo {
		display: block;
		vertical-align: inherit;
		padding: 0;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	#slidecontainer .slidecaptions {
		display: block;
		vertical-align: inherit;
		padding: 20px;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	#slidecontainer ul.tabNavigation {
		left: 20px;
		margin: 0;
		width: 100%;
		text-align: left;
	}
	#slidecontainer .btn {
		display: none !important;
	}

	.blogfeed {
		padding: 20px 0;
	}

	#newsletterContain {
		max-width: 90%;
	}
	#newsletterTab:after {
		padding: 45px 15px;
	}

	a.button {
		display: block !important;
		float: none !important;
		text-align: center !important;
		width: auto !important;
	}

	.page .gform_wrapper h3.gform_title {
		font-size: 42px;
	}
	.gform_wrapper ul li.gfield {
		float: none !important;
		width: auto !important;
	}
	.gform_wrapper .gform_footer input.button,
	.gform_wrapper .gform_footer input[type=submit] {
		font-size: 20px;
		width: 100%;
		margin-top: 20px;
	}

	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.post-navigation .nav-previous,
	.comment-navigation .nav-next,
	.paging-navigation .nav-next,
	.post-navigation .nav-next {
		width: 100%;
		float: none;
		margin: 10px 0;
	}


	/* =Flexible Fields
	----------------------------------------------- */
	.entry-flexible {
		padding: 20px;
	}

	.textblock {
		margin-left: -20px;
		margin-right: -20px;
	}

	.multicolumns .column,
	.twocolumns .column,
	.fourcolumns .column {
		width: auto;
		float: none;
		margin: 10px 0;
	}
	.home .multicolumns .column {
		padding-bottom: 1px;
	}

	.calloutbox,
	.calloutbox.hasimage {
		text-align: left;
		padding: 20px;
	}
	.calloutbox .calloutImage {
		position: relative;
		left: inherit;
		top: inherit;
		bottom: inherit;
		width: auto;
		height: 200px;
		margin: -20px -20px 20px -20px;
	}

	.teamMember {
		float: none;
		width: 100%;
		min-height: 300px;
		text-align: center;
		background: none;
		padding: 0;
	}
	.teamMember .teamPhoto {
		float: none;
		margin: 0 auto 10px;
	}
	.biodescription .teamPhoto,
	.biodescription .teamPhoto .image {
		width: 150px;
		height: 150px;
	}



	/* =Post Formats
	----------------------------------------------- */
	.latest.format-status footer.entry-meta,
	.latest.format-link footer.entry-meta {
		width: 100%;
	}
	.format-gallery ul.galleryPreview {
		margin: 0 0 .5em 0;
		padding: 10px;
	}
	.format-gallery .galleryPreview li {
		float: left;
		width: 50%;
		height: auto;
		margin: 0;
	}
	.format-gallery .galleryPreview li a {
		width: 100%;
		height: auto;
		padding: 5px;
	}
	.format-gallery .galleryPreview li a img {
		vertical-align: top;
	}

	.hentry.format-image .entry-image {
		float: none;
		width: 100%;
		height: auto;
		background: none;
		margin: 0 auto 20px auto;
		transform: inherit;
		-moz-transform: inherit;
		-webkit-transform: inherit;
		box-shadow: inherit;
	}
	.hentry.format-image .entry-image a {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 20px auto;
	}

	.blog .format-quote .entry-content,
	.archive .format-quote .entry-content,
	.search .format-quote .entry-content {
		padding: 100px 0 0 0;
		background-position: top center;
	}


	/* =Posts
	----------------------------------------------- */
	/* post nav */
	.site-main [class*="navigation"] {
	}
	.gallery .gallery-item {
		max-width: 45% !important;
		margin-right: 10px;
	}

	#colophon {
		padding: 20px;
		line-height: 1;
		text-align: center;
	}
	#fatFooter .widget {
		width: 100%;
	}
}


/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 767px)
and (orientation : landscape) {

	.hentry.format-gallery .gallerypreview ul li {
		width: 30%;
		height: auto;
		margin: 5px 2px;
	}

	.teamMember {
		float: left;
		width: 50%;
		min-height: 300px;
		text-align: center;
		background: none;
		padding-bottom: 0;
	}
	.teamMember:nth-of-type(2n+1) {
		clear: left;
	}
	.teamMember .teamPhoto {
		float: none;
		margin: 0 auto 10px;
	}
	.biodescription .teamPhoto,
	.biodescription .teamPhoto .image {
		width: 150px;
		height: 150px;
	}
}

/* 2019.07 */
@media only screen and (max-width : 1000px) {
    .home #latestPost,
	.home #upcomingEvents,
    .home #facebookPosts {
		padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5em;
	}
    .home #facebookPosts {
        float: none;
        clear: both;
        width: 100%;
    } 
}

@media only screen and (max-width : 767px) {
    .home #latestPost,
	.home #upcomingEvents,
    .home #facebookPosts {
		padding-bottom: 7em;
	}
    #latestPost > div, #upcomingEvents > ul, #facebookPosts .efbl_feed_wraper {
        height: auto;
    }
    #latestPost > div:after, #upcomingEvents > ul:after {
        display: none;
    }
    
    #facebookPosts .efbl_fb_story:nth-child(4),
    #facebookPosts .efbl_fb_story:nth-child(5),
    #facebookPosts .efbl_fb_story:nth-child(6),
    #facebookPosts .efbl_fb_story:nth-child(7),
    #facebookPosts .efbl_fb_story:nth-child(8),
    #facebookPosts .efbl_fb_story:nth-child(9),
    #facebookPosts .efbl_fb_story:nth-child(10),
    #facebookPosts .efbl_fb_story:nth-child(11),
    #facebookPosts .efbl_fb_story:nth-child(12),
    #facebookPosts .efbl_fb_story:nth-child(13),
    #facebookPosts .efbl_fb_story:nth-child(14),
    #facebookPosts .efbl_fb_story:nth-child(15),
    #facebookPosts .efbl_fb_story:nth-child(16),
    #facebookPosts .efbl_fb_story:nth-child(17),
    #facebookPosts .efbl_fb_story:nth-child(18),
    #facebookPosts .efbl_fb_story:nth-child(19),
    #facebookPosts .efbl_fb_story:nth-child(20) {
        display: none;
    }
}