/*
Theme Name: 	Web Wise Media Members Area
Theme URI: 		https://www.webwisemedia.co.uk
Description: 	A bespoke theme made for our clients members area, by Web Wise Media
Version: 		1.0
Author: 		The team at Web Wise Media
Author URI: 	https://www.webwisemedia.co.uk
Tags: 			Web Wise Media
*/

/*

	1. Globals
	2. Header and Sidebar

*/

/**************************
		1. Globals
**************************/

.clear{
	clear: both;
}

body {
}
.left{
	float:left;
}
.right{
	float:right;
}
.alignleft{
	float:left;
}	
.alignright{
	float:right;
}
img, .wp-caption{
	max-width:100%;
}
.wp-caption-text{
	background:#cccccc;
	color:#fff;
	padding:10px;
}
.main-area p.wp-caption-text{
	font-size:14px;
}
h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	margin-bottom:20px;
}
a{
	color: #51c49c;
}
a:hover{
	color: #51c49c;
	
}
/***************************
	2. Header and Sidebar
****************************/
div.navbar {
	background:#fff;
	border:none;
	border-radius:0px;
	margin-bottom:0px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand {
	color:#000;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background:transparent;
	color:#333;
}

#leftNav{
	padding-top:20px;
	padding-bottom:20px;
}
#leftNav .active{
	color:#777;
	font-weight:bold;
}
#leftNav ul{
	list-style:none;
	padding:0;
	margin:0;
}
#leftNav ul li{
	padding:0;
	margin:0;
}
#leftNav li a{
	color:#777;
	display:block;
	padding:10px 0 10px 10px;
	border-bottom:1px dotted #e9e9e9;
}
#leftNav li a:hover{
	text-decoration:none;
	background:#e9e9e9;
}
hr {
 border-color: #bbb; 
}

div.cart-item {
 	border-bottom: 1px solid #bbb;
  padding:15px 0px;
}

div.cart-total {
  padding:15px 0px;
  font-weight: bold;
}

div.blogpost {
 	border-bottom: 1px solid #bbb;
  padding:15px 0px;
  
}

div#product-page-description {
  	max-height:300px;
    overflow-y:scroll; 
}

.product-images{
  	padding: 0px 5px;
 	border: 1px solid #888;
  	height:60px;
  
}
div.product-images img {
  	display:block;
  	vertical-align:middle;
  	margin: 0px auto;
  	max-height:58px;
  
}

div#first-image {
 	height:350px; 
}

img#mainimage {
  	display:block;
  	vertical-align:middle;
  	margin: 0px auto;
  	height:300px;
  
}

section#header {
  padding: 20px 0;
}


.white-button{
 	display:inline-block;
  padding:5px 17px 5px 15px;
  border:2px solid #fff;
  background:rgba(255,255,255,0.0);
  color:#fff;
  text-transform:uppercase;
}
.white-button:hover{
  background:#fff;
  text-decoration:none;
  color:#000;
}
/* ----------------- NAV ----------------- */

.top_nav{
	background: #22aac3;
	border: none;
	text-align:center;
	padding-right: 15px;
	margin-bottom: 0;
}

.navbar-brand{
	color: white !important;
}

.search_hdr_input{
	border-radius: 0;
	border: none;
	background: rgba(255, 255, 255, .1);
}

.search_hdr_input:focus{
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
	background: white;
}

.sub-logo{
 	max-height:100px;

}

.flexrow{
	display: flex;
	align-items: center;
}

 div.sub-logo-align#nav{
  text-align:left;  
}
div#nav {
  text-align: right;
  margin-bottom:0px;
}


.top_nav_li{
	float: none !important;
}

.top_nav_li a{
	text-transform: capitalize;
}

.padding_style{
	padding-left: 0; 
}

@media (max-width: 969px) { div#nav {text-align: center;} }
div#nav ul {
  padding-left: 0;
}
div#nav li {
  list-style: none;
 /* display: inline-block;*/
}
div#nav li:first-child {
  border-left: none;
}
div#nav li a{
  display:inline-block;
  padding:0;
  
  background:rgba(255,255,255,0.0);
  color:#fff;
  
  font-size:14px;
}

