/* ****************************************

LOCALIST SILK WRAPPER MASTER STYLESHEET


Authored by:  	LPL Financial
Version:  		1.0
Last Updated:  	5/20/15
--

TABLE OF CONTENTS -------------------------

[1]  GLOBAL STYLES
[2]  HEADER
[3]  FOOTER
[4]  SIDE BAR
[5]  HOME PAGE (EVENT LISTINGS MAIN)
[6]  EVENT DETAIL PAGE
[7]  MANAGE FRIENDS PAGE
[8]  USER PROFILE PAGE
[9]  MEDIA QUERIES


COLORS ------------------------------------


-  Link Default			#1c3957
-  Link Hover			#79bec6
-  Active & Selected	#de6233
-  Text Color			#191919
-  Horizontal Divider	#e8e8e8


***************************************** */



/* =========================================
[1] GLOBAL STYLES
========================================= */

body {
	background-color: #fff;
	background-image: url("http://lpl-financial.locusnewmedia.com/img/body-bg.jpg");
	background-position: left top;
	margin: 0;
}

.content-wrapper { 
	background-color: transparent;
	margin: 40px auto 0px;
	max-width: 1000px;
	position: relative;
}

.grid_container { 
	margin-top: 0px !important;
}

/* horizontal divider below headers */
.box_title,
.date_divider,
label.heading,
.admin_header {
	border-bottom: 3px solid rgba(25,25,25,0.1);
	padding-bottom: 5%;
}


/* Breadcrumbs
----------------------------------------- */

/* breadcrumbs */
#breadcrumbs {
	background: transparent;
	margin: 0 15px 20px;
}

#breadcrumbs ul li a {
	color: #1c3957;
}

#breadcrumbs ul li a:hover {
	color: #79bec6;
}


/* Typography
----------------------------------------- */

/* page text link colors */
h3.summary a,
.pagination_container a {
	color: #1c3957;
}

/* tabs link default color */
.tabs a {
	color: #898a8a;
}

h3.summary a:hover,
.tabs a:hover,
.pagination_container a:hover {
	color: #79bec6;
}

h4#x-section-tab-buttons,
h4#x-section-event-group-tab-buttons,
#x-event-group-title {
	font-size: 24px;
	text-transform: capitalize;
}



/* =========================================
[2] HEADER
========================================= */

/* Header Image
----------------------------------------- */

.title-img-wrapper {
	position: absolute;
	left: 0px;
	top: -160px;
	min-width: 270px;
	width: auto;
	padding: 0 15px;
	z-index: 100;
}

.title-img {
	width: 100%;
	height: auto;
}

.nav-wrapper {
	background-image: url("http://lpl-financial.locusnewmedia.com/img/nav-bg.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	height: 120px;
	z-index: 1;
}


/* Admin User Menu
----------------------------------------- */

/* menu placement */
div#menu {
	position: absolute;
	right: 25%;
	top: -130px;
	z-index: 1000;
}

/* menu layout (if logged in) */
ul.action_menu > li {
	display: inline;
}

/* menu link spacing */
ul.action_menu li.login {
	padding: 0px 5px;
}

/* menu icon color for mobile */
#menu .nav-button .icon-bar {
	background-color: #666666;
}


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

/* layout */
.search_action {
	position: absolute;
	right: 0;
	top: -130px;
	padding-right: 15px;
	z-index: 1001;
}

/* form field styles */
.search_action input[type="text"] {
	background: #fff;
	border: 2px solid #cccecb;
	border-radius: 0;
	color: #666666;
	min-width: 250px;
}

/* button default state */
.search_action #top-submit {
	background-color: #cccecb;
	border: 2px solid #cccecb;
	border-radius: 0;
	color: #fff;
	line-height: 16px;
	min-width: 32px;
	padding: 5px;
}

/* button hover state */
.search_action #top-submit:hover {
	background-color: #79bec6;
	border: 2px solid #79bec6;
}

/* remove right margin on search icon */
.search_action button i {
	margin-right: 0;
}



/* =========================================
[3] FOOTER
========================================= */

/* hide "hosted by Localist" footnote */
#lclst_footer { 
	display: none; 
}

/* Custom Footer
----------------------------------------- */

/* layout */
.lpl-footer {
	color: #999999;
	font-size: 13px;
	float: left;
	padding: 5% 2%;
	width: auto;
}

.footer-top {
	margin-bottom: 30px;
	width: auto;
}

.footer-bottom {
	clear: both;
	text-align: center;
}

