/*--------------------------------------------------------------------
	
	Music Mark
	Responsive CSS
	Updated: 04.02.2025
	
--------------------------------------------------------------------*/



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

/*	iPad Landscape Layout : 861-1024

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

@media screen and (min-width: 861px) and (max-width: 1024px) {

.photofeaturestrip { display: none; }

/*------------------------------------------------------------------*/
/*  #.  MarketPlace
/*------------------------------------------------------------------*/

/*--- MarketPlace Common ---*/

/* MarketPlace Grid */
.marketplacegrid .tile .desc .contentwrap { min-height: 194px; }

}



@media screen and (min-width: 861px) and (max-width: 960px) {

/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

/*--- NavBar ---*/
/*
#navbar .colleft { float: right; width: 100%; padding-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navbar .colright { padding-top: 9px; padding-left: 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul.mainmenu li { width: 33.33%; }
ul.mainmenu li a { line-height: 48px; }

ul.supportingmenu li { margin-left: 12px; }
ul.supportingmenu li a { line-height: 40px; }
ul.supportingmenu li.blockbtn a { border-radius: 5px; }
*/

/*--- Filter Results ---*/

/* Faceted Search */
/*
.filterresults .facets .facet { width: 48.5%; margin: 0 3% 3% 0; }
.filterresults .facets .facet:nth-child(2n) { margin-right: 0; }
.filterresults .facets .facet:nth-last-of-type(2),
.filterresults .facets .facet:last-of-type { margin-bottom: 0; }
*/

/*------------------------------------------------------------------*/
/*  4.  Common Page Elements
/*------------------------------------------------------------------*/

/*--- Two Column Page ---*/
.twocolumnpage .rightcol { width: 27%; }

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

/*--- Photo Gird ---*/
.photogrid .photo { min-height: 240px; }

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

/*--- Stats Blocks ---*/
.statsblocks .stat .number { font-size: 2.3em; }
.statsblocks .stat .desc { font-size: 1.15em; }

/*------------------------------------------------------------------*/
/*  #.  Events
/*------------------------------------------------------------------*/

/* Event Listing */
.eventlisting .desc { width: 75%; }
.eventlisting .photo { width: 23%; }
.eventlisting .logo { width: 23%; }

/*--- Event Page ---*/
.eventintro .rightcol { width: 27%; }

.eventpage .rightcol { width: 27%; }
.eventpage .attendinfo.hasmap .leftcol { width: 50%; }
.eventpage .attendinfo.hasmap .rightcol { width: 50%; }

/*------------------------------------------------------------------*/
/*  #.  Jobs
/*------------------------------------------------------------------*/

/*--- Jobs Common ---*/

/* Job Listing */
.joblisting .desc { width: 75%; }
.joblisting .logo { width: 23%; }

/*--- Job Page ---*/
.joblistingintro .rightcol { width: 27%; }

.jobpage .rightcol { width: 27%; }

/*------------------------------------------------------------------*/
/*  #.  MarketPlace
/*------------------------------------------------------------------*/

/*--- MarketPlace Page ---*/
.marketplacepage .rightcol { width: 27%; }

/*--- MarketPlace Provider ---*/
.providerintro .rightcol { width: 27%; }


/*------------------------------------------------------------------*/
/*  #.  Members
/*------------------------------------------------------------------*/

/* Member Listings */
.memberlisting .desc { width: 80%; padding: 10px 0 0 0; }
.memberlisting .logo { width: 18%; }

/*--- Member Page ---*/
.memberintro .rightcol { padding: 30px 0 0 0; }

/*------------------------------------------------------------------*/
/*  #.  News
/*------------------------------------------------------------------*/

/* News Gird */
.newsgrid .newsarticle { width: 32%; margin: 0 2% 2% 0; }
.newsarticle .innerwrap .meta .topic { width: 100%; }
.newsarticle .innerwrap .meta .date { width: 100%; text-align: left; padding: 10px 0 0 0; }

/*--- News Article Page ---*/

/* Article Common */
.articlepage .rightcol { width: 27%; }

}




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

/*	iPad Portrait Layout : 768-860

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

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

.photofeaturestrip { display: none; }

/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

/*--- Forms ---*/

