/*------------------------------------------------------------------
[All Style Widget]

1. Social + Contact Top
2. Flickr
3. Search Top
4. Tag
5. Recent post
-------------------------------------------------------------------*/

/* 1. Social */
.title-social {
	display: none;
}
.cs-social {
 	li {
 		padding: 0 14px;
 		display: inline-block;
 		a {
 			font-size: 15px;
 			span {
 				display: none;
 			}
		}
 	}
 	&.text-left {
 		li:first-child {
 			margin-left: 0;
 		}
 	}
 	&.text-right {
 		li:last-child {
 			margin-right: 0;
 		}
 	}
 	&.round, &.round2 {
 		li {
 			display: block;
 			margin: 0 0 20px;
 			a {
 				i {
 					height: 50px;
	 				width: 50px;
	 				line-height: 50px;
	 				background-color: #fff;
	 				@include border-radius(50px);
	 				display: block;
	 				text-align: center;
	 				color: $primary_color;
	 				float: left;
	 				font-size: 18px;
	 				@include transition(all 300ms linear 0ms);
	 				&:hover {
	 					color: #fff;
	 					background-color: $primary_color;
	 				}
	 				&.fa-facebook {
	 					color: #507cbe;
	 					&:hover {
	 						background-color: #507cbe;
	 						color: #fff;
	 					}
	 				}
	 				&.fa-rss {
	 					color: #d93e2d;
	 					&:hover {
	 						background-color: #d93e2d;
	 						color: #fff;
	 					}
	 				}
	 				&.fa-twitter {
	 					color: #00abef;
	 					&:hover {
	 						background-color: #00abef;
	 						color: #fff;
	 					}
	 				}
	 				&.fa-linkedin {
	 					color: #3371b7;
	 					&:hover {
	 						background-color: #3371b7;
	 						color: #fff;
	 					}
	 				}
	 				&.fa-google-plus {
	 					color: #d93e2d;
	 					&:hover {
	 						background-color: #d93e2d;
	 						color: #fff;
	 					}
	 				}
	 			}
 				span {
 					display: block;
				    line-height: 50px;
				    padding-left: 70px;
				    color: #b5b5b5;
 				}
 			}
 		}
 	}
 	&.round2 {
 		li {
	 		margin: 0 5px;
	 		display: inline-block;
	 		a {
	 			font-size: 16px;
	 			span {
	 				display: none;
	 			}
			}
	 	}
	 	&.text-left {
	 		li:first-child {
	 			margin-left: 0;
	 		}
	 	}
	 	&.text-right {
	 		li:last-child {
	 			margin-right: 0;
	 		}
	 	}
 	}
}
.contact-top {
	ul {
		padding: 0;
		margin: 0;
		font-size: 12px;
		line-height: 20px;
		li {
			display: inline-block;
			+ li {
				margin-left: 5px;
			}
			&:before {
				content: "|";
				padding-right: 10px;
			}
			span {
				color: #5d5d5d;
			}
			&:first-child:before {
				content: "";
				padding: 0;
			}
			a {
				color: $primary_color;
			}
		}
	}
}
/* End - 1. Social */

/* 2. Flickr */
body .flickr_badge_image {
    background: rgba(0, 0, 0, 0);
    float: left;
    height: auto;
    padding: 0 10px 10px 0;
    width: 25%;
    margin: 0;
    a {
    	display: block;
    	width: 100%;
    	img {
    		width: 100%;
    		@include border-radius(2px);
    	}
    }
}
.flickr-brand {
	a {
		font-size: 11px;
		margin-top: 4px;
		float: left;
		color: #a9a9ab;
		display: block;
    	width: 100%;
		&:hover {
			color: $primary_color;
		}
	}
}
/* End 2. Flickr */