div#nav li a:hover{
  color:#fff;
  text-decoration:none;
}
.sub-nav{
  	padding-top:20px;
}	
.sub-nav#nav li a{
  color:#777;
}
.sub-nav#nav li a:hover{
   color:#dddddd;
  text-decoration:none;
}

div#featuredImg {
  padding: 20px 15px;
}

/* ----------------- Home page INTRO ----------------- */
section#intro {
  padding-top: 20px;
  padding-bottom: 60px;
  background:url('header-1.jpg') #222;
  background-size:cover;
  background-position:center;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}

section#intro p{
 margin-bottom:25px; 
}
/* ----------------- Home page TILES ----------------- */
section#tiles {
  padding: 40px 0;
}
div.homeTile {
  padding: 15px;
  text-align: center;
}
div.homeTile img {
  margin-bottom: 10px;
}
section#features {
  padding: 60px 0;
  text-align: center;
}

/* ----------------- Home page ABOUT / SEO ----------------- */
section#about {
  padding-top: 80px;
  padding-bottom: 60px;
  color:#fff;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  background:url('images/background-about.jpg') #000;
  background-position:center;
  margin-bottom:40px;
  text-align:center;
}
div#aboutText{
  padding: 40px 15px;
  font-size: 20px;
}
#aboutText h3{
  text-transform:uppercase;
  margin-bottom:25px; 
}
#aboutText p{
 	margin-bottom:25px; 
}
.green-heading{
  color:#51c49c;
  text-transform:uppercase;
}	

/* ----------------- Home page FOOTER ----------------- */
section#footer {
  padding-top: 30px;
  border-top: 4px solid #000;
  text-align: left;
  background: #262626;
  color:#e9e9e9;
}
#footer h2{
   	color:#e9e9e9;
}
#footer ul{
  list-style:none;
  padding:0;
  margin:0;
  text-align:left;
}
#footer ul li{
  margin-bottom:5px;
}
#footer a{
 	color:#51c49c;
}
#footer-bottom{
  padding-top:30px;
 	text-align:center;
  color:#e9e9e9;
}
.final-foot{
 	padding-top:25px; 
}
#footer .final-foot a{
 	color:#fff; 
}
#footer .final-foot a:hover{
 	color:#000;
}
#footer .green-title{
  color:#51c49c;
  text-transform:uppercase;
  font-size:26px;
}
/* ----------------- PAGE ----------------- */
.main-area{
 	padding-top:20px;
  padding-bottom:40px;
}
.main-area h1, .main-area h2, .main-area h3{
	padding:0;
	
	
}
.main-area p{
 
  	margin-bottom:25px;
  	
}
.main-area ul li{
 	
  	margin-bottom:5px;
  	  
}
.main-area ul{
  	margin-bottom:25px;  
}
.widget-wrap{
	background:#f0f2f5;
	padding:20px;
	box-shadow:0 3px 8px -4px rgba(0,0,0,0.75);
	margin-bottom:40px;
}


.main-sidebar{
	position: fixed;
	top:50px;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	height:calc(100vh - 50px);
	padding-top: 15px;
	background:#f8f8fa;
}

.frontpage-main{
	position:relative;
	top:50px;
	right:0px;
	padding:0 30px;
}

.pagination_style:empty{
	background:none;
}

.main-area{
	position:relative;
	top:50px;
	right:10px;
	padding:0 30px;
}


.search_hdr{
	padding-left: 0;
}

.nav-sidebar{
	margin-bottom:30px;
	padding-left: 15px;
}

.search-col-hdr{
	padding-left: 0;
}

.nav-sidebar .menu-item a{
	color:black;
	font-weight: 300;
}

.nav-sidebar-li a{
	color:black;
	font-weight: 300;
}

.nav-sidebar-title{
	padding-left: 5px;
	text-transform:capitalize;
	font-weight: 500;
	margin-bottom: 10px;
}