/* Form Elements */
.formsectiontitle { width: 100%; padding-right: 0; }
.formcontent { width: 100%; }
.formnote { width: 100%; }

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

/*--- NavBar ---*/
/*
#navbar .colleft { float: right; width: 100%; padding-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navbar .colright { width: 100%; text-align: center; padding-top: 9px; padding-left: 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*/

/*--- Filter Results ---*/
.filterresults .wrap { padding: 24px 26px 22px 26px; }

/* Faceted Search */
/*
.filterresults .facets .facet { width: 48.5%; margin: 0 3% 3% 0; }
.filterresults .facets .facet:nth-child(2n) { margin-right: 0; }
.filterresults .facets .facet:nth-last-of-type(2),
.filterresults .facets .facet:last-of-type { margin-bottom: 0; }
*/

/* If WCET Checkboxes */
.facetwp-facet-wcet_tags .facetwp-checkbox { width: 46%; }

/*------------------------------------------------------------------*/
/*  4.  Common Page Elements
/*------------------------------------------------------------------*/

/*--- Two Column Page ---*/
.twocolumnpage .leftcol { width: 100%; }
.twocolumnpage .rightcol { width: 100%; }

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

/*--- CTA Boxes ---*/

/* If in Right Col */
.rightcol .ctaboxes .ctabox { width: 49%; margin: 0 2% 0 0; }
.rightcol .ctaboxes .ctabox:last-child { margin: 0; }

/*--- Photo Gird ---*/
.photogrid .photo { min-height: 220px; }

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

/*--- Stats Blocks ---*/
.statsblocks .stat .wrap { padding: 20px; }
.statsblocks .stat .number { font-size: 2.3em; }
.statsblocks .stat .desc { font-size: 1.15em; }

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

/*--- Text and Photo Block ---*/
.textandphotoblock .leftcol { width: 54%; }
.textandphotoblock .rightcol { width: 42%; }

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

/*--- Updates Feed ---*/
.updatesfeed .col { width: 100%; padding: 0; margin: 0 0 20px 0; }
.updatesfeed .col:last-child { margin: 0; }

/*------------------------------------------------------------------*/
/*  #.  Events
/*------------------------------------------------------------------*/

/* Event Listing */
.eventlisting .desc { width: 75%; }
.eventlisting .photo { width: 23%; }
.eventlisting .logo { width: 23%; }

/*--- Event Page ---*/

.eventpage .leftcol { width: 100%; }
.eventpage .rightcol { width: 100%; padding: 30px 0 0 0; }

/*------------------------------------------------------------------*/
/*  #.  Jobs
/*------------------------------------------------------------------*/

/*--- Jobs Common ---*/

/* Job Listing */
.joblisting .desc { width: 75%; }
.joblisting .logo { width: 23%; }

/*--- Job Page ---*/
.jobpage .leftcol { width: 100%; }
.jobpage .rightcol { width: 100%; padding: 30px 0 0 0; }

/*--- Job Advertise Page ---*/
.jobadvertiseform .leftcol { width: 100%; }
.jobadvertiseform .rightcol { width: 100%; }
.jobadvertiseform .formtitle { width: 100%; }

/*------------------------------------------------------------------*/
/*  #.  MarketPlace
/*------------------------------------------------------------------*/

/*--- MarketPlace Common ---*/

/* MarketPlace Grid */
.marketplacegrid .tile { width: 48.5%; margin: 0 3% 3% 0; }
.marketplacegrid .tile:nth-child(3n) { margin-right: 3%; }
.marketplacegrid .tile:nth-child(2n) { margin-right: 0; }
.marketplacegrid .tile:nth-last-of-type(3) { margin-bottom: 3%; }
.marketplacegrid .tile .desc .contentwrap { min-height: 115px; }

/*--- MarketPlace Page ---*/
.marketplacepage .leftcol { width: 100%; }
.marketplacepage .rightcol { width: 100%; padding: 40px 0 0 0; }

/*------------------------------------------------------------------*/
/*  #.  Members
/*------------------------------------------------------------------*/

/* Member Listings */
.memberlisting .desc { width: 77%; padding: 10px 0 0 0; }
.memberlisting .logo { width: 21%; }