/* 3. Search */
#searchform {
	position: relative;
	input[type="text"] {
		@include box-shadow(none);
		color: $color_dark;
		border: $border_2x;
		height: 51px;
		padding-right: 42px;
		padding-left: 15px;
	}
	#searchsubmit {
		background-color: transparent;
	    border: medium none;
	    font-size: 0;
	    width: 50px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 50px;
	    z-index: 99;
	}
	.screen-reader-text {
		display: none;
	}
	div {
		&:before {
			content: "\f002";
			font-family: FontAwesome;
			position: absolute;
			right: 21px;
			top: 13px;
			font-size: 14px;
			color: #fff;
			z-index: 1000;
			z-index: 2;
		}
		&:after {
			height: 30px;
			width: 35px;
			background-color: $primary_color;
			top: 10px;
			right: 10px;
			position: absolute;
			content: "";
			z-index: 1;
			@include transition(all 300ms linear 0ms);
		}
	}
	&:hover div:after {
		background-color: $secondary_color;
	}
}
.cshero-popup-search #searchform:before {
	font-size: 28px;
	right: 15px;
    top: 10px;
}
.widget_product_search .woocommerce-product-search {
	position: relative;
	.screen-reader-text {
		display: none;
	}
	.search-field {
		@include box-shadow(none);
		color: $color_dark;
		border: $border_2x;
		height: 51px;
		padding-right: 42px;
		text-indent: 15px;
	}
	input[type="submit"] {
		background-color: transparent;
	    border: medium none;
	    font-size: 0;
	    max-width: 50px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 50px;
	    z-index: 3;
	    &:hover {
	    	background-color: transparent !important;
	    }
	}
	&:before {
		color: #fff;
	    content: "\f002";
	    font-family: FontAwesome;
	    font-size: 14px;
	    position: absolute;
	    right: 21px;
	    top: 13px;
	    z-index: 2;
	}
	&:after {
		background-color: $primary_color;
	    content: "";
	    height: 30px;
	    position: absolute;
	    right: 10px;
	    top: 10px;
	    transition: all 300ms linear 0ms;
	    width: 35px;
	    z-index: 1;
	}
	&:hover:after {
		background-color: $secondary_color;
	}
}
.cms-error404 #searchform {
	max-width: 287px;
	margin: auto;
}
/* 3. End Search */

/* 4. Start Tags */
.tagcloud a {
	border: $border_1x;
	@include border-radius(1px);
    display: inline-block;
    font-size: 12px !important;
    margin: 0 4px 6px 0;
    padding: 3px 11px;
    color: #a9a9a9 !important;
    font-style: italic;
    &:hover {
    	color: $primary_color !important;
    	border-color: $primary_color;
    }
}
/* 4. Start Tags */
.cms-recent-post {
	.cms-recent-media {
		max-width: 60px;
		float: left;
		img {
			@include border-radius(1px);
			position: relative;
    		top: 4px;
		}
	}
	.cms-recent-details  {
		padding-left: 80px;
		.detail-terms {
			font-size: 13px;
    		font-style: italic;
    		margin-bottom: 3px;
    		color: #a9a9a9;
		}
		.title {
			font-size: 14px;
		    line-height: 22px;
		    margin: 0 0 5px;
		    text-transform: uppercase;
			a {
				color: $color_dark3;
				&:hover {
					color: $primary_color
				}
			}
		}
		ul {
			margin-bottom: 18px;
   			padding-bottom: 14px;
			border-bottom: $border_1x;
			li {
				display: inline-block;
				color: #a9a9a9;
				font-size: 13px;
				font-style: italic;
				padding-right: 15px;
				a {
					color: #a9a9a9;
					&:hover {
						color: $primary_color;
					}
				}
				i {
					padding-right: 3px;
				    position: relative;
				    top: -1px;
				}
			}
		}
	}
	.item {
		margin-bottom: 4px;
		&:last-child .cms-recent-details ul {
			border: none;
		}
	}
}