.footer-logo,
.lpl-contact {
	border-bottom: 1px dotted #ccc;
	padding: 20px 0;
	text-align: center;
}

/* text link styles */
.lpl-contact a {
	color: #1c3957;
	font-size: 15px;
	font-weight: 600;
}

.lpl-contact a:hover {
	color: #79bec6;
}

.footer-bottom a {
	color: #999999;
}

.footer-bottom a:hover {
	text-decoration: underline;
}



/* =========================================
[4] SIDE BAR
========================================= */

/* hide sidebar nav links */
.sidebar-topnav { display: none; }


/* Mini Calendar
----------------------------------------- */

.mini_calendar .box_content {
	padding: 10px;
}

.light_colorone {
	background-color: #fff;
}

/* month name header */
.mini_calendar .pagination_container {
	background-color: #1c3957;
	margin-bottom: 0px;
	padding-top: 15px;
}
.widget.mini_calendar .page_heading {
	margin-top: auto;
}

/* calendar arrow link colors */
.fa-chevron-right,
.fa-chevron-left {
	color: #fff;
}

/* calendar arrow link placement */
.widget.mini_calendar #localist-minical-prev-month {
	left: 25px;
}
.widget.mini_calendar #localist-minical-next-month {
	right: 25px;
}

/* date cell color */
#minicalendar td,
#minicalendar .dimday a {
	background-color: #fff;
}

/* current date highlight shape */
.widget.mini_calendar .minicalendar tbody[data-minicalendar="calendar"] td a {
	border-radius: initial;
}

/* month name text color */
.page_heading #month-name {
	color: #fff;
}


/* days of the week text color */
.widget.mini_calendar .minicalendar th {
	color: #191919;
}


/* Event Types
----------------------------------------- */

/* event type widget background color */
.widget-filter {
	background-color: #fff;	
}

/* layout */
.widget-content > ul#x-event_types li {
	margin: 5px auto;
}

/* text link states */
.widget-content > ul#x-event_types li a {
	color: #666666;
}
.widget-content > ul#x-event_types li a:hover {
	text-decoration: underline;
}

/* "Show More" link */
.sub_show_more {
	margin: 20px 0 !important;
}

.sub_show_more a {
	color: #1c3957 !important;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}
.sub_show_more a:hover {
	color: #79bec6 !important;
}


/* Subscribe Box
----------------------------------------- */

/* header & icon colors */
.sidebar .box_container h2,
.sidebar #event_subscribe a {
	color: #fff;
}

/* icon spacing */
.sidebar #event_subscribe a {
	margin-right: 10px;
}

/* icon hover state */
.sidebar #event_subscribe a:hover {
	color: #79bec6;
}



/* =========================================
[5] HOME PAGE (EVENT LISTINGS MAIN)
========================================= */

/* Featured Events Carousel
----------------------------------------- */

/* header style */
.content .box_title:first-child {
	background: #1c3957;
	color: #fff;
	margin-bottom: 0px;
	padding: 10px 20px !important;
}


/* remove border on featured carousel */
.featured_carousel {
	border: none;
}

/* featured carousel nav shape */
.featured_carousel .featured_nav a {
	border-radius: 2px;
}

/* featured carousel nav placement */
.featured_carousel .featured_nav {
	background-color: transparent;
	margin-top: 20px;
	position: static;
	text-align: right;
}

/* featured carousel nav - current background color */
.featured_carousel .featured_nav a.current {
	background-color: #898a8a;	
}

/* featured carousel item background color */
.featured_carousel .featured_item_wrapper,
.featured_carousel .featured_item_wrapper .item {
	background-color: #fff;
	border-style: none !important;
	max-height: 200px;
	overflow: hidden;
	width: 100%;
}


/* Listings
----------------------------------------- */

/* tab styles */
.tabs .selected_tab_colorfive, .tabs .selected {
	background: #898a8a;
	color: #fff;
	padding: 5px 10px;
}

/* img thumbnail shape */
.featured_carousel .featured_item_wrapper .item img,
.item>.box_left img,
.item-freeform>.box_left img {
	border-radius: initial;
}

/* event item styles */
.item {
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom: 3px solid #e8e8e8 !important;
	border-left-style: none !important;
}

/* hide "I'm Going" button */
.imgoing { 
	display: none !important;
	
}



/* =========================================
[6] EVENT DETAIL PAGE
========================================= */

/* Content
----------------------------------------- */

/* layout */
.content-top .box_content {
	clear: both;
	padding: 25px;
	width: 100%;
}

/* remove borders */
.content-top .dateright,
.content-top .location,
.content-bottom .extra_details dt {
	border-style: none;
}