.home_icon a{
	background: url(images/home.png) no-repeat;
	display: block !important;
	background-size: 18px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

.message_icon a{
	background: url(images/speech-bubble.png) no-repeat;
	display: block !important;
	background-size: 18px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

.page_icon a{
	background: url(images/page.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

.report_icon a{
	background: url(images/report.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}


.marketing_icon a{
	background: url(images/promotion.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

.billing_icon a{
	background: url(images/credit-card.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

.tool_icon a{
	background: url(images/tools.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

.account_icon a{
	background: url(images/user.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

.main-area h1{
	margin-top:30px;
}

/*.line_icon{
	background: url(images/line-chart.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}*/

.line_icon a{
	background: url(images/line-chart.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}

a.line_icon{
	background: url(images/line-chart.png) no-repeat;
	display: block !important;
	background-size: 15px;
	background-position: 3% 50%;
	padding: 10px 0 10px 30px !important;
}


/*** LOGIN PAGE ***/

.login_wrapper{
	max-width:50%;
	margin: 0 auto;
}

#wp-submit{
	width:100%;
	padding: 8px;
	text-transform: uppercase;
}

#user_login, #user_pass{
	display: block;
	width:100%;
	padding: 6px;
	margin-top:10px;
}

.login_wrapper h1{
	text-align: center;
	
}


.search_single_row{
	padding:0px;
	
}

.search_title_main{
	margin: 30px 0 60px 0;
}

.search_result_title a{
	color:black;
	text-decoration: none;
}


.pagination_style{
	text-align: center;
	background:#f8f8fa;
	margin-bottom: 30px;
}

.page-numbers:hover{
	color:black;
	text-decoration:underline;
}

.page-numbers{
	color:#000;
	display: inline-block;
	padding: 15px 5px;
}

.page-numbers.current{
	font-weight: bold;
}

.time_style{
	color:grey;
}

.img_padding{
	padding-left: 0;
}

.border-bottom-box{
	width:84%;
	height:1px;
	background: #dfdfe1;
	float:right;
	margin: 50px 0;
}

.clear{
	clear: both;
}

.first-resource-row{
	padding-bottom:15px;
}

.resource_single_row{
	margin-bottom:15px;
	padding-bottom:15px;
	padding-left: 30px;
}

.resource-image-wrap{
	padding-left: 0;
	padding-right:0;
}

.type_row_resource li, .skill_row_resource li{
	display: inline-block;
	background: #22afc3;
	color:#fff;
	border-radius: 200px;
	padding: 5px 10px;
}
.type_row_resource ul, .skill_row_resource ul{
	list-style:none;
	padding:0;
	margin:0;
}
.linked_author_icon{
	background: url(images/linkedin-logo.png) no-repeat;
	width: 23px;
	height: 25px;
	background-size: 100%;
	display: block;
}

	img.avatar{
			height: 100% !important;
		}
		
		.avatar{
			height:100% !important;
		}
.inner-box-plans{
	padding:20px 20px 20px 20px;
	background:#fff;
	border-radius:3px;
-webkit-box-shadow: 0px 0px 3px 1px rgba(63,63,68,0.1);
-moz-box-shadow: 0px 0px 3px 1px rgba(63,63,68,0.1);
box-shadow: 0px 0px 3px 1px rgba(63,63,68,0.1);
	margin-bottom:20px;
}
.inner-box-plans p{
	margin-top:10px;
	margin-bottom:5px;
}
.grey-main-bg{
	background:#f8f8fa;
}
.membership-info h2{
	font-size: 1.6rem;
	font-weight:bold;
}
.resources-menu img{
	width:100%;
}
.resources-menu ul, .resources-menu li{
	list-style:none;
	margin:0;
	padding:0;
}
.resources-menu li{
	margin-bottom:5px;	
	margin-top:5px;	
}
.resources-menu a{
	margin-bottom:5px;
	color:#000;
}
.resource-link-title{
	font-weight:bold;
	color:#22afc3;
}
.form-control{
	
}

#menu_search ::placeholder{
	color:white;
}