/*--- Member Page ---*/
.memberintro .rightcol { padding: 30px 0 0 0; }

/*------------------------------------------------------------------*/
/*  #.  News
/*------------------------------------------------------------------*/

/* News Gird */
.newsgrid .newsarticle { width: 49%; margin: 0 2% 2% 0; }
.newsgrid .newsarticle:nth-child(3n) { margin-right: 2%; }
.newsgrid .newsarticle:nth-child(2n) { margin-right: 0; }

/*--- News Article Page ---*/

/* Article Common */
.articlepage .leftcol { width: 100%; }
.articlepage .rightcol { width: 100%; }

/* Right Col */
.articlepage .rightcol { padding: 60px 0 0 0; }
.articlepage .rightcol .newsarticle { float: left; width: 32%; margin: 0 2% 0 0; }
.articlepage .rightcol .newsarticle:nth-child(3n) { margin-right: 0; }

/*------------------------------------------------------------------*/
/*  #.  WCET
/*------------------------------------------------------------------*/

/*--- WCET Common ---*/

/* WCET Grid */
.wcetgrid .tile { width: 49%; }
.wcetgrid .tile:nth-child(3n) { margin-right: 2%; }
.wcetgrid .tile:nth-child(2n) { margin-right: 0; }

}




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

/*	All Mobile : 0-767

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

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

/*--- CTA Boxes ---*/

/* If in Right Col */
.rightcol .ctaboxes .ctabox { width: 49%; margin: 0 2% 0 0; }
.rightcol .ctaboxes .ctabox:last-child { margin: 0; }

/*------------------------------------------------------------------*/
/*  #.  Member Stories
/*------------------------------------------------------------------*/

/*--- Member Stories Common ---*/
.memberstories .memberstory .desc { width: 72%; }
.memberstories .memberstory .photo { width: 28%; }
 
}


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

.photofeaturestrip { display: none; }

/*------------------------------------------------------------------*/
/*  2.  Common Styles
/*------------------------------------------------------------------*/

h1 { font-size: 3em; }

/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

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

/*--- Forms ---*/
.inputblock label { width: 100%; padding: 0; }
.inputblock input,
.inputblock select { width: 100%; max-width: inherit; }

.textareablock label { width: 100%; padding: 0 0 14px 0; }
.textareablock textarea { width: 100%; max-width: inherit; }
.textareablock input[type="file"] { width: 100%; max-width: inherit; }

.submitblock { padding-left: 0; }

input[type="submit"],
input.submit,
input.wpcf7-submit,
input.btn_event_form_submit { width: 100%; max-width: 470px; }

/* Tick Boxes */
.tickboxes { width: 100%; max-width: inherit; }

/* Form Elements */
.formsectiontitle { max-width: 470px; padding-right: 0; }
.formcontent { width: 100%; }
.formnote { width: 100%; }

/*--- MailChimp Form ---*/
#mc_embed_signup div.mce_inline_error { margin-left: 0 !important; }

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

/*--- NavBar ---*/


/*--- Overlay Nav ---*/


/*--- Mobile Nav ---*/

/*--- Footer ---*/

/*--- Filter Results ---*/

/* Faceted Search */
.filterresults .facets .facet { width: 48.5%; margin: 0 3% 3% 0; }
.filterresults .facets .facet:nth-child(2n) { margin-right: 0; }
.filterresults .facets .facet:nth-last-of-type(2),
.filterresults .facets .facet:last-of-type { margin-bottom: 0; }

.filterresults .facets.threefacets .facet { width: 100%; margin: 0 0 16px 0; }
.filterresults .facets.threefacets .facet:last-child { margin: 0; }

/* If WCET Checkboxes */
.facetwp-facet-wcet_tags .facetwp-checkbox { width: 44%; }


/*------------------------------------------------------------------*/
/*  4.  Common Page Elements
/*------------------------------------------------------------------*/

/*--- Page Intro ---*/
.pageintro p { font-size: 1.3em; }

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

/*--- Two Column Page ---*/
.twocolumnpage .leftcol { width: 100%; }
.twocolumnpage .rightcol { width: 100%; }

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

/*--- Contact Block ---*/

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