/* description text block styles */
.content-top .description > p {
	margin-bottom: 20px;
}

.content-top .description > p > span {
	font-size: 15px !important;
	font-weight: 300;
}

/* subscribe icons link states */
.content-bottom .event-subscribe a {
	color: #1c3957;
}

.content-bottom .event-subscribe a:hover {
	color: #79bec6;	
}


/* Directions Side Bar
----------------------------------------- */

.detail_list {
	background: #fff;
}
.detail_list h3.widget-header {
	background: #fff;
}

.detail_list ul li {
	padding: 10px 20px;
}



/* =========================================
[7] MANAGE FRIENDS PAGE
========================================= */

/* Find Friends box */
#x-friend-edit {
	color: #fff;
}

/* Find Friends search field */
#x-friend-edit input[type="text"] {
	background: #fff;
}

/* hide Invite Friends box */
#x-friend-edit div.widget:nth-child(2) {
	display: none;
}



/* =========================================
[8] USER PROFILE PAGE
========================================= */

/* public profile view — edit user box header */
.sectionheader h3.widget-header {
	color: #fff;
}

/* hide Social Accounts section */
.edit_user .content-padding > fieldset:nth-of-type(2),
.edit_user .content-padding > div.form-group:nth-of-type(2) {
	display: none;
}



/* =========================================
[9] MEDIA QUERIES
========================================= */


@media only screen and (max-width: 1140px) {
	
	/*---- Home Page ----*/
	
	/* Featured Events Carousel */
	.featured_carousel .featured_item_wrapper .item img {
		margin: 0;
	}
	
}

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

	/* user menu dropdown expanded state */
	#menu .action_menu li,
	#menu .action_menu li a {
		background-color: #1c3957;
		border-bottom: none;
		padding: 5px;
	}
	#menu .action_menu_items li:first-child a,
	#menu .action_menu_items a {
		border: none;
	}
}


@media only screen and (max-width: 768px) {
	
	.content-wrapper {
		padding-top: 2%;
	}
	
	/*---- Search Bar ----*/
	
	.search_action {
		float: right;
		margin-bottom: 2%;
		padding: 0 2%;
		position: initial;
	}
	
	/*---- Footer ----*/
	
	.footer-top {
		text-align: center;
	}
		
}

@media only screen and (max-width: 767px) {
	
	/* set width of containing grid */
	.grid_container .grid_1, 
	.grid_container .grid_2, 
	.grid_container .grid_3, 
	.grid_container .grid_4, 
	.grid_container .grid_5, 
	.grid_container .grid_6,
	.grid_container .grid_7,
	.grid_container .grid_8,
	.grid_container .grid_9,
	.grid_container .grid_10,
	.grid_container .grid_11,
	.grid_container .grid_12,
	.grid_container .grid_13,
	.grid_container .grid_14,
	.grid_container .grid_15,
	.grid_container .grid_16 {
		margin: 0 2%;
		width: 96%;
	}
	
	/*---- Home Page ----*/
	
	/* layout */
	.homepage .box_left {
		float: left;
	}
	
	/* Featured Events Carousel */
	.featured_item_wrapper .box_left {
		padding-right: 0px;
	}
	
	/* event items */
	.tabs { 
		float: right;
	}
	
	.pagination_container {
		margin-bottom: 5%;
	}
	
	/*---- Event Detail Page ----*/
	
	#breadcrumbs ul {
		width: auto;
	}
	
}


/* ---------------- Phone Landscape ---------------- */

@media only screen
	and (max-width: 568px)
	and (orientation: landscape) {
	
		/*---- Search Bar ----*/
		
		.search_action {
			float: none;
			text-align: center;
		}
}

/* -------------- End Phone Landscape -------------- */


@media only screen and (max-width: 514px) {
	
	/*---- Search Bar ----*/
		
	.search_action {
		float: none;
		position: initial;
		margin-bottom: 20px;
		text-align: center;
	}	
}


@media only screen and (max-width: 414px) {
	
	/*---- Header Image ----*/
	
	.title-img-wrapper {
		padding: 0 10%;
	}
	
	/*---- Home Page ----*/
	
	/* layout */
	.homepage .box_left {
		float: none;
	}
	
	/* Featured Events Carousel */
	.box_header .tabs {
		margin-top: 0;
	}
	
	.featured_carousel .featured_nav {
		text-align: center;
	}
	
	/* event items */
	.tabs {
		float: none;
	}
	
	.box_header .tabs a {
		margin-top: 5%;
	}

}