#sidebar, .wpb_widgetised_column, .sg-services-sidebar, .sidebar-post-type {
	.widget_archive,
	.widget_categories,
	.widget_meta,
	.widget_nav_menu,
	.widget_pages,
	.widget_product_categories {
		li {
			position: relative;
			margin-bottom: 5px;
			a {
				background-color: #f4f4f4;
			    color: #5e5e5e;
			    display: block;
			    font-family: Montserrat;
			    font-size: 13px;
			    font-weight: 700;
			    letter-spacing: 0.02em;
			    padding: 12px 20px;
			    text-transform: uppercase;
				&:hover, &.services-active {
					color: #fff;
					background-color: $primary_color;
				}
				&:before {
				    content: "\f067";
				    font-family: FontAwesome;
				    padding-right: 10px;
				    font-size: 11px;
				    font-weight: normal;
				}
			}
			&.current-menu-item a {
				color: #fff;
				background-color: $primary_color;
			}
		}
		ul.sub-menu, .children {
	    	padding-left: 0;
	    	margin-top: 5px;
	    	li {
	    		a {
	    			padding-left: 30px;
	    		}
	    		ul.sub-menu, .children {
	    			li {
	    				a {
	    					padding-left: 40px;
	    				}
	    			}
	    		}
	    	}
		}
	}
}
.single-services .sg-services-sidebar .widget_nav_menu li a.services-active {
	background-color: #f4f4f4;
	color: #5e5e5e;
}
.widget_nav_menu {
	.widget-title {
		margin: 0 0 15px;
	}
	li.current-menu-item > a {
		color: $primary_color;
	}
}
.widget_calendar {
	&.slidingbar-widget-col {
		margin-top: 60px;
	}
	#wp-calendar {
		position: relative;
		caption {
			background-color: $primary_color;
		    color: #ffffff;
		    font-size: 24px;
		    font-weight: 700;
		    line-height: 1;
		    padding: 18px 0;
		    text-align: center;
		}
		thead {
			background-color: $secondary_color;
		    color: #ffffff;
		    th {
		    	font-weight: 700;
		    	text-align: center;
		    	color: #fff;
		    }
		    tr th:first-child {
				padding-left: 20px;
			}
			tr th:last-child {
				padding-right: 20px;
			}
		}
		tbody {
			border-left: 1px solid #e5e5e5;
			border-right: 1px solid #e5e5e5;
			td {
				font-weight: 300;
				text-align: center;
				padding: 0;
				border-top: none;
				a {
					font-weight: 700;
					color: $primary_color;
					&:hover {
						color: $secondary_color;
					}
				}
			}
			tr td:first-child {
				padding-left: 20px;
			}
			tr td:last-child {
				padding-right: 20px;
			}
			tr:first-child {
				td {
					padding-top: 12px;
				}
			}
			tr:last-child {
				td {
					padding-bottom: 12px;
				}
			}
		}
		tfoot {
			border: medium none;
		    td {
		    	padding: 0;
		    	border: none;
		    	height: 60px;
			    position: absolute;
			    top: 0;
			    left: 15px;
		    	&#prev a {
					font-size: 0;
		    		&:before {
					    color: #fff;
					    content: "\f104";
					    font-family: FontAwesome;
					    font-size: 16px;
					    line-height: 60px;
					}
				}
				&#next {
					left: inherit;
					right: 15px;
					a {
						font-size: 0;
						&:before {
						    color: #fff;
						    content: "\f105";
						    font-family: FontAwesome;
						    font-size: 16px;
						    line-height: 60px;
						}
					}
				}
		    }
		}
	}
}
.widget_newsletterwidget {
	.newsletter-subscription {
		margin: 0;
	}
	.newsletter-widget {
		margin-top: 12px;
	}
	p {
		margin: 0;
	}
	form {
		position: relative;
		.tnp-field-email {
			label {
				display: none;
			}
			.tnp-email {
				@include box-shadow(none);
				background-color: transparent !important;
			    border: 2px solid #292929 !important;
			    box-shadow: none;
			    height: 42px !important;
			    @include transition(all 300ms linear 0ms);
			    padding-left: 15px;
			    font-size: 13px;
			}
		}
		.tnp-field-button {
			position: absolute;
		    right: 0;
		    top: 0;
			.tnp-submit {
				height: 42px;
			    padding: 0 15px;
				position: relative !important; 
			    background-color: #282828 !important;
			    border: 2px solid #282828 !important;
			    font-weight: 700;
			    color: #fff;
			}
		}
		&:hover {
			.tnp-email {
				border-color: $primary_color !important;
				color: #fff;
			}
			.tnp-submit {
				background-color: $primary_color !important;
				border-color: $primary_color !important;
				&:hover {
					color: #313131;
				}
			}
		}
	}
}
.ft_flickr_widget {
	overflow: hidden;
}

