/**************************************************************************************************/
/*
/*		File:
/*			style.css
/*		Description:
/*			This file contains CSS for the front-end aspects of the plugin.
/*		Date:
/*			Added on January 6th 2016
/*		Copyright:
/*			Copyright (c) 2016 Ternstyle LLC.
/*		License:
/*			This file (software) is licensed under the terms of the End User License Agreement (EULA) 
/*			provided with this software. In the event the EULA is not present with this software
/*			or you have not read it, please visit:
/*			http://www.ternstyle.us/members-list-plugin-for-wordpress/license.html
/*
/**************************************************************************************************/

/*------------------------------------------------------------------------------------------------
	Reset
------------------------------------------------------------------------------------------------*/

.WP-ml-members *, .WP-ml-author *, .WP-ml-author-posts * { font-family:'Source Sans Pro'; }
.WP-ml-members *, .WP-ml-author *, .WP-ml-author-post * { border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;margin:0;padding:0;text-decoration:none;text-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none; }
.WP-ml-members .clearfix { display:block;clear:both;height:0;margin:0;padding:0;line-height:0; }

/*------------------------------------------------------------------------------------------------
	Buttons
------------------------------------------------------------------------------------------------*/

.WP-ml-members a, .WP-ml-members .WP-ml-button, .WP-ml-members button, .WP-ml-map .gm-style-iw a, .WP-ml-author-post .WP-ml-author-post-content .WP-ml-author-post-more { transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; }
.WP-ml-members .WP-ml-button, .WP-ml-map .gm-style-iw a, .WP-ml-author-post .WP-ml-author-post-content .WP-ml-author-post-more { display:inline-block;height:28px;background-color:#006c8c;border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;margin:10px 10px 0 0;padding:0 10px;line-height:28px !important;font-size:16px !important;color:#fff !important; }
.WP-ml-members a:hover, .WP-ml-members .WP-ml-button:hover, .WP-ml-map .gm-style-iw a:hover, .WP-ml-author-post .WP-ml-author-post-content .WP-ml-author-post-more:hover { opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);text-decoration:none; }

/*------------------------------------------------------------------------------------------------
	Fields
------------------------------------------------------------------------------------------------*/

