/*------------------------------------------------------------------
[ASIDE.CSS - contains sidebar styles]
[Table of contents]

1. Base sidebar / layout styles
2. Widgets
	2.1 Calendar widget
	2.2 Dropdowns
	2.3 Simple lists
	2.4 Recent comments
	2.5 Mail Chimp widget
	2.6 RSS widget
	2.7 Menus widget
	2.8 Tags widget
	2.9 Recent posts widget
	2.10 Recent news widget
	2.11 Contact Info Widget
	2.12 Contact us widget
	2.13 Latest tweets widget
	2.14 Logo & Description widget
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	1. Basic sidebar / layout styles
-------------------------------------------------------------------*/
body.sidebar-left #content {
  float: right;
}
body.sidebar-left #sidebar {
  float: left;
}
.widget {
  margin-bottom: 50px;
}
.widget form {
  margin-bottom: 0;
}
.widget-title {
  margin-bottom: 25px;
}
aside table,
.footer-widgets table {
  width: 100%;
}
aside table td,
.footer-widgets table td,
aside table th,
.footer-widgets table th {
  padding: 5px;
}
aside table caption,
.footer-widgets table caption {
  padding: 8px;
}
@media screen and (max-width: 992px) {
  aside {
    margin-top: 70px;
  }
}
/*------------------------------------------------------------------
	2. Widgets
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	2.1 Calendar widget
-------------------------------------------------------------------*/
.widget_calendar table,
.widget_calendar th {
  text-align: center;
}
/*------------------------------------------------------------------
	2.2 Dropdowns
-------------------------------------------------------------------*/
.widget_archive label,
.widget_categories label {
  display: none;
}
/*------------------------------------------------------------------
	2.3 Simple lists
-------------------------------------------------------------------*/
.widget_meta .widget-content > ul,
.widget_recent_entries .widget-content > ul,
.widget_rss .widget-content > ul {
  margin-left: -9px;
}
/*------------------------------------------------------------------
	2.4 Recent comments
-------------------------------------------------------------------*/
.widget_recent_comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_recent_comments li {
  padding-left: 30px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 14px;
  line-height: 1.35em;
  border-bottom: 2px solid #eeeeee;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.widget_recent_comments li:last-of-type {
  margin-bottom: 0;
  border-bottom: 0;
}
/*------------------------------------------------------------------
	2.5 Mail Chimp widget
-------------------------------------------------------------------*/
.widget_mc4wp_form_widget p {
  margin-bottom: 10px;
}
.widget_mc4wp_form_widget input[type=submit] {
  text-align: center;
  width: 100%;
}
.widget_mc4wp_form_widget .mc4wp-success {
  color: #39b54a;
}
.widget_mc4wp_form_widget .mc4wp-error {
  color: #f04e4e;
}
/*------------------------------------------------------------------
	2.6 RSS widget
-------------------------------------------------------------------*/
.widget_rss .rss-date {
  display: block;
  padding: 4px 0;
  font-size: 14px;
  color: #a1a1a6;
}
/*------------------------------------------------------------------
	2.7 Menus widget
-------------------------------------------------------------------*/
aside .widget_archive .widget-content > ul,
aside .widget_categories .widget-content > ul,
aside .widget_pages .widget-content > ul,
aside .widget_nav_menu .widget-content > ul,
aside .widget_product_categories .widget-content > ul,
aside .widget_archive ul.menu,
aside .widget_categories ul.menu,
aside .widget_pages ul.menu,
aside .widget_nav_menu ul.menu,
aside .widget_product_categories ul.menu {
  border: 2px solid #eeeeee;
  margin: 0;
  padding: 0;
  list-style: none;
}
aside .widget_archive .widget-content > ul > li,
aside .widget_categories .widget-content > ul > li,
aside .widget_pages .widget-content > ul > li,
aside .widget_nav_menu .widget-content > ul > li,
aside .widget_product_categories .widget-content > ul > li,
aside .widget_archive ul.menu > li,
aside .widget_categories ul.menu > li,
aside .widget_pages ul.menu > li,
aside .widget_nav_menu ul.menu > li,
aside .widget_product_categories ul.menu > li {
  border-bottom: 2px solid #eeeeee;
  margin: 0;
  padding: 13px 35px;
  font-family: Roboto Slab;
  font-weight: bold;
}
aside .widget_archive .widget-content ul ul li,
aside .widget_categories .widget-content ul ul li,
aside .widget_pages .widget-content ul ul li,
aside .widget_nav_menu .widget-content ul ul li,
aside .widget_product_categories .widget-content ul ul li {
  margin-bottom: 10px;
  padding-left: 0;
  font-weight: normal;
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.35em;
}
aside .widget_archive .widget-content ul ul li a,
aside .widget_categories .widget-content ul ul li a,
aside .widget_pages .widget-content ul ul li a,
aside .widget_nav_menu .widget-content ul ul li a,
aside .widget_product_categories .widget-content ul ul li a {
  color: #87878d;
}
aside .widget_archive .widget-content ul ul li a:hover,
aside .widget_categories .widget-content ul ul li a:hover,
aside .widget_pages .widget-content ul ul li a:hover,
aside .widget_nav_menu .widget-content ul ul li a:hover,
aside .widget_product_categories .widget-content ul ul li a:hover {
  color: #1cbbb4;
}
aside .widget_archive .sub-menu .sub-menu .sub-menu,
aside .widget_categories .sub-menu .sub-menu .sub-menu,
aside .widget_pages .sub-menu .sub-menu .sub-menu,
aside .widget_nav_menu .sub-menu .sub-menu .sub-menu,
aside .widget_product_categories .sub-menu .sub-menu .sub-menu {
  padding-left: 0;
  margin-left: 0;
}
aside .widget_archive .widget-content > ul > li:last-of-type,
aside .widget_categories .widget-content > ul > li:last-of-type,
aside .widget_pages .widget-content > ul > li:last-of-type,
aside .widget_nav_menu .widget-content > ul > li:last-of-type,
aside .widget_product_categories .widget-content > ul > li:last-of-type,
aside .widget_archive ul.menu > li:last-of-type,
aside .widget_categories ul.menu > li:last-of-type,
aside .widget_pages ul.menu > li:last-of-type,
aside .widget_nav_menu ul.menu > li:last-of-type,
aside .widget_product_categories ul.menu > li:last-of-type {
  border-bottom: 0;
}
/*------------------------------------------------------------------
	2.8 Tags widget
-------------------------------------------------------------------*/
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
  font-size: 16px !important;
  display: inline-block;
  padding-left: 27px;
  margin-bottom: 5px;
  color: #87878d;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 25px;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
  color: #1cbbb4;
}
/*------------------------------------------------------------------
	2.9 Recent posts widget
-------------------------------------------------------------------*/
.wproto_posts_widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wproto_posts_widget li {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  position: relative;
  border-bottom: 2px solid #eeeeee;
}
.wproto_posts_widget li.with-thumb {
  padding-left: 120px;
  min-height: 100px;
}
.wproto_posts_widget li.with-thumb .post-thumb {
  position: absolute;
  left: 0;
  top: 0;
}
.wproto_posts_widget li.with-thumb .post-thumb img {
  display: block;
}
.wproto_posts_widget .post-thumb:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(28, 187, 180, 0.7);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wproto_posts_widget .post-title {
  font-family: Roboto Slab;
}
.wproto_posts_widget li:hover .post-thumb:after {
  opacity: 1;
}
.wproto_posts_widget li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
/*------------------------------------------------------------------
	2.10 Recent news widget
-------------------------------------------------------------------*/
.wproto_news_widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wproto_news_widget li {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 2px solid #eeeeee;
  padding-left: 90px;
  position: relative;
  min-height: 80px;
  font-family: Roboto Slab;
}
.wproto_news_widget .time {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  font-family: Roboto Slab;
  text-align: center;
  padding: 12px 0;
  background: #f3f4f6;
  color: #28282c;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wproto_news_widget .day {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 10px;
}
.wproto_news_widget .month {
  font-size: 12px;
  line-height: 12px;
}
.wproto_news_widget li:hover .time {
  background: #1cbbb4;
  color: #ffffff;
}
.wproto_news_widget .all-news {
  display: inline-block;
  padding-right: 20px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
/*------------------------------------------------------------------
	2.11 Contact Info Widget
-------------------------------------------------------------------*/
.wproto_contact_info_widget .free_text {
  margin-bottom: 18px;
}
.wproto_contact_info_widget .content-row {
  display: table;
  margin-bottom: 18px;
}
.wproto_contact_info_widget .icon,
.wproto_contact_info_widget .text {
  display: table-cell;
  vertical-align: middle;
}
.wproto_contact_info_widget .icon {
  width: 25px;
}
.wproto_contact_info_widget .icon svg {
  width: 25px;
}
.wproto_contact_info_widget .icon svg path {
  fill: #28282c;
}
.wproto_contact_info_widget .text {
  padding-left: 20px;
  font-family: Roboto Slab;
}
.wproto_contact_info_widget .share-links a {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  margin-right: 5px;
}
.wproto_contact_info_widget .share-links a.fb {
  background: #3a5ba2;
}
.wproto_contact_info_widget .share-links a.twitter {
  background: #55acee;
}
.wproto_contact_info_widget .share-links a.google-plus {
  background: #e13719;
}
.wproto_contact_info_widget .share-links a.linkedin {
  background: #0083be;
}
.wproto_contact_info_widget .share-links a.youtube {
  background: #e62117;
}
.wproto_contact_info_widget .share-links a.rss {
  background: #e66017;
}
/*------------------------------------------------------------------
	2.12 Contact us widget
-------------------------------------------------------------------*/
.wproto_contact_us_widget {
  background-color: #87878d;
  color: #ffffff;
  padding: 35px 40px;
  background-repeat: no-repeat;
  background-position: 160px 160px;
  background-size: 230px 230px;
}
.wproto_contact_us_widget h4.title {
  color: #28282c;
  font-weght: bold;
}
.wproto_contact_us_widget .button {
  margin-top: 24px;
  background-color: #ffffff;
  color: #28282c;
}
.wproto_contact_us_widget .button .button-ink {
  background: #39b54a;
}
.wproto_contact_us_widget .button svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  width: 22px;
  height: 18px;
}
.wproto_contact_us_widget .button svg path {
  fill: #39b54a;
}
.wproto_contact_us_widget .button:hover {
  background-color: #f2f2f2;
}
/*------------------------------------------------------------------
	2.13 Latest tweets widget
-------------------------------------------------------------------*/
.wproto_tweets_widget {
  background-color: #00b3e4;
  color: #ffffff;
  padding: 35px 40px 60px 40px;
  background-repeat: no-repeat;
  background-position: 140px 140px;
  background-size: 230px 230px;
}
.wproto_tweets_widget a {
  color: #ffffff;
}
.wproto_tweets_widget h4.widget-title {
  color: #28282c;
  font-weght: bold;
}
.wproto_tweets_widget i.fa {
  display: none;
}
.wproto_tweets_widget .slick-dots {
  text-align: left;
  bottom: -40px;
}
.wproto_tweets_widget .slick-dots li {
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 10px 0 0;
}
.wproto_tweets_widget .slick-dots li.slick-active {
  background-color: #fff;
}
/*------------------------------------------------------------------
	2.14 Logo & Description widget
-------------------------------------------------------------------*/
.wproto_logo_desc_widget .logo {
  margin-bottom: 24px;
}
.wproto_logo_desc_widget a.direction {
  display: inline-block;
  padding-right: 22px;
  background-size: 16px 16px;
  background-position: right center;
  background-repeat: no-repeat;
}
.wproto_menu_widget .two-cols-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wproto_menu_widget .two-cols-menu li {
  width: 50%;
  float: left;
  margin: 0 0 14px 0;
  padding: 0 20px 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wproto_menu_widget .two-cols-menu li:hover {
  text-indent: 7px;
}
@media screen and (max-width: 767px) {
  .wproto_menu_widget .two-cols-menu li {
    float: none;
    width: 100%;
    padding: 0;
  }
}