/*--- CTA Boxes ---*/
.ctaboxes .ctabox { width: 100%; /*min-height: 170px;*/ padding: 0; margin: 0 0 10px 0; }
.ctaboxes .ctabox:last-child { margin-bottom: 0; }

/* If in Right Col */
.rightcol .ctaboxes .ctabox { min-height: inherit; }

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

/*--- Highlight Strip ---*/
.highlightstrip .highlight .icon { width: 100%; }
.highlightstrip .highlight .icon img { width: auto; max-width: 100%; max-height: 60px; }
.highlightstrip .highlight .desc { width: 100%; }

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

/*--- Photo Gird ---*/
.photogrid .photo { width: 49.75%; min-height: 270px; }
.photogrid .photo:nth-child(3n) { margin-right: 0.5%; }
.photogrid .photo:nth-child(2n) { margin-right: 0; }

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

/*--- Section Links ---*/
.sectionlinks .boxedlink { width: 100%; margin: 0 0 20px 0; }
.sectionlinks .boxedlink:nth-last-of-type(2) { margin: 0 0 20px 0; }

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

/*--- Stats Blocks ---*/
.statsblocks .stat { width: 100%; max-height: 180px; }
.statsblocks .stat .wrap { max-height: 180px; padding: 20px; background-position: right center; -webkit-background-size: inherit; -moz-background-size: inherit; -o-background-size: inherit; background-size: inherit; }
.statsblocks .stat .number { font-size: 3em; }
.statsblocks .stat .desc { font-size: 1.15em; }

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

/*--- Text and Photo Block ---*/
.textandphotoblock .leftcol { width: 100%; }
.textandphotoblock .rightcol { width: 100%; margin: 10px 0 0 0; }

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

/*--- Updates Feed ---*/
.updatesfeed .col { width: 100%; padding: 0; margin: 0 0 20px 0; }
.updatesfeed .col:last-child { margin: 0; }

/*------------------------------------------------------------------*/
/*  #.  Events
/*------------------------------------------------------------------*/

/* Event Listing */
.eventlisting h3 { font-size: 1.5em; }
.eventlisting .desc { width: 72%; }
.eventlisting .photo { width: 26%; }
.eventlisting .logo { width: 26%; }

/*--- Event Page ---*/

/* Event Intro */
.eventintro .leftcol { width: 100%; }
.eventintro .rightcol { width: 100%; margin: 20px 0 0 0; }
.eventintro .logo .wrap { line-height: inherit; }

.eventpage .leftcol { width: 100%; }
.eventpage .rightcol { width: 100%; padding: 30px 0 0 0; }
.eventpage .attendinfo.hasmap .leftcol { width: 100%; }
.eventpage .attendinfo.hasmap .rightcol { width: 100%; padding: 0; }

/*------------------------------------------------------------------*/
/*  #.  Jobs
/*------------------------------------------------------------------*/

/*--- Jobs Common ---*/

/* Job Listing */
.joblisting h3 { font-size: 1.5em; }
.joblisting .desc { width: 72%; }
.joblisting .logo { width: 26%; }

/*--- Job Page ---*/
.joblistingintro .leftcol { width: 100%; }
.joblistingintro .rightcol { width: 100%; margin: 20px 0 0 0; }
.joblistingintro .rightcol .wrap { line-height: inherit; }

.jobpage .leftcol { width: 100%; }
.jobpage .rightcol { width: 100%; padding: 30px 0 0 0; }
  
/*--- Job Advertise Page ---*/
.jobadvertiseform .leftcol { width: 100%; }
.jobadvertiseform .rightcol { width: 100%; }
.jobadvertiseform .formtitle { width: 100%; max-width: 470px; }

/*------------------------------------------------------------------*/
/*  #.  MarketPlace
/*------------------------------------------------------------------*/

/*--- MarketPlace Common ---*/

/* MarketPlace Grid */
.marketplacegrid .tile { width: 48.5%; margin: 0 3% 3% 0; }
.marketplacegrid .tile:nth-child(3n) { margin-right: 3%; }
.marketplacegrid .tile:nth-child(2n) { margin-right: 0; }
.marketplacegrid .tile:nth-last-of-type(3) { margin-bottom: 3%; }