/* 5. Recent Post */
.widget_recent_entries, .widget_recent_comments {
	li {
		padding: 15px 0 15px;
		border-top: 1px solid #f5f4f4;
		position: relative;
		display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: column;
	    flex-direction: column;
		&:first-child {
			border-top: none;
			padding-top: 0;
			&:before {
				top: 10px;
			}
		}
		.post-date {
			color: $primary_color;
			display: block;
			order: -1;
		}
	}
}
.widget_recent_comments li {
	display: inline-block;
}
.widget_recent_comments {
	.comment-author-link {
		display: block;
	}
}

.widget_rss {
	.rsswidget {
		display: block;
	}
	.rss-date {
		font-style: italic;
	}
	.rssSummary {
		padding-top: 12px;
	}
	li {
		border-bottom: 1px solid #ededed;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	}
}
.widget select option {
	max-width: 300px;
}
.post-password-form [type="password"] {
	margin-bottom: 10px;
}
.download {
	a {
		background-color: $primary_color;
	    color: #fff;
	    display: block;
	    font-family: Montserrat;
	    font-size: 13px;
	    font-weight: 700;
	    padding: 35px 22px 15px;
	    position: relative;
	    text-transform: uppercase;
	    margin-bottom: 20px;
	    span:nth-child(1) {
	    	background-color: #2f2f2f;
		    color: $primary_color;
		    display: inline-block;
		    font-size: 9px;
		    font-weight: normal;
		    left: 22px;
		    line-height: 1;
		    padding: 9px 3px 7px;
		    position: absolute;
		    top: 0;
	    }
	    i {
	    	bottom: 0;
		    font-size: 24px;
		    margin: auto;
		    position: absolute;
		    right: 22px;
		    top: 25px;
		    &:after {
		    	background-color: #ff8600;
			    content: "";
			    height: 20px;
			    left: -23px;
			    position: absolute;
			    top: 2px;
			    width: 2px;
		    }
	    }
	    &:hover {
	    	color: #fff;
	    	background-color: $secondary_color;
	    	span:nth-child(1) {
	    		background-color: $primary_color;
	    		color: $secondary_color;
	    	}
	    	i:after {
	    		background-color: $primary_color;
	    	}
	    }
	}
}
.attorney-download a {
	display: block;
	border: $border_2x;
	padding: 13px 13px 13px 60px;
	text-align: center;
	position: relative;
	font-size: 18px;
	line-height: normal;
	font-family: Raleway;
    font-weight: 600;
	i {
		position: absolute;
		bottom: -7px;
		left: 13px;
		background-color: $primary_color;
	    color: #fff;
	    font-size: 24px;
	    height: 41px;
	    width: 41px;
	    line-height: 41px;
	    text-align: center;
	    @include border-radius(2px 2px 2px 0);
	    &:after {
	    	height: 0;
	    	width: 0;
	    	left: 0;
	    	bottom: -8px;
	    	position: absolute;
	    	border-style: solid;
	    	border-width: 4px;
	    	border-color: $primary_color transparent transparent $primary_color;
	    	content: "";
	    }
	}
	&:hover {
		border-color: $primary_color;
	}
	+ a {
		margin-top: 32px;
	}
}