.pseudo-select { position:relative;display:inline-block;overflow:hidden;min-width:90px;height:40px; }
.pseudo-select .pseudo-selector { display:block;height:42px; }
.pseudo-select .pseudo-selector:after { position:absolute;display:block;width:36px;height:36px;top:2px;right:2px;background-color:#E3E3E3;text-align:center;line-height:36px;content:'\25be';pointer-events:none; }
.pseudo-select .pseudo-selected { display:inline-block;width:100%;height:40px;background-color:#F3F3F3;border:1px solid #E5E5E5;line-height:40px;text-indent:15px;font-size:11px;font-weight:600;color:#006c8c; }
.pseudo-select .pseudo-selector .pseudo-options { position:absolute;width:100%;top:40px;left:0;background-color:#F3F3F3;border:1px solid #E5E5E5;border-width:0 1px;z-index:9999; }
.pseudo-select .pseudo-options .pseudo-option { display:block;background:#fff;border-bottom:1px solid #E5E5E5;padding:0 15px;text-indent:0;line-height:40px;font-size:11px;color:#3d3d3d; }
.pseudo-select .pseudo-options .pseudo-option.pseudo-active { background-color:#F3F3F3;font-weight:normal;color:#999; }
.pseudo-select .pseudo-options .pseudo-option:hover { background-color:#F3F3F3; }

/*------------------------------------------------------------------------------------------------
	Filters
------------------------------------------------------------------------------------------------*/

.WP-ml-members .WP-ml-filters { border:1px solid #e5e5e5;border-width:1px 0 1px 1px; }
.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { position:relative;display:block;float:left;background-color:#f3f3f3;box-shadow:inset -1px 0 1px 0 #e5e5e5;-webkit-box-shadow:inset -1px 0 1px 0 #e5e5e5;line-height:52px;text-align:center;font-size:14px;font-weight:600;color:#3d3d3d; }
.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn strong { font-weight:600; }
.WP-ml-members.WP-ml-has-search .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { width:50%; }
.WP-ml-members.WP-ml-has-alpha .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { width:50%; }
.WP-ml-members.WP-ml-has-radius .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { width:50%; }
.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { cursor:pointer; }
.WP-ml-members.WP-ml-has-search.WP-ml-has-alpha .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { width:33%; }
.WP-ml-members.WP-ml-has-radius.WP-ml-has-alpha .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { width:33%; }

.WP-ml-members.WP-ml-has-search.WP-ml-has-alpha .WP-ml-filters .WP-ml-filter-alpha .WP-ml-filter-btn { width:34%; }
.WP-ml-members.WP-ml-has-radius.WP-ml-has-alpha .WP-ml-filters .WP-ml-filter-alpha .WP-ml-filter-btn { width:34%; }

.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-active { background-color:#fff;color:#006c8c; }
.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-active:before { position:absolute;display:block;width:100%;height:4px;top:-1px;left:0;background-color:#006c8c;content:''; }
.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-active:after { position:absolute;display:block;width:0;height:0;bottom:-14px;right:0;left:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #fff;content:'';margin:auto; }
.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-active span:after { position:absolute;display:block;width:0;height:0;bottom:-14px;right:0;left:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #e5e5e5;content:'';margin:auto; }
.WP-ml-members .WP-ml-filters .WP-ml-filter-all .WP-ml-active:after { display:none; }
.WP-ml-members .WP-ml-filters .WP-ml-filter-all .WP-ml-active span:after { display:none; }
.WP-ml-members .WP-ml-filter-form { display:none; }
.WP-ml-members .WP-ml-filter-form.WP-ml-active { display:block; }

@media (max-width: 480px) {
	.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn { font-size:10px;text-transform:uppercase; }
	.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn strong { display:none; }
}

/*------------------------------------------------------------------------------------------------
	Search
------------------------------------------------------------------------------------------------*/

.WP-ml-members .WP-ml-filter-search-form { background-color:#ededed;border:1px solid #e5e5e5;border-width:0 1px 1px;padding:22px 24px; }
.WP-ml-members .WP-ml-filter-search-form form label { display:none; }
.WP-ml-members .WP-ml-filter-search-form form input, .WP-ml-members .WP-ml-filter-search-form form select, .WP-ml-members .WP-ml-filter-search-form form button, .pseudo-select { vertical-align:middle; }
.WP-ml-members .WP-ml-filter-search-form form select[name=by] { display:block; }
.WP-ml-members .WP-ml-filter-search-form form input[name=search] { display:inline-block;width:156px;height:40px;background:#F3F3F3;border:1px solid #E5E5E5;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;margin:0 0 0 10px;font-size:11px;color:#868686;text-indent:15px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none; }
.WP-ml-members .WP-ml-filter-search-form form select[name=radius], .WP-ml-members .WP-ml-filter-search-form form .pseudo-radius { display:none !important;margin:0 0 0 10px; }
.WP-ml-members .WP-ml-filter-search-form form select[name=radius].WP-ml-active, .WP-ml-members .WP-ml-filter-search-form form .pseudo-radius.WP-ml-active { display:inline-block !important; }
.WP-ml-members .WP-ml-filter-search-form form button { height:38px;margin:0 0 0 10px;padding:0 26px;line-height:38px; }
.WP-ml-members .WP-ml-filter-search-form form button span { display:none; }
.WP-ml-members .WP-ml-filter-search-form form button:after { content:'\2192'; }

@media (max-width: 480px) {
	.WP-ml-members .WP-ml-filter-search-form { text-align:center; }
	.WP-ml-members .WP-ml-filter-search-form form select, .WP-ml-members .WP-ml-filter-search-form form input, .WP-ml-members .WP-ml-filter-search-form form button { display:block;margin:0 auto 10px !important; }
	.WP-ml-members .WP-ml-filter-search-form form input[name=search] { width:80%; }
	
	.WP-ml-members .WP-ml-filter-search-form form .pseudo-by, .WP-ml-members .WP-ml-filter-search-form form .pseudo-radius { margin-bottom:10px;text-align:left; }
}

/*------------------------------------------------------------------------------------------------
	Alpha
------------------------------------------------------------------------------------------------*/

.WP-ml-members .WP-ml-filter-alpha-form { background-color:#ededed;border:1px solid #e5e5e5;border-width:0 1px 1px;padding:22px 24px; }
.WP-ml-members .WP-ml-filter-alpha-form label { display:block;margin:0 0 20px;font-size:14px;font-weight:600;color:#3d3d3d; }
.WP-ml-members .WP-ml-filter-alpha-form label span { font-weight:normal;color:#878787; }
.WP-ml-members .WP-ml-filter-alpha-form ul { display:block;height:14px;margin-left:-1%;list-style:none; }
.WP-ml-members .WP-ml-filter-alpha-form ul li { display:block;float:left;width:3.8%;list-style:none; }
.WP-ml-members .WP-ml-filter-alpha-form ul li a { display:block;width:100%;line-height:14px;text-align:center;font-size:14px;color:#006c8c; }
.WP-ml-members .WP-ml-filter-alpha-form select { display:none; }
.WP-ml-members .WP-ml-filter-alpha-form .pseudo-select { display:none; }

@media (max-width: 480px) {
	.WP-ml-members .WP-ml-filter-alpha-form { text-align:center; }
	.WP-ml-members .WP-ml-filter-alpha-form label span { display:none; }
	.WP-ml-members .WP-ml-filter-alpha-form ul { display:none; }
	.WP-ml-members .WP-ml-filter-alpha-form select { display:inline-block; }
}

/*------------------------------------------------------------------------------------------------
	Map
------------------------------------------------------------------------------------------------*/

.WP-ml-map { width:100%;height:300px;margin:30px 0 0; }

.WP-ml-map .gm-style-iw h3 { font-size:20px;font-weight:normal;color:#006c8c; }
.WP-ml-map .gm-style-iw a { margin:10px 0 0; }

/*------------------------------------------------------------------------------------------------
	Viewing
------------------------------------------------------------------------------------------------*/

.WP-ml-members .WP-ml-view { margin:30px 0 0;font-size:14px;color:#3d3d3d; }

@media (max-width: 480px) {
	.WP-ml-members .WP-ml-view { border-bottom:1px solid #e5e5e5;margin:30px 0;padding:0 0 30px; }
}

/*------------------------------------------------------------------------------------------------
	Sorting
------------------------------------------------------------------------------------------------*/

.WP-ml-members .WP-ml-sort { border-bottom:1px solid #e5e5e5;margin:10px 0 0; }
.WP-ml-members .WP-ml-sort label { display:none; }
.WP-ml-members .WP-ml-sort a { position:relative;display:inline-block;margin:0 24px 0 0;line-height:35px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase; }
.WP-ml-members .WP-ml-sort a.WP-ml-active { color:#006c8c; }
.WP-ml-members .WP-ml-sort a.WP-ml-active:before { position:absolute;display:block;width:100%;height:4px;bottom:0;left:0;background-color:#006c8c;content:''; }
.WP-ml-members .WP-ml-sort a.WP-ml-active:after { display:inline-block;border-left:4px solid transparent;border-right:4px solid transparent;margin:0 0 0 4px;content:''; }
.WP-ml-members .WP-ml-sort a.WP-ml-active.WP-ml-sorted-d:after { border-top:8px solid #006c8c; }
.WP-ml-members .WP-ml-sort a.WP-ml-active.WP-ml-sorted-a:after { border-bottom:8px solid #006c8c; }

@media (max-width: 480px) {
	.WP-ml-members .WP-ml-sort { display:none; }
}

/*------------------------------------------------------------------------------------------------
	List
------------------------------------------------------------------------------------------------*/

.WP-ml-members .WP-ml-members-list { margin:45px 0 0; }
.WP-ml-members .WP-ml-members-list .WP-ml-member { width:100%;border-bottom:1px solid #e5e5e5;margin:0 0 30px;padding:0 0 30px; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-field-img { float:left;margin:0 20px 0 0; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-field-img img { border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup { float:left;width:85%; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field { margin:10px 0 0;font-size:14px; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field a { color:#006c8c; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field a:hover { color:#009ccb; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-label { display:block;line-height:20px;font-size:14px;font-weight:600; }
.WP-ml-members.WP-ml-no-labels .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-label { display:none; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-field-value, .WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-field-value * { line-height:20px;font-size:14px; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field-first { font-size:20px; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field-first .WP-ml-field-value { display:inline-block;font-size:20px; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field-first a { font-size:20px; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-button { margin-top:8px; }
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-admin-controls { margin:20px 0 0; }

@media (max-width: 480px) {
	.WP-ml-members .WP-ml-members-list { margin:0; }
}

/*------------------------------------------------------------------------------------------------
	Pagination
------------------------------------------------------------------------------------------------*/

.WP-ml-members .WP-ml-pagination { width:100%;text-align:center; }
.WP-ml-members .WP-ml-pagination ul { display:block;list-style:none; }
.WP-ml-members .WP-ml-pagination ul li { display:inline-block; }
.WP-ml-members .WP-ml-pagination ul li a { display:block;margin:0 10px;line-height:20px;font-size:11px;font-weight:600;color:#414141; }
.WP-ml-members .WP-ml-pagination ul li .WP-ml-pagination-item { width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.WP-ml-members .WP-ml-pagination ul li.WP-ml-active .WP-ml-pagination-item { background-color:#006c8c;color:#fff; }
.WP-ml-members .WP-ml-pagination ul .WP-ml-pagination-first { float:left;margin:0; }
.WP-ml-members .WP-ml-pagination ul .WP-ml-pagination-last { float:right;margin:0; }

/*------------------------------------------------------------------------------------------------
	Author
------------------------------------------------------------------------------------------------*/

.WP-ml-author .WP-ml-member { width:100%;border-bottom:1px solid #e5e5e5;margin:0 0 30px;padding:0 0 30px; }
.WP-ml-author .WP-ml-member .WP-ml-field-img { float:left;margin:0 20px 0 0; }
.WP-ml-author .WP-ml-member .WP-ml-field-img img { border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup { float:left;width:85%; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field { margin:10px 0 0;font-size:14px; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field a { color:#006c8c; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field a:hover { color:#009ccb; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-label { display:block;font-size:14px;font-weight:600; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-field-value { font-size:14px;line-height:20px; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field-first { font-size:20px;font-weight:600; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field-first .WP-ml-field-value { display:inline-block;font-size:20px; }
.WP-ml-author .WP-ml-member .WP-ml-member-markup .WP-ml-field-first a { font-size:20px; }
.WP-ml-author .WP-ml-member .WP-ml-member-admin-controls { display:none; }

/*------------------------------------------------------------------------------------------------
	Author Posts
------------------------------------------------------------------------------------------------*/

.WP-ml-author-posts h3 { margin:20px 0;padding:0;font-size:21px; }
.WP-ml-author-post { background:#fff;border:1px solid #efefef;margin:20px 0;padding:20px; }
.WP-ml-author-post img { margin:0; }
.WP-ml-author-post header h2 { margin:14px 0 0;padding:0; }
.WP-ml-author-post header h2, .WP-ml-author-post header h2 a { font-size:20px;color:#006c8c;text-decoration:none; }
.WP-ml-author-post header h2 a:hover { opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70); }
.WP-ml-author-post header .WP-ml-author-post-meta { margin:14px 0 0; }
.WP-ml-author-post header .WP-ml-author-post-meta a { display:inline-block;margin:0 10px 0 0; } 
.WP-ml-author-post header .WP-ml-author-post-meta i { font-family:FontAwesome; }
.WP-ml-author-post header .WP-ml-author-post-meta i, .WP-ml-author-post header .WP-ml-author-post-meta a { color:#006c8c; }
.WP-ml-author-post .WP-ml-author-post-content { margin:14px 0 0; }
.WP-ml-author-post .WP-ml-author-post-content * { font-size:14px; }
.WP-ml-author-post .WP-ml-author-post-content .WP-ml-author-post-more { font-size:14px; }