/*--- MarketPlace Page ---*/
.marketplacepage .leftcol { width: 100%; }
.marketplacepage .rightcol { width: 100%; padding: 40px 0 0 0; }

/*--- MarketPlace Provider ---*/
.providerintro p { font-size: 1em; }
.providerintro .leftcol { width: 100%; }
.providerintro .rightcol { width: 100%; }

/*------------------------------------------------------------------*/
/*  #.  Member Stories
/*------------------------------------------------------------------*/

/*--- Member Stories Common ---*/
.memberstories .memberstory { width: 100%; margin: 0 0 20px 0; }
.memberstories .memberstory:nth-last-of-type(2) { margin-bottom: 20px; }

/*------------------------------------------------------------------*/
/*  #.  Members
/*------------------------------------------------------------------*/

/*--- Members Common ---*/

/* Members Map */
.membersmap .filterresults { position: relative; top: 0; }
.membersmap .filterresults .container { padding: 0; }
.membersmap .filterresults .wrap { border-radius: 0; }

/* Member Listings */
.memberlisting { margin-bottom: 20px; }
.memberlisting .desc { width: 76%; }
.memberlisting .logo { width: 22%; }
.memberlisting h3 { font-size: 1.5em; }
.memberlisting .desc .meta ul li { font-size: 1em; }

/*--- Member Page ---*/
.memberintro .leftcol { width: 100%; }
.memberintro .rightcol { width: 100%; margin: 0 0 30px 0; }
.memberintro h1 { font-size: 2.2em; margin: 0 0 12px 0; }
.memberintro .meta ul li { font-size: 1em; }

.memberpage .leftcol { width: 100%; }

/*------------------------------------------------------------------*/
/*  #.  News
/*------------------------------------------------------------------*/

/*--- News Common ---*/

/* News Gird */
.newsgrid .newsarticle { width: 100%; margin: 0 0 20px 0; }
.newsgrid .newsarticle .innerwrap .contentwrap { min-height: inherit; }

/*--- News Article Page ---*/

/* Article Common */
.articlepage .leftcol { width: 100%; }
.articlepage .rightcol { width: 100%; }

/* Right Col */
.articlepage .rightcol { padding: 60px 0 0 0; }
.articlepage .rightcol .newsarticle { float: left; width: 32%; margin: 0 2% 0 0; }
.articlepage .rightcol .newsarticle:nth-child(3n) { margin-right: 0; }

/*------------------------------------------------------------------*/
/*  #.  WCET
/*------------------------------------------------------------------*/

/*--- WCET Common ---*/

/* WCET Grid */
.wcetgrid .tile { width: 49%; }
.wcetgrid .tile:nth-child(3n) { margin-right: 2%; }
.wcetgrid .tile:nth-child(2n) { margin-right: 0; }

}


@media screen and (min-width: 660px) and (max-width: 720px) {

}


@media screen and (min-width: 0px) and (max-width: 660px) {

/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

/*--- Filter Results ---*/
.filterresults .filtersearch { width: 48%; }
.filterresults .filterlink { width: 48%; }

/*------------------------------------------------------------------*/
/*  4.  Common Page Elements
/*------------------------------------------------------------------*/

/*--- Photo Gird ---*/
.photogrid .photo { min-height: 230px; }

/*------------------------------------------------------------------*/
/*  #.  Events
/*------------------------------------------------------------------*/

/* Event Listing */
.eventlisting .desc { width: 100%; }
.eventlisting .photo { display: none; }
.eventlisting .logo { display: none; }

/*------------------------------------------------------------------*/
/*  #.  Jobs
/*------------------------------------------------------------------*/

/*--- Jobs Common ---*/

/* Job Listing */
.joblisting .desc { width: 100%; }
.joblisting .logo { display: none; }

/*------------------------------------------------------------------*/
/*  #.  MarketPlace
/*------------------------------------------------------------------*/

/*--- MarketPlace Page ---*/

/* Related */
.mprelated .tile { width: 49%; margin: 0 2% 0 0; }
.mprelated .tile:nth-child(2n) { margin: 0; }
.mprelated .tile:last-child { display: none; }

/*------------------------------------------------------------------*/
/*  #.  News
/*------------------------------------------------------------------*/

/*--- News Article Page ---*/

/* Right Col */
.articlepage .rightcol .newsarticle { width: 49%; margin: 0 2% 0 0; }
.articlepage .rightcol .newsarticle:nth-child(2n) { margin: 0; }
.articlepage .rightcol .newsarticle:nth-child(3n) { display: none; }

/* If Right Col Full Width */
.articlepage .rightcol.fwcol .newsarticle { width: 49%; }
.articlepage .rightcol.fwcol .newsarticle:nth-child(2n) { margin: 0; }
.articlepage .rightcol.fwcol .newsarticle:nth-child(3n) { margin-right: 0; }

}


@media screen and (min-width: 0px) and (max-width: 599px) {

/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

/*--- Overlay Nav ---*/

/*--- Footer ---*/

/*--- Filter Results ---*/
/* .filterresults .filtersearch { margin: 0 0 6px 0; } */
.filterresults .filterlink { margin: 0 0 6px 0; }

/* Filter Topics */
.filterresults ul.topics li { display: block; margin-right: 0; }

/* Faceted Search */
.filterresults .wrap { padding: 14px; }

/*------------------------------------------------------------------*/
/*  4.  Common Page Elements
/*------------------------------------------------------------------*/

/*--- Page Intro ---*/

/*- Home Intro -*/
.homeintro { min-height: 340px; padding-top: 60px !important; }
.homeintro h1 { font-size: 2em; }
.homeintro p { font-size: 1.2em; }

/*--- CTA Boxes ---*/

/* If in Right Col */
.rightcol .ctaboxes .ctabox { width: 100%; margin: 0 0 20px 0; }
.rightcol .ctaboxes .ctabox:last-child { margin: 0; }

/*--- Highlight Strip ---*/
.highlightstrip .wrap { padding: 14px 20px; }
.highlightstrip .highlight { width: 100%; margin: 0 0 10px 0; }
.highlightstrip .highlight .icon { width: 18%; }
.highlightstrip .highlight .desc { width: 79%; }

/*--- Photo Gird ---*/
.photogrid .photo { width: 49.5%; min-height: 200px; margin: 0 1% 1% 0; }
.photogrid .photo:nth-child(3n) { margin-right: 1%; }
.photogrid .photo:nth-child(2n) { margin-right: 0; }

/*------------------------------------------------------------------*/
/*  #.  MarketPlace
/*------------------------------------------------------------------*/

/*--- MarketPlace Common ---*/

/* MarketPlace Grid */
.marketplacegrid .tile { width: 100%; margin: 0 0 20px 0; }
.marketplacegrid .tile:nth-last-of-type(3),
.marketplacegrid .tile:nth-last-of-type(2) { margin-bottom: 20px; }
.marketplacegrid .tile .desc .contentwrap { min-height: inherit; }

/*------------------------------------------------------------------*/
/*  #.  Members
/*------------------------------------------------------------------*/

/*--- Members Common ---*/

/* Member Listings */
.memberlisting { margin-bottom: 20px; }
.memberlisting .desc { width: 65%; padding: 0; }
.memberlisting .logo { width: 30%; }
.memberlisting .logo .wrap { padding: 10px; }

/*------------------------------------------------------------------*/
/*  #.  WCET
/*------------------------------------------------------------------*/

/*--- WCET Common ---*/

/* WCET Grid */
.wcetgrid .tile { width: 100%; margin: 0 0 20px 0; }
.wcetgrid .tile:nth-child(3n) { margin-right: 0; }
.wcetgrid .tile .desc { min-height: inherit; }

/*--- WCET Page ---*/
.wcetpage .wcettags ul li { margin: 0 6px 6px 0; }
.wcetpage .wcettags ul li a { font-size: 0.8em; line-height: 34px; }

/*------------------------------------------------------------------*/
/*	#.	Magnific Popup
/*------------------------------------------------------------------*/

button.mfp-close { top: 20px; }
button.mfp-close:active { top: 20px; }

}


@media screen and (min-width: 0px) and (max-width: 560px) {

/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

/*--- Filter Results ---*/

/* If WCET Checkboxes */
.facetwp-facet-wcet_tags .facetwp-checkbox { width: 96%; margin: 0; }

}


@media screen and (min-width: 0px) and (max-width: 480px) {

/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

/*--- Forms ---*/

/* Tick Boxes */
.tickboxitem { width: 100%; margin-right: 0; }

/*--- Filter Results ---*/
.filterresults .filtersearch { width: 100%; /* margin: 0 0 12px 0; */ }
.filterresults .filterlink { width: 100%; }

/* Faceted Search */
.filterresults .facets .facet { width: 100%; margin: 0 0 10px 0; }

.filterresults .facets.twofacets .facet { width: 100%; margin: 0 0 16px 0; }
.filterresults .facets.twofacets .facet:last-of-type { margin-bottom: 0; }


/*------------------------------------------------------------------*/
/*  4.  Common Page Elements
/*------------------------------------------------------------------*/

/*--- Contact Block ---*/

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

/*--- CTA Boxes ---*/
.ctaboxes .ctabox .desc { width: 100%; }
.ctaboxes .ctabox .desc .wrap { padding: 20px; }
.ctaboxes .ctabox .button { position: relative; width: 100%; }
.ctaboxes .ctabox .button .wrap { padding: 12px 20px; }
.ctaboxes .ctabox .button .arrow { display: inline-block; margin-left: 10px; }

/* If Events Landing Page */
.ctaboxes.events_landing .ctabox { margin-bottom: 0; }
.ctaboxes.events_landing .ctabox:nth-child(2) { display: none; }

/* If Jobs Landing Page */
.ctaboxes.jobslanding .ctabox { margin-bottom: 0; }
.ctaboxes.jobslanding .ctabox:nth-child(2) { display: none; }

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

/*--- Photo Gird ---*/
.photogrid .photo { min-height: 160px; }

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

/*--- Section Links ---*/
.sectionlinks .boxedlink .desc .innerwrap { padding: 12px 12px 4px 12px; }

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

/*--- Stats Blocks ---*/
.statsblocks .stat { max-height: 200px; }
.statsblocks .stat .wrap { max-height: 200px; }

/*------------------------------------------------------------------*/
/*  #.  Jobs
/*------------------------------------------------------------------*/

/*--- Jobs Common ---*/

/* Job Listing */
.joblisting .headline .meta ul li { display: block; border: none; }
.joblisting .shortdescription p { display: none; }
.joblisting .shortdescription p:last-child { display: block; }

/*--- Job Page ---*/
.jobsummary .row .label { width: 100%; padding: 0 0 8px 0; }
.jobsummary .row .detail { width: 100%; }

.jobapply .jobmeta .row .label { width: 100%; padding: 0 0 8px 0; }
.jobapply .jobmeta .row .detail { width: 100%; }
.jobapply .btn { padding: 0 20px; }

/*------------------------------------------------------------------*/
/*  #.  MarketPlace
/*------------------------------------------------------------------*/

/*--- MarketPlace Page ---*/

/* Related */
.mprelated .tile { width: 100%; margin: 0 0 20px 0; }
.mprelated .tile .wrap { padding: 12px; margin: 0; }

/*------------------------------------------------------------------*/
/*  #.  Member Stories
/*------------------------------------------------------------------*/

/*--- Member Stories Common ---*/
.memberstories .memberstory .desc .innerwrap { padding: 12px 12px 4px 12px; }

/*------------------------------------------------------------------*/
/*  #.  News
/*------------------------------------------------------------------*/

/*--- News Article Page ---*/

/* Right Col */
.articlepage .rightcol .newsarticle { width: 100%; margin: 0 0 20px 0; }

/* If Right Col Full Width */
.articlepage .rightcol.fwcol .newsarticle { width: 100%; margin: 0 0 20px 0; }

}


@media screen and (min-width: 0px) and (max-width: 380px) {

/*------------------------------------------------------------------*/
/*  2.  Common Styles
/*------------------------------------------------------------------*/

blockquote { margin: 0 10px 20px 10px; }
  
/*------------------------------------------------------------------*/
/*  4.  Common Page Elements
/*------------------------------------------------------------------*/

/*--- Photo Gird ---*/
.photogrid .photo { min-height: 120px; }

}