/**
  Theme Name: PCN
  Description: Custom theme
  Text Domain: pcn
*/

@charset "UTF-8";

/* BODY AND WRAPPER */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }

a.green {color:#86BE18 !important;}


.container{
  margin-left: auto;
margin-right: auto;
width: 1400px;
max-width:90%;
}

.container-960{
  margin-left: auto;
margin-right: auto;
width: 1160px;
max-width:90%;
}

.container-760{
  margin-left: auto;
margin-right: auto;
width: 760px;
max-width:90%;
}

*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}


body {

    font-family: 'Roboto', sans-serif;
    font-size: 18px;
	margin: 0;
  line-height: 1.7em;
}

body a{
  color:#2E3A42;
}

iframe{
    max-width:100%;
}



h1,h2,h3,h6{
font-family: 'Playfair Display', serif;
color:#2E3A42;
line-height: 1em;
margin-top:0;
}

h1{
  font-size: 2.7em;
}

h2{
  font-size: 2.7em;
}

h5{
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top:0;
    margin-bottom: 0.25em;
  font-weight: 400;
  font-size: 0.7em;
  line-height: 1em;


}

h3{
  font-size: 1.675em;
      margin-bottom: 0.25em;
}

p{
  margin-top:0;
}

.listskill > li:before {
  content:'-';
  position: relative;
  left:-10px;
}

.twrap {
    float: left !important;
    margin-bottom: 1em;
    width: calc(100% - 100px);

}

.search-block .user-avatar-wrapper .twrap a.featured-member-link{
    color:#2E3A42 !important;
    margin-bottom: 0.25em !important;
    display: block;
    font-size: 1.5em

}

.search-block .user-avatar-wrapper .twrap a.featured-member-link:hover{
    color:#F15C22!important;

}

.twrap p{
    margin-bottom: 0.25em !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 1em !important;

}


.wrapper{
position: relative;
	/*max-width: 1398px;*/

	/*border-left: solid 1px #999;

	border-right: solid 1px #999;*/

border-bottom: solid 1px #999;

	margin-left:auto;

	margin-right:auto;

	padding-bottom: 4%;

	background-color:#fff;

	margin-bottom:0;

	margin-top:0;

	padding-top:0;
    overflow:hidden;
    box-sizing: border-box;



}



.avatar-80 {

float:left;

margin-right:20px;

margin-left:10px;

}



.wp-about-author-pic .photo{

width:100px !important;

height:100px !important;

}



img.photo {float:left; padding-right:24px; padding-left:6px;}



.avatar-96 {
    float:left;
}



.wpcf7 input.wpcf7-text, .wpcf7 textarea {

border:1px solid #ccc;

font-size:14px;

    font-family: 'Roboto', sans-serif;

margin-top:8px;

width:250px;

}



.wpcf7 textarea {

min-height:150px;

}



.wpcf7-submit {

width:100px;

font-weight:bold;

border: 1px solid #666;

background-color: #ccc;

}



.wpcf7-submit:hover {

background-color: #ea9c60;

}





p code {font-size:9px; line-height:12px; }



p.nextpage {

float:right; margin-bottom:40px;

}

span.smalltext a {

font-size:11px;

}



.widget p.small {font-size:13px;}



hr {

border-bottom: 0;

color: #2E3A42;

background-color: #2E3A42;

height:1px;

margin-bottom: 10px;

}



hr.block {

clear:both;

display:block;



}



.attachment-125x80 {

float:right;

margin-left: 10px;

}


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignleft {

float:left;

margin-right:15px;

margin-bottom:15px;

}



.alignright {

float:right;

margin-left:15px;

margin-bottom:15px;

}





#inner_wrapper {



	margin-left:auto;

	margin-right:auto;

	clear:both;





}



/* HEADER */



#header {
    background:#2E3A42 ;
      position: fixed;
    font-family: "Roboto", sans-serif;
	margin-left:auto;
    padding-bottom: 30px;
    float: left;
        width: 100%;
	margin-right:auto;
z-index: 9;
	clear:both;
      padding-top: 0px;
        padding-bottom: 0px;

	}

    #header .container{
        display: flex;
        align-content: center;
    }


  #header_right{
    display: flex;
    vertical-align: middle;
    width: calc(100% - 70px);
    margin-left: auto;
}

#header_left {

  display: inline-block;
    vertical-align: middle;
    padding-right:0%;

}

#header_left h1{
    margin-bottom:0;
    margin-top:0;
}




#header .logo {
width: 60px;
display: block;
margin-top: 10px;
}



#login .signup {

	margin-left: 73px;

}



#login p.loggedin {

    display: inline-block;

    vertical-align: top;

    margin: 16px 0 20px;

}



#login p.loggedin a {

color: #f15c22;

text-decoration:none;

}



/* TOP NAVIGATION */



#nav {margin-top:30px;}

#nav:after{
    clear: both;
    display: block;
    content: '';
}


#nav1, #nav2, #nav3, #nav4 {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-right: 15px;
}

#nav4{
    padding-right: 5px;
}

#nav p:first-child{
    border-top: 1px solid #e0e0e0;
}

#nav1 p, #nav2 p, #nav3 p, #nav4 p {

    font-family: 'Roboto', sans-serif ;

    font-size:13px;

    margin: 0;
    padding-top: 4px;
    padding: 4px 0 5px;
}



 #nav1 a, #nav2 a, #nav3 a, #nav4 a {

text-decoration: none;

color: #2E3A42;

font-weight: bold;

}

#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover {

text-decoration: none;

color: #f15c22;

font-weight: bold;

}





#nav1 a.thispage, #nav2 a.thispage, #nav3 a.thispage, #nav4 a.thispage {

	color: #f15c22;

	width: 200px;

}



a.orange {

color: #f15c22 !important;

}



p.thispage {

	border-bottom: 1px solid #e0e0e0; }





/* JOIN BANNER AND LOWER NAVIGATION */



#join {

	clear: both;

	border-top-width: 0px;

	border-top-style: solid;

	border-top-color: #2E3A42;

	margin-left:auto;

	margin-right:auto;

    position: relative;
    float: left;
        width: 100%;
        background-size: cover;
background-position: bottom;
}

#join .overlay{
 position: absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;


}


#join .headline{
	position: relative;
  width: 665px;
    max-width: 85%;
    min-height: 660px;
    /*height: calc(90vh - 148px);*/
  margin-left: 15%;
      margin-top: 4%;
}

#join .headline h1{
    font-size: 4em;
    margin-bottom:0.25em;
}

#join .headline p{
  color:#2E3A42;
  font-size: 1.67em;
  max-width: 85%;
  line-height: 1.3em;

}

#joincol

{

  display: block;

  width: 222px;

  height: 44px;

  background: url("images/furniture/join_today_homeb.png") no-repeat 0 0;

}



#joincol:hover

{

  background-position: 0 -44px;

}



#joincol span{

  position: absolute;

  top: -999em;

}



#lower_nav {
	position: relative;
  padding: 4% 0 5%;
  color: #fff;
}

#lower_nav h3{
  color:#fff;
  border-bottom: 2px solid;
  display: inline-block;
  padding-bottom: 0.5em;
}



#joinbtn{
   font-family: "Roboto", sans-serif;
    background: #14A4C4;
    color: #fff;
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 2.25em;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    box-sizing: border-box;
display: inline-block;
    width:auto;
    margin-left:70px;
    border:3px solid #14A4C4;
    -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#joinbtn:hover{
  color: #14A4C4;
  background: #fff;
}

.joinclip{
    max-width: 225px;
    margin-bottom: 20px;
}


.jointitle{
    font-size: 3em;
    text-align:  center;
    color:#fff;
    background: #95C51D;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 3px 3px 0 0;
}






.blog-forum-section{
    padding: 8% 0;
    clear: both;
    margin-bottom:0px;
    background: #F5F5F6;
}


.blogwrap{
    float: left;
    width: 31.33%;
margin-right:3%;
}

.blogwrap .date{
  margin-bottom:0.5em;
  clear: both;
}

.blogwrap:nth-of-type(3n){
  margin-right:0;
}




.blog-forum-section a{
    text-decoration: none !important;
    font-weight: bold;
}

.blog-forum-section a.button{
  font-weight:400;
}

.blog-forum-section a:hover{
color:  #00A3E2;
}

.blogcontainer{
  margin-bottom:2em;
  float: left;
  width: 100%;
}


.blog-forum-section img{
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}



.feat-mem-block .user-avatar, .blog-forum-section img{
background-size: cover !important;
    margin-bottom: 1.5em;
    box-shadow: 8px 8px 0 #E0E2E3;

    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.feat-mem-block .user-avatar:hover,.blog-forum-section img:hover{
  box-shadow: 8px 8px 0 #cccccc;
}


.home-skill-spec-wrap h4{
    margin: 1em 0 0.5em;
}



.home #spRecentPostsTag{
 padding-left:0;
}

.home #spRecentPostsTag li{
list-style: none;
margin-bottom:10px;

}

.home #spRecentPostsTag li a{
    color:#FF6200;
text-decoration: none;
}



.home .spTextTag {
    color:#888;
    font-size: 0.8em;
    margin-top:5px;
    font-family: "Roboto", sans-serif;

}

.home .forumtitle{
 font-size:0.8em;
    font-family: "Roboto", sans-serif;

}

.home .forumtitle a{
    color: #2E3A42 !important;
    font-weight: bold;
    font-family: "Roboto", sans-serif;

}

.topictitle{
    font-size:1.2em;
    font-weight: bold;
    font-family: "Roboto", sans-serif;

}



.greencircle{
 width:275px;
    height:275px;
    margin: 50px auto 20px;
    padding: 45px 30px 0;
    background:#FF6200;
    color:#fff;
    font-weight:bold;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
font-size: 2em;

}

.greencircle .fa{
margin-top:10px;
}


.browsewrap{
    font-family: "Roboto", sans-serif;
    padding-right: 50px;
    width: 25%;
    box-sizing: border-box;
    display: inline;
    float: left;
}

#main_content .browsewrap h2 {
  font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.7em;
    margin-top: .5em;
}

.browsewrap .browsebutton{
  font-size: 1.5em;
      background-color: #ff6200;
      border-radius: 4px;
      color: #fefefe;
      font-weight: bold;
      text-decoration: none;
      border:2px solid #ff6200;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
}

.browsewrap .browsebutton:hover{
background:transparent;
color:#ff6200;
}

.memberwrap {
    width: 23%;
    float: left;
    box-sizing: border-box;
    margin-right:2.666%;
}

.memberwrap:nth-of-type(4n){
  margin-right:0;
}

.memberwrap p{
    color: #666;
}

.memberwrap p br{
  display: none;
}

.feat-mem-block {
    width: 100%;
    float: left;
    display: inline;
    padding-left: 10px;
    box-sizing: border-box;
    margin-top:1em;
    margin-bottom: 2em;
}

.buttonwrap{
  clear:both;
}


a.featured-member-link {
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0.5em;
    display: block;
}

a.featured-member-link:hover{
  color: #00A3E2;
}

.circlewrap a{
    color:#ff6200;
    text-decoration: none;
    font-weight: bold;
}


.feturedcopywritertitle{
    font-size: 3em !important;
    color: #2E3A42;
    font-weight: 900 !important;
    margin-top: 20px !important;
}

.feturedcopywritertitle a{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.feturedcopywritertitle a:hover{
  color:#FF6200 !important;
}

.cta-section > div{
  width:50%;
  float: left;
  position: relative;
  color:#fff;
  padding: 9%;
}

.cta-section .leftside{
  background:url('images/images/Blue-Home-back.png');
  background-size: cover;
}

.cta-section .rightside{
  background:url('images/images/Grey-back-Home.png');
  background-size: cover;
}

.cta-section p{
font-size: 1.67em;
}

.cta-section h5, .cta-section h2{
  color:#fff;
}


.fa-facebook-square{
    color:#3B5998;
}

.fa-twitter-square{
    color:#59ADEA;
}

.fa-linkedin-square{
    color:#1884BB;
}






.clearfix:after{
    width: 100%;
    clear: both;
    content: '';
    display: block;
}





#ln1 {
    float:left;

    width:26%;
    box-sizing: border-box;
    padding-right: 15px;
}



#ln1a

{

  display: block;

  width: 172px;

  height: 49px;

  background: url("images/furniture/nav_ln1a.png") no-repeat 0 0;

}


#ln1a:hover, #ln2a:hover, #ln3a:hover{

  background-position: 0 -49px;

}



#ln1a span, #ln2a span, #ln3a span{

  position: absolute;

  top: -999em;

}





#ln2 {
    float: left;
    width:27%;
    box-sizing: border-box;
    padding-right: 15px;
}


#ln2a

{

  display: block;

  width: 178px;

  height: 49px;

  background: url("images/furniture/nav_ln2a.png") no-repeat 0 0;



}



#ln3a span

{

  position: absolute;

  top: -999em;

}



#ln3 {
    float: left;

    width:26%;
    box-sizing: border-box;
    padding-right: 15px;

}



#ln3a

{

  display: block;

  width: 178px;

  height: 49px;

  background: url("images/furniture/nav_ln3a.png") no-repeat 0 0;

}


#ln4 {

    float: left;
    width:21%;
    box-sizing: border-box;
}



#JoinToday{

    display: block;

    width: 223px;

    height: 44px;

    margin: 0 0 0 auto;

    background: url("images/furniture/join_today_sprite.png") no-repeat 0 0;

}



#JoinToday:hover

{

  background-position: 0 -44px;

}



#JoinToday span

{

  position: absolute;

  top: -999em;

}



.useremail{
    color:#2E3A42;
    margin: 0 0 10px;
    font-size: 15px !important;
    font-family: 'Roboto', sans-serif;

}

.useremail a, .useremail span {
    color:#2E3A42;

    font-weight:400;
}

.tern_wp_members_list .avatar-pro{
    text-align: center !important;
}

.tern_wp_members_list .photo-holder .btn{
    text-align: center !important;
    display: block;
    margin: 10px 0;
    background: #f15c22;
    padding: 5px;
    color: #fff !important;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
}

.tern_wp_members_list .photo-holder .btn:hover{
opacity:0.8;
}





/*MAIN CONTENT */

#main_content {

	clear:both;


	height: 100%;

	border-top-width: 0px;

	border-top-style: solid;

	border-top-color: #2E3A42;

  padding-top: 147px;

	}

#main_content:after{
    clear: both;
     display: block;
    content: '';
 }



#main_content h2 {

    font-family: 'Playfair Display', serif;

	font-weight: bold;

	margin-top:0;



}



 #main_content h2 a {

 text-decoration:none;

 color: #2E3A42;

 }



  #main_content h2 a:hover {

 text-decoration:none;

 color: #5c5c5c;

 }



#main_content span.viewall {

font-size:12px;

text-transform: none;

margin-left:10px;

color: #777;

}





table.page  {border:1px solid #c0c0c0;}

 table.page td {border:1px solid #a0a0a0; background-color:#fafafa; color:#5e5e; font-size:14px; padding:5px;}

/* BLOG CONTENT */





#author-photo{
    display: inline;
    float: left;
    padding-bottom: 5px;
    margin-right: 10px;
}

 .avat{
    background-size: cover !important;
    width: 60px;
    height: 60px;
}


#author-photo .photo-holder{
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    border-radius: 50%;
}

#author-photo .photo{
    float: none;
    padding: 0 0 0 0;
}

.avatar-pro{
    position: static;
    display: block;
    background: #fff;
    color: #34a5c3;
}
span.avatar-pro, span.avatar-pro:after {
	height: 17px;
}

#author-info{
    display: inline;
float: left;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top:10px;
}



.pubdate{
    font-size: 0.8em !important;
    color: #777 !important;
}

.subtitle{
    color: #999;
    font-size: 1em;
    font-family: 'Roboto', sans-serif !important;
}




#author-social{
    display: block;
    vertical-align: bottom;
    padding-bottom: 15px;
    float: left;
    margin-left: 10px;
    padding-top: 10px;
}

#author-social img{
    border-radius: 50%;
}

#author-social img:hover{
opacity:0.8;
}


 div.spotlight-member p.spotlight-member-excerpt, #blog_fp p, #col3 p {
    font-size: 17px;
    line-height: 1.4;
    color: #2E3A42;
    margin: 0 0 15px;
}



.blogbtnwrap{
  text-align: center;
    margin-top: 2em;
    float: left;
    width: 100%;
}

a.button.blogbutton{
font-size: 1.5em;
    background-color: #00A3E2;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #00A3E2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: 'Roboto', sans-serif;
  }

  a.button.blogbutton:hover{
    background-color: transparent;
    color: #00A3E2;
  }


#blog_content .twitter, #comments .twitter {

float:left;

margin-bottom:10px;

}



#blog_content .share, #comments .share {

float:left;

margin-left: 65px;

}



#blog_content .twitter a, #blog_content .share a, #comments .twitter a, #comments .share a  {font-weight: bold; color:#f15c22 }



#blog_content hr {

display: none;

border:0;

clear:both;

color: #e0e0e0;

background-color: #e0e0e0;

height:1px;

width: 100%;


}

#blog_content .wpuf_customs,
#blog_content .wpuf_customs ul{
    padding-left: 0;
}



/* END OF BLOG CONTENT */



/****New Blog Index****/

.blog-top-row{
 width:48%;
margin-right:4%
}

.blog-top-row:nth-of-type(2){
margin-right:0;
}

.blog-middle-row{
    width:31.33%;
  margin-right:3%;
    margin-bottom: 1em;

}

.blog-middle-row:nth-of-type(3n){
    margin-right:0px;
}

.blog-middle-row:nth-of-type(3n+1){

clear:left;
}



.pagination {
    float: left;
    clear: both;
    width: 100%;
    margin:20px 0;
    text-align: center;
font-family:'Roboto', sans-serif;
}


.pagination  .screen-reader-text{
 display: none;
}

.pagination a{
 text-decoration: none;
    color:#2E3A42;
}

.pagination a:hover, .pagination .current {
    color:#F15F26;

}

.pagination .page-numbers {
    margin: 0 5px;
}

.pagination .next ,.pagination .prev{
}

.pagination .next:hover ,.pagination .prev:hover{

}

/* PAGE CONTENT */

.column-holder{
    padding-bottom: 15px;
}

.column-holder:after{
    clear: both;
    display: block;
    content: '';
}
.contact-column{

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding-right:40px;
}

.contact-column input.wpcf7-text,
.contact-column  textarea,
.contact-column input.wpcf7-captchar{
    width: 100% !important;
    padding:4px 2px;
    box-sizing: border-box;
}
.contact-column + .contact-column{
    padding: 0 0 0 40px;
}

#page_content_forum {

    width:1160px;

    min-height:600px;

    margin: 0 auto;

}
#page_content_forum  .wpuf_customs,
#page_content_forum  .wpuf_customs ul{
    padding: 0;
}



#page_content_profile {

width:630px;

z-index:99;

min-height:600px;

}


#fep-new-post #fep-submission-form{
    width: 100%;
    box-sizing: border-box;
}


#pagewrap {


    }





.pagetitle{

width:100%;


    padding: 20px 0;
}






.dirheight{

min-height:1100px;

}



#profilesidebar {

width:320px;

position: absolute;

z-index:98;

top:0;

margin-left:650px;

margin-top:286px;

border-top:4px solid #2E3A42;



}





#pagesidebar {

float:left;

margin-left:0;

padding-left:0;

width:18%;

padding-top:0;

margin-top:0;

}





/* END OF PAGE CONTENT */



/* BLOG FRONT PAGE */


#home-benefit-wrap{

  display: flex;
  }

  #home-benefit-wrap .col3{
    display: block;
    margin-right: 2em;
    width: 33.33%;
}

#home-benefit-wrap .col3:nth-of-type(3n){
margin-right: 0;
}

#blog_fp {

    width: 73%;

    float:left;

}





#blog_fp h1 {

    font: bold 42px/42px 'Playfair Display', serif;

    margin: 20px 0;
}

.titleheight {

min-height: 40px;

}



.titleheight2 {

min-height: 58px;

}

#large-content-wrap,
#mid-content-wrap,
#bot-content-wrap,
#pagewrap {
    overflow: hidden;
}

#large-content-wrap > .item {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 18px;
    margin: 0 -5px 15px 0;
}


#large-content-wrap .image-holder{
    text-align: center;
}

#topleft,#topright{
    max-width:100% !important;
}

#topright{
    padding-right: 0 !important;
    padding-left: 18px;
}



#topleft h2,
#topright h2{
   margin: 10px 0 0px;
}

#midleft h2, #midleft h2 a, #midmid h2, #midmid h2 a, #midright h2, #midright h2 a  {

    font-size: 18px;

    font-weight:bold;

    color: #2E3A42;

    margin-bottom: 0;

    text-decoration: none;

}

#midleft h2, #midmid h2, #midright h2{

    margin: 0;

    padding-top: 14px;

    padding-bottom: 5px;

    border-top: 1px solid #2E3A42;

}


#bot1 h2, #bot1 h2 a, #bot2 h2, #bot2 h2 a, #bot3 h2, #bot3 h2 a, #bot4 h2, #bot4 h2 a, #bot5 h2, #bot5 h2 a {

    font-size: 15px;

    font-weight:bold;

    color: #2E3A42;

    text-decoration: none;
}
#bot1 h2,
#bot2 h2,
#bot3 h2,
#bot4 h2,
#bot5 h2{
    border-top: 1px solid #2E3A42;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 4px;
}






#mid-content-wrap{
    padding-bottom: 15px;
}

#midleft,
#midmid,
#midright{

    display: inline-block;

    vertical-align: top;

    width:33.3%;

    padding-right: 18px;

    box-sizing: border-box;

    margin: 0 -5px 10px 0;

}
#bot-content-wrap{

    padding-bottom: 15px;

}


#bot-content-wrap .item {

    display: inline-block;

    margin: 0 -5px 0 0;

    padding-right: 18px;

    width: 20%;

    box-sizing: border-box;

    text-align: left;

    vertical-align: top;
}




#bot1, #bot2, #bot3, #bot3, #bot4 {

  word-wrap: break-word;

}



/* COMMENTS */

p.ctct-subscribe{
    text-align: left;
}

#comments {
    clear:both;
    width: 100%;
    margin-top: 10px;
}

.posted-comment .avatar-pro{
text-align: center;
}

/* commetn form */
#commentform {

    margin-bottom: 20px;
    color: #2E3A42;
    border-top:1px solid #eaeaea;
    padding-top:4%;
}

#commentform .comment-text-input, #commentform .comment-textarea{
    border:1px solid #ccc !important;
}


#commentform .commentform-wrap{
    margin: 0 0 15px;
}

#commentform .submit-wrap:after{
    clear: both;

    display: block;

    content: '';
}

#comments p.header {

    font-family: 'Playfair Display', serif;
    color: #555;
    font-size: 2em;
    font-weight: bold;
    padding-bottom:15px;

    text-decoration:none;


}

#commentform label,
#commentform .comment-text-input,
#commentform .comment-textarea{

    display: block;
    margin-bottom: 0.5em;
}

#commentform .comment-text-input,
#commentform .comment-textarea{
  font-size: 1em;
    padding: 10px;
    color: #2E3A42;
    background: #fff;
}
#commentform .comment-text-input{
  max-width: 500px;
  width:100%;
}

#commentform  .textarea-wrap label{
    vertical-align: top;
    padding-top: 15px;

    font-family: 'Roboto', sans-serif ;
}

#commentform .comment-textarea{
    width: 100% !important;
    height: 150px;
    min-height: 150px;
    color: #2E3A42;
}

#commentform .comment-subscription-form{
    display: none;
}

#comments p.date {

    font-size:11px;

    color:#777;

    padding-top:0;

}

#comments p {

    font: 16px/1.4 'Roboto', sans-serif;
    margin: 0;
}

#commentform p{
    color: #555;
}

#comments .disclaim{
    width: 100%;
    font-size: 0.8em;
    margin-bottom:2em;
}

/* comment form for logined in users */
#commentform .comment-avatar {
display: none;

}

.ctct-subscribe label{

    width:100% !important;
}

.comment-avatar .photo{
    padding: 0;
}

.commentform-logined .textarea-wrap{
    overflow: hidden;
}
#commentform.commentform-logined .comment-textarea{
    width: 100% !important;
    height: 150px;
    min-height: 150px;
    border: 1px solid #ccc;
}

/* posted comment */
.posted-comment{
    padding-top: 10px;
}



.comment-meta:after{
    display: table;

    clear: both;

    content: '';
}

.comment-author-photo{
    position: relative;
    display: inline;
    float:left;

    max-width: 60px;
}

.comment-author-photo .avatar-pro{
    margin-top:5px;
}


.comment-author-photo .photo{
    float: none;

    padding: 0;
}



#commentform input#submit {


    border:0;

    font-size:18px;

    padding: 0;

    font-weight:bold;

    border-radius: 0;

    -webkit-appearance:none;

    cursor: pointer;

    background: #509E7A;
    padding: 12px;
    color: #fff;
    border-radius: 2px;
}

#commentform input#submit:hover {
    background:#00A3E2;

}


.comment p {border: none !important; margin-bottom:2px; margin-top:2px;}


/*****
NEW MENU
*******/


#main-nav{
    width: 100%;
}
#main-nav .menu-cta-wrap{
    margin-left: auto;
}

#main-nav ul    {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#main-nav .menu-spacer {
  flex: 1;
}


#main-nav li    {
    display: block;
    float: left;
    line-height: 1em; /* this should be the same as your #main-nav height */
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#main-nav .menu-mega-menu-container > ul > li   {
        height: 80px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;

}

#main-nav .menu-mega-menu-container > ul > li > a {
        padding: 15px 15px;
        border-radius: 4px;
    } 

    #main-nav .menu-mega-menu-container > ul > li.menu-item-has-children > a {
        padding-right: 35px;
    }


#main-nav .menu-mega-menu-container > ul > li:hover > a{
    background: #00A3E2;
    color:#fff;
}

#main-nav .nav-right{
    display: none !important;
}


#main-nav li a  {
    position: relative;
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: 500 !important;
    line-height: 1em;
    margin:  15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}






#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
    color: #00A3E2;
}

#main-nav ul .mega-menu-wrapper { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    opacity:0;
    z-index: 9999;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    left: 0%;
    position: fixed;
    top: 80px;
    background: #2E3A42;
    padding:1.5em 2.5%;
}



#main-nav ul ul .column-menu{
    position: static;
    border:0;
    left: 0;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    margin-top:1em;
}


#main-nav ul ul.sub-menu{
    flex-wrap: wrap;
    align-items: stretch;
     
     color:#2E3A42;
     display: flex; 

 }

 #main-nav ul .mega-menu-inner{
    width: 100%;
    background: #F5F5F6;
    border-radius:4px;
    padding:2em 1em;
 }

 #main-nav ul .cta-column{
    width:25%;
    border-radius: 4px;
    padding:2em;
 }

 #main-nav ul ul.sub-menu li{
    text-align: left;
}

#main-nav ul ul.sub-menu li .column-heading{
    font-size: 18px;
    font-weight: 700 !important;

}

#main-nav ul ul.sub-menu li .column-subtitle{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 1em;
}


#main-nav .feat-mem-block{
    flex-direction: column;
    margin-bottom: 0;

}


#main-nav .memberwrap{
    width: 100%;
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
    margin-bottom: 0em;
    display: flex;
    flex-wrap: wrap;
}

#main-nav .memberwrap:last-of-type{
    margin-bottom: 0;
}


#main-nav .memberwrap .member_image{
    width:72px;
    margin-right: 28px;
    padding-bottom: 0;
}

#main-nav .memberwrap .member-text{
width: calc(100% - 100px);
}


#main-nav .memberwrap .member-text .featured-member-link{
font-weight: 700 !important;
font-size: 18px;
font-family: 'Playfair Display', serif;
padding-bottom: 10px;
}

#main-nav .memberwrap .member-text .excerpt{
font-size: 14px;
font-weight: 400;
}


#main-nav .memberwrap .feat-mem-block{
    margin-bottom: 0;
}




 .mega-menu-wrapper .cta-block {
   padding: 2rem;
   color: #fff;
 }

.mega-menu-wrapper .cta-inner {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   color:#fff;
   height: 100%; /* Ensure full height so flex works */

 }

 .mega-menu-wrapper .cta-copy {
    text-align: left;
}

.mega-menu-wrapper .cta-copy h2,
 .mega-menu-wrapper .cta-copy h3,
 .mega-menu-wrapper .cta-copy h4,
 .mega-menu-wrapper .cta-copy h5,
 .mega-menu-wrapper .cta-copy h6{
color:#fff;
 }

 .mega-menu-wrapper .cta-copy h2{
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 1rem;
}

 .mega-menu-wrapper .cta-copy h5{
    font-size: 11px;
 }



 .mega-menu-wrapper .cta-button {
   background: transparent;
   color: #fff;
   border-radius: 4px;
   border:1px solid #fff;
   padding: 0.75rem 1.25rem;
   text-decoration: none;
   display: inline-block;
   font-weight: bold;
   margin:auto 0 0 !important;
 }

 .mega-menu-wrapper .cta-button:hover {
    color:#00A3E2;
    background: #fff;
}

#main-nav ul ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
#main-nav ul ul li a { /* target all sub menu item links */
color:#2E3A42 !important;
font-size: 16px;
border-bottom:0;
padding-bottom: 1em;
font-weight: 400 !important;
margin:0;
}

#main-nav ul ul li:last-of-type a { /* target all sub menu item links */
    border-bottom: 0px solid #eaeaea;
}


#main-nav ul ul li a.is-button{
    background: #E0E2E3;
    padding:0.75em 1em;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom:0;
}

#main-nav ul ul li a.is-button:hover{
background: #00A3E2;
color:#fff !important;
}


#main-nav ul ul li a.is-button:before{
    display: none !important;
}


.menu-item-has-children {
    margin-right: 0px !important;

}

.menu-item-has-children a{

    margin-right: 5px;
}

.menu-item-has-children > a:after {
    content: "\f078"; /* chevron-down */
    margin-left: 5px;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 14px;
    transition: all 0.2s;
}

.menu-item-has-children:hover > a:after {
    content: "\f077"; /* chevron-down */

}



.menu-item-has-children li a:after{
display:none;
    margin-left:0;
}

#main-nav ul li:hover  .mega-menu-wrapper {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity:1;
    display: flex;
    gap:2%;
}

#main-nav ul li:hover  ul.column-menu {
    display: block;

}

#main-nav ul li:hover  ul.column-menu li{
    display: block;
    position: static;
}

#main-nav ul ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}

.column-heading.is-heading::after {
  content: "\f105"; /* FA angle-right (lighter than chevron) */
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: 6px;
  font-size: 0.8em;
  color: #2E3A42;
  background: #E0E2E3;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
}

/* Only apply chevron to links */
.column-heading.is-heading:not(a)::after {
  content: none;
}

.column-menu li a::before {
  content: "\f105"; /* fa-chevron-right */
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 6px;
    font-size: 1em;
    vertical-align: top;
    color: #2E3A42;
    margin-top: -1px;
 }
}


#main-nav ul .cta-block {
  width: 25%;
}

#main-nav ul ul.sub-menu .column {
  width: calc(100% / var(--column-count));
    border-right: 1px solid #E0E2E3;
    padding-right: 1em;
    padding-left: 1em;

}

#main-nav ul ul.sub-menu .column:last-of-type {
    border-right: 0;
    padding-right: 1em;
}


#main-nav ul ul.sub-menu .column .column-description{
    font-size: 14px;
}

#main-nav .event-grid,
 #mobile-nav .event-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3%;
  margin-top: 1rem;
  margin-bottom: 2em;

}

#main-nav .event-card,
 #mobile-nav .event-card{
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

#main-nav .event-date-circle,
 #mobile-nav .event-date-circle{
  background: #E0E2E3;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 2px;

}

#main-nav .event-date-circle .day,
#mobile-nav .event-date-circle .day{
font-size: 9px;
font-weight: 400;
}

#main-nav .event-date-circle .number,
#mobile-nav .event-date-circle .number{
    font-size: 14px;
    font-weight: 700;
}

#main-nav .event-date-circle .month,
#mobile-nav .event-date-circle .month{
    font-size: 9px;
    font-weight: 700;
}


#main-nav .event-info,
 #mobile-nav .event-info{
  width: calc(100% - 57px);
}

#main-nav .event-title,
 #mobile-nav .event-title{
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.3em;
}

#main-nav .event-location,
#mobile-nav .event-location {
font-size: 11px;
text-transform: uppercase;
}


#main-nav .nav-right.join a{
  border: 1px solid;
      display: inline-block;
      padding: 10px  15px;
      border-radius: 4px;
      background:#509E7A ;
      border-color: #509E7A;

}

#main-nav .nav-right.login a{
  border: 1px solid #fff;
  padding: 10px 35px 10px 15px;
  position: relative;
      display: inline-block;
      margin-right: 5px;
      color:#fff;
      border-radius: 4px;
      z-index: 1;
}

#main-nav .nav-right.login a :hover {
    color:#00A3E2 !important;
    border-color: #00A3E2 !important;
    color:#00A3E2 !important;
    background: transparent !important;
}


#main-nav .nav-right.login:hover a{
    border-color: #00A3E2 !important;   
}

#main-nav .nav-right.join a:hover{
background: #00A3E2 !important;
border-color: #00A3E2 !important;
color:#fff !important;
}


#main-nav .nav-right.login a:after{
    position: absolute;
    color:#fff;
    right:20px;
    top: 50%;
    transform: translateY(-50%);
    content: "\f023";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
        display: inline-block;
        z-index: 0;
}

.desktop-header-ctas{
        display: flex;
        margin-left: auto;
        position: relative;
    }

    .desktop-header-ctas .login{
            height: 80px;
            display: flex;
            align-items: center;
            margin-right: 1em;
    }

    .desktop-header-ctas .login a{
        border: 1px solid #fff;
            padding: 1.5px 35px 5px 15px;
            position: relative;
            display: inline-block;
            color: #fff;
            border-radius: 4px;
            z-index: 1;
            text-decoration: none;
            font-size: 16px;
    }

  .desktop-header-ctas .login  a:after {
        position: absolute;
        color: #fff;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        content: "\f023";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        display: inline-block;
        z-index: 0;
    }

    .desktop-header-ctas .login:hover  a{
        border-color: #00A3E2 !important;
        background: #00A3E2;
         color: #fff;
    }

    .desktop-header-ctas .join{
        height: 80px;
            display: flex;
            align-items: center;
    }

    .desktop-header-ctas .join a{
        border: 1px solid;
        display: inline-block;
        padding: 5px 15px;
        border-radius: 4px;
        background: #509E7A;
        border-color: #509E7A;
        text-decoration: none;
        font-size: 16px;
        color:#fff;

    }

    .desktop-header-ctas .join:hover > a {
        background: #00A3E2;
        color: #fff;
    }


/* MOBILE TOGGLE*/

.hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
 width: 50px;
 height: 35px;
 justify-self: end;
 top: 22px;
 border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001;
  position: relative;
  background: #636C72;
}

.hamburger span {
  display: block;
  height: 2px;
  width: 20px;
  background-color: #fff;
  border-radius: 20px;
  transition: all 0.3s ease;
  transform-origin: center;
  margin: 0 auto;

}

.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px,6px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -6px);
}

#header.mobile-open{
    box-shadow: 0px 16px 16px 0px #0000001A;
    z-index: 999999;
}



/* Mobile nav */

.mobile-cta-background{
    display: none;
}

#mobile-nav {
  position: fixed;
  top: 70px; /* adjust based on your header height */
  bottom: 0;
  background: #2E3A42;
  overflow-y: auto;
  z-index: 999;
  padding: 20px;
  display: none;
  width: 375px;
    right: 0;
    max-width: 100%;
      overflow-y: scroll;         /* or 'auto' */
      scrollbar-width: none;      /* Firefox */
      -ms-overflow-style: none;   /* IE/Edge */
}


#mobile-nav::-webkit-scrollbar {
    display: none;              /* Chrome, Safari */
  }


#mobile-nav.show {
  display: block;
}

.mobile_menu{
   display: flex;
    flex-direction: column;
    height: calc(100vh - 65px);

}


#mobile-nav ul.menu{
    position: relative;
    display: flex;
    flex-direction: column;
    height:calc(100vh - 103px);
}

#mobile-nav .nav-right.login{
           height: 36px;
           display: flex;
           align-items: center;
           margin-right: 1em;
   }

   #mobile-nav .nav-right.login a{
       border: 1px solid #fff;
           padding: 1.5px 35px 5px 15px;
           position: relative;
           display: inline-block;
           color: #fff;
           border-radius: 4px;
           z-index: 1;
           text-decoration: none;
           font-size: 16px;
           width: 100%;
           text-align: center;
   }

 #mobile-nav .nav-right.login  a:after {
       position: absolute;
       color: #fff;
       right: 15px !important;
       top: 50% !important;
       transform: translateY(-50%);
       content: "\f023" !important;
       font-family: FontAwesome;
       font-style: normal;
       font-weight: normal;
       text-decoration: inherit;
       display: inline-block;
       z-index: 0;
       font-size: 1em !important;

   }

   #mobile-nav .nav-right.login:hover  a{
       border-color: #00A3E2 !important;
       background: #00A3E2;
        color: #fff;
   }

   #mobile-nav .nav-right.join{
       height: 36px;
           display: flex;
           align-items: center;
   }

   #mobile-nav .nav-right.join a{
       border: 1px solid;
       display: inline-block;
       padding: 5px 15px;
       border-radius: 4px;
       background: #509E7A;
       border-color: #509E7A;
       text-decoration: none;
       font-size: 16px;
       color:#fff;
       width: 100%;
       text-align: center;

   }

   #mobile-nav .nav-right.join a:after{
        display: none !important;
    }   


   #mobile-nav .nav-right.join:hover > a {
       background: #00A3E2;
       color: #fff;
   }


   #mobile-nav .nav-right{
    display: none !important;
   }

/* Stack submenus */
#mobile-nav .mega-menu-wrapper {
  display: none;
  background: #F5F5F6;
  padding: 10px;
  border-radius: 4px;
}

#mobile-nav ul {
    padding: 0;
}

#mobile-nav li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    z-index: 2;
}

#mobile-nav ul.menu > li > a{
    color:#fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding: 2px 10px;
    display: block;
    margin-bottom: 5px;
    margin-right: 0;
}

#mobile-nav ul.menu > li.active > a{
    background: #00A3E2;
    border-radius: 4px;
}


#mobile-nav ul.menu > li >  .mega-menu-wrapper .column-heading{
    font-size: 16px;
    font-weight: 700;
    position: relative;
    text-decoration: none;
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper a.column-heading:after{
    right:-30px;
    font-size: 0.8em;

}


#mobile-nav ul.menu > li >  .mega-menu-wrapper .column-subtitle{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper .column-description{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper .column-menu li a{
    text-decoration: none;
    font-size: 16px;
    padding-left: 5px;
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper .column{
    border-bottom: 1px solid #E0E2E3;
    padding-bottom: 10px;
    position: relative;
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper .column:last-of-type{
    border-bottom:0;
    padding-bottom: 0;
}


#mobile-nav ul.menu > li >  .mega-menu-wrapper .feat-mem-block{
    float: none;
    flex-direction: column;
    margin-bottom: 0;
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper .feat-mem-block .memberwrap{
    width: 100%;
    border-right: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5em;
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper .feat-mem-block .memberwrap .user-avatar {
    width: 72px;
}


#mobile-nav ul.menu > li >  .mega-menu-wrapper .feat-mem-block .memberwrap .member-text{
    width: calc(100% - 110px);
}

#mobile-nav ul.menu > li >  .mega-menu-wrapper .feat-mem-block .memberwrap .featured-member-link{
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 700;
    margin-bottom: 0;

}
#mobile-nav ul.menu > li >  .mega-menu-wrapper .feat-mem-block .memberwrap .excerpt{
font-size: 14px;
line-height: 1.6em;
}


/* Default: down chevron for items with children */
#mobile-nav ul.menu > li.menu-item-has-children > a::after {
  position: absolute;
  content: "\f078"; /* Font Awesome: chevron-down */
  font-family: "FontAwesome";
  margin-left: 8px;
  font-size: 0.8em;
  display: inline-block;
  top:0;
  right: 12px;

}

/* Open state: change to up chevron */
#mobile-nav ul.menu > li.menu-item-has-children.active > a::after {
  content: "\f077"; /* Font Awesome: chevron-up */
}

/* Items without children: right arrow */
#mobile-nav ul.menu > li:not(.menu-item-has-children) > a::after {
  position: absolute;
  content: "\f054"; /* Font Awesome: chevron-right */
  font-family: "FontAwesome";
  margin-left: 8px;
  font-size: 0.8em;
  display: inline-block;
  top:0;
  right: 13px;

}


#mobile-nav .event-grid {
    display: block;
}

#mobile-nav .event-card {
    margin-bottom: 10px;
}


#mobile-nav ul.menu > li > .mega-menu-wrapper .column-menu li a.is-button{
    background: #E0E2E3;
        padding:0em 1em;
        font-size: 14px;
        border-radius: 4px;
        text-align: center;
        display: inline-block;
     
}

#mobile-nav ul.menu > li > .mega-menu-wrapper .column-menu li a.is-button:hover{
    background: #00A3E2;
    color:#fff !important;
}

#mobile-nav ul.menu > li > .mega-menu-wrapper .column-menu li a.is-button:before{
    display: none;
}


#mobile-nav .cta-column{
    display: none !important;
}



.quote{
    padding: 20px;
    background: #f8f8f8;
    border-radius: 2px;
    clear: both;
    margin: 10px 0;
}

.quote-right{
    position: absolute;
    right: 40px;
    max-width: 200px;
    top: 20%;
}

.quote-left{
    position: absolute;
    left: 40px;
    max-width: 200px;
    top: 30%;
}

.quote span{
    display: block;
    line-height: 1.5em;

}

.quote p{
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}



/* SIDEBAR */

#sidebar li a {
    color: #717171 !important;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;

}

#sidebar li a:hover {
    color: #2E3A42 !important;

}


div.right {

    float:right;

    width: 25%;

}
div.right div.right,
div.right #sidebar{
    width: 100%;
    float: none;
}


#sidebar {

    padding-top: 15px;

    width: 25%;


}





#sidebar li.weird{

list-style-type:none;

}

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

.widget .header{
    border-bottom: 2px solid #2E3A42;
    font-size: 1.5em;
}

.widget_links li, .widget_nav_menu li {
    margin-bottom: 0 !important;
    margin-left: 0;
}

.widget_links li a, .widget_nav_menu li a{
    position: relative;
    text-decoration: underline;
padding-bottom: 0.25em;
    display: block
}

.widget_links li a:hover, .widget_nav_menu li a:hover{
    background: #f8f8f8;
}



.widget_jointhepcn_widget{
    padding: 20px 15px;
    background: #808080;
    border-radius: 15px;
    color: #fff;
    margin: 0 15px 30px;
}

#sidebar p, #sidebar ul, #sidebar li {

    font-size:15px;

    line-height: 1.2;

}

#sidebar .widget_jointhepcn_widget .header{
    font:  24px/1.2 "Roboto", sans-serif;
    margin-bottom: 5px;
}

#pcn-widget-button{
    display: block;

    text-align: center;

    border-radius: 15px;

    font:bold  24px/40px "Roboto", sans-serif;

    color: #2E3A42;

    background-color: #90c22b;

    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

#sidebar .widget #pcn-widget-button:hover{
    background-color: #f15c22;

    color: #2E3A42;
}


#sidebar li {

    line-height: 16px;

    margin-bottom: 8px;

}



#sidebar ul {

    list-style: none;

    padding: 0;

    margin:0 0 15px;

}



#sidebar p.header {
    font-family: "Roboto", sans-serif;

    font-size:18px;

    margin-top:8px;

    margin-bottom: 8px;

}



p.header {

font-size:13px;

margin-top:8px;

}



#profilesidebar p.header {

font-size:20px;



margin-top:10px;

text-transform:uppercase;

}





#profilesidebar .widget_text ul {

margin-left:-38px;

list-style-type: none;



}



#sidebar p a, #sidebar ul a, #profilesidebar p a, #profilesidebar ul a, #profilesidebar li a {

color:#2E3A42;

text-decoration:none;

}

#sidebar ul a:hover{
    color: #ff5b07;
}






input.search{
    max-width: 300px;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 6px 6px 6px 6px;
    font-weight: bold;
    font-size: 16px;
    box-sizing: border-box;
    display: block;
}



#sidebar .widget_text {

border-bottom: 1px solid #e0e0e0;

padding-top:0px;

padding-bottom:0px;

}



#sidebar .widget_search {

margin-top:50px;

margin-bottom: 30px;

}



#pagesidebar .widget_search {

margin-top:20px;

margin-bottom: 30px;

}



#sidebar .widget_archive, #sidebar .widget_extended-categories {



border-bottom: 1px solid #e0e0e0;

padding-bottom:40px;

}



#sidebar .widget_archive {

border-top: 1px solid #e0e0e0;

}



#sidebar .widget_categories {

border-bottom: 1px solid #e0e0e0;

padding-bottom:40px;

}



#sidebar .widget_archive select, #sidebar .widget_extended-categories select, #sidebar .widget_categories select {

width: 200px;

border: 1px solid #e0e0e0;

background-color: #fff;

float: left;

}







#sidebar .widget_tag_cloud {



width:220px;

}



#sidebar .widget_tag_cloud a {

line-height: 30px;

}



#sidebar .widget_tag_cloud a{

color:#fff !important;

background-color:#9e9e9e;

padding:5px;

margin-top:23px;

text-decoration:none;

border-radius: 15px;

-moz-border-radius: 15px;

-khtml-border-radius: 15px;

-webkit-border-radius: 15px;

text-transform:lowercase;

 overflow:hidden;

white-space:nowrap;

}





#wlmember_loginwidget {

border: 1px solid #92d1e4;

padding:17px;

margin-bottom:80px;



}



#wlmember_loginwidget p, #wlmember_loginwidget label, #wlmember_loginwidget a {

font-size:12px;

margin-top:0;

padding-top:0;



}



#wlmember_loginwidget input.wlmember_loginwidget_input_username, #wlmember_loginwidget input.wlmember_loginwidget_input_password {

margin-top:6px;

margin-bottom:6px;

border:1px solid #92d1e4;

}



#wlmember_loginwidget input.wlmember_loginwidget_input_submit {

margin-top:6px;

background-color:#f15c22;

border:1px solid #92d1e4;

color:#2E3A42;

}



#wlmember_loginwidget a {

color:#f15c22;

text-decoration:none;



}











/* END OF SIDEBAR */

/*.colheadline {

border-bottom: 1px #ccc solid;

clear: both;

margin-bottom: 10px;
}*/


#col1{
    width: 25%;
    box-sizing: border-box;
    float: left;
	padding-left:10px;
    padding-right: 30px;
}

#col1 p,
#col2 p{

    font-size: 16px !important;

    color: #231f20 !important;

    font-weight: bold !important;
    line-height: 20px !important;
}

#col1 p.join {

margin-top: 30px;

padding-bottom:30px;

}

#col1 h3 , #col2 h3 {

    font-family: 'Roboto', sans-serif ;

font-size: 22px !important;;

font-weight:bold !important;

color: #1da3c5 !important;

margin-bottom: 0 !important;

text-transform: lowercase !important;
}

#col2{
    width: 25%;
    box-sizing: border-box;
    float: left;
    padding-right: 30px;
}

#col2, #col4 {

margin-bottom:80px;

}

#col2 p {
    font-size: 12px;
    line-height: 16px;
    color:#777;
    margin-bottom: 20px;
}

#col2 h3, #col3 h3, #col2 h3 a, #col3 h3 a {

font-size: 14px;

font-weight:bold;

color: #f15c22;

margin-bottom: 0;

text-transform: uppercase;

text-decoration: none;
}

#col2 p.date, #col3 p.date  {

font-size: 12px;

font-weight: bold;

margin-top:2px;

color:#2E3A42;

margin-bottom: 10px;

}



#col2 p.image, #col4 p.image {
margin-bottom: 0;
}

#col2 hr, #col4 hr {

border-bottom: 0;

color: #2E3A42;

background-color: #2E3A42;

height:1px;

margin-right:200px;

margin-bottom: 20px;

}

#col3 {
    width: 25%;
    padding-right: 25px;
    box-sizing: border-box;
    float: left;

}

#col4 p.featuredmember {

font-size: 12px;

font-weight: bold;

margin-top:2px;

color:#2E3A42;

margin-bottom: 0;

}

#col4 h3.featuredmembername, #col4 h3.featuredmembername a{

font-size: 14px;

font-weight:bold;

color: #f15c22;

margin-bottom: 0;

margin-top:0px;

text-transform: uppercase;

text-decoration: none;
}


#col4 {
    width: 25%;
    box-sizing: border-box;
    float: right;
    padding-right: 15px;
}

#col3 hr {

border-bottom: 0;

color: #2E3A42;

background-color: #2E3A42;

height:1px;

margin-right:200px;

margin-bottom: 10px;

}
#col1head,
#col2head,
#col3head,
#col4head{
    border-bottom: 1px solid #ccc;
}
#col1head{
    margin: 0 -30px 26px -10px;
    padding: 0 20px 0 10px;
}
#col2head{
    margin-right: -30px;
    margin-bottom: 26px;
    padding-right: 20px;
}
#col3head{
    margin-right: -25px;
    margin-bottom: 22px;
    padding-right: 25px;
}
#col4head{
    margin-right: -15px;
    margin-bottom: 10px;
    padding-right: 15px;
}
#footer {

clear: both;

border-top: 2px solid #2E3A42;
    float: left;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;

}

#footernav1, #footernav2, #footernav3 {
    font-family: "Roboto", sans-serif;

float:left;

width: 160px;

padding-top:20px;

}

#footernav1 p, #footernav2 p, #footernav3 p {

font-size: 12px;

line-height: 6px;
}

#footernav1 a, #footernav2 a, #footernav3 a  {

text-decoration: none;

color: #777;

}

#twitter p{ margin-top:5px; width: 180px; float:left;padding-top:20px;

}



#footerlogo {

float: right;

margin-top:1em;

padding-top:0px;

}



/* Profile stuff here */

p.passrestore {font-size:10px !important;}





/* CSS Code for the Registration Form */







/* Added by Ben  */





.registrationblock {

margin-left:65px;

}





/* The Main Registration Form Table */



.wpm_registration{

	clear:both;

	padding:0;

	margin:10px 0;

}





.wpm_registration input {

	border: 1px solid #ccc;

	width: 218px;

	margin-bottom: 8px;

}



.wpm_registration input.button

{ width:150px !important;

font-size:12px;

margin-top:10px;

background-color:#f15c22;

color:#fff;

font-weight:bold;

padding:4px;

}



.wpm_registration input.button:hover {

background-color:#2E3A42;

}









.wpm_registration td{

	text-align:left;



}



td.label {color:#2E3A42 !important;

font-weight:normal !important;}





/* CSS for Registration Error Messages */



#page_content .registrationblock p.wpm_err{

	color:#f15c22;

	font-weight:bold;



}

/* CSS Code for the Registration Instructions Box */





/* The Main Instructions Box */



#wlmreginstructions {


}

#wlmreginstructions .signupdiv p {


}

#loginform table,
#loginform tbody,
#loginform tr,
#loginform td{
    display: block;
}

#lostpasswordform table,
#lostpasswordform tbody,
#lostpasswordform tr,
#lostpasswordform td{
    display: block;
}

#resetpassform table,
#resetpassform tbody,
#resetpassform tr,
#resetpassform td{
    display: block;
}


#loginform .forgetmenot{
    display: none;
}


#resetpassform input#wp-submit {
    width: 50% !important;
    }


/* Links displayed in the Instructions Box */







/* Numbered Bullets in the Instructions Box */



#wlmreginstructions ol{

	margin:0 0 0 1em;

	padding:0 0 0 1em;

	list-style:decimal;

	background:none;

}





/* Each Bullet Entry */

#wlmreginstructions li{

	margin:0;

	padding:0;

	background:none;

}



small {

	font-size: 11px;

}







/*AUTHOR PROFILES */



h2.editprofile {font-size:24px !important; color:#2E3A42 !important; margin-top:-15px !important;}



.authorpage {

border: 1px solid #696969;

background-color:#fff;

padding:15px;

margin-bottom:30px;

}



.authorpagegrey {

background-color: #eee;

padding: 10px;



  word-wrap: break-word;

}



hr.line {width:100%; height:1px; color:#fff; background-color:#fff; border:0; clear:both;}

div.category {float:left; width:130px; }

div.profilefullwidth {float:left; color: #2E3A42 !important; font-size:12px !important; line-height:14px !important;margin-bottom:7px !important; }

p.darkgrey {color: #696969 !important; font-size:12px !important; line-height:14px !important; margin-top:3px !important;margin-bottom:7px !important;}

p.black {color: #2E3A42 !important; font-size:12px !important; line-height:14px !important; margin-top:3px !important;margin-bottom:7px !important;}

p.bigblack {color: #2E3A42 !important; font-size:18px !important; font-weight:bold !important; line-height:14px !important; margin-top:3px !important;margin-bottom:7px !important;}

p.biggerblack {color: #2E3A42 !important; font-size:14px !important; font-weight:bold !important; line-height:14px !important; margin-top:3px !important;margin-bottom:7px !important;}

div.inform{float:left;width: 210px;}



ul.authposts, li.authposts {

font-size:12px;

margin-bottom: 10px;

}



ol#posts {

    list-style-type:none;

    list-style-position:inside;

    margin-top: 0;

    padding: 0 30px 0 0;
}


ol#posts hr {

border: 0;

color: #fff;

background-color: #9E9E9E;

height: 1px;

width: 100%;

margin-top:45px;

}

.category-copywriting-life ol#posts .postWrapper hr {
    margin-top: 10px;
    margin-bottom: 0;
    clear: left;

}



div.together {width:400px; float:right;}

div.authorposts {clear:both;padding-top:5px;}



p.todirectory { margin-bottom:-1px !important; color:#fff !important; padding-bottom:0 !important;}



p.editprofile { margin-bottom:-2px !important; color:#fff !important; padding-bottom:0 !important;color:#fff !important; padding-bottom:0 !important; width:100px; }



p.todirectory a, p.regtabs, p.editprofile {padding:2px 10px 0 10px !important; background-color:#2E3A42; color:#fff !important;

-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;

-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;

border-top-left-radius: 10px; border-top-right-radius: 10px;

}





p.regtabs { margin-bottom:-15px !important; color:#fff !important; padding-bottom:0 !important; width:130px; margin-left:63px;}



p.todirectory a.backgrey {background-color:#696969; padding:2px 10px 0 10px !important;}





/* MEMBER DIRECTORY */

p.members-index {padding:0px; margin:0px; font-size:12px !important; font-weight:strong !important; }

p.members-index a {border:1px solid #f15c22; padding:2px 2px 2px 2px; background:#fff;}


#directory_wrapper {border: 1px solid #696969; background-color: #fff; padding:10px; margin-bottom:20px;}

#tern_members .tern_members_search{
    padding: 0;

    border: none;
}

.search-block{
clear: both;
    margin-bottom: 3em;
    float: left;
    width: 100%;
}

.search-block h4{
  margin-bottom: 1em;
  clear: both;
  float: left;
  width: 100%;
}


.search-block  .user-avatar-wrapper a.featured-member-link{
    color:#f15c22 !important;

}

.search-block .user-avatar img{
   /* border-radius: 50%;*/
}

.advertisebanner{
    background: #f15c22;
    display: block;
    margin-bottom: 1em;
    padding: 1em;
    color: #fff !important;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.1em;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.advertisebanner span{
    font-size: 1.5em;
    display: block;
    line-height: 1.5em;
    font-weight: 900;

}

.advertisebanner:hover{
    background:#90c22b;
}



.search-block  .user-avatar-wrapper p{
    color:#2E3A42 !important;

}

.search-block ul{
  font-size: 0;
}

#tern_members .tern_members_search .search-block p { color: #2E3A42; }


.search-block li.skillspesh{
    margin-bottom:6px !important;
    margin-right:1.33% !important;
    width:24%;
    display: inline-block !important;
    font-size: 14px;
}

.search-block li.skillspesh:nth-of-type(4n){
    margin-right:0% !important;

}

.search-block li.skillspesh:nth-of-type(4n+1){
clear:left;
}

.search-block .btn12{
    margin: 0 0 0 auto;
    color: #fff;

}

.search-block .btn12:hover{
    color:#fff;
}

.search-block h3{
  margin-bottom:1em;
}


.search-block label[for="query"]{
    display: block;

    margin-bottom: 7px;
}

.search-block input[type="text"]{

    width: 55%;
font-size: 1em;
    height: 44.59px;
    line-height: 42.59px;

float:left;

    padding: 4px 20px;

    margin: 0 2% 1em 0;

    border: 1px solid #979DA1;


    background:#FAFAFB
}

.search-block #hideshow-filters{
}

#hideshow-filters{
margin-right:1%;
}


.search-block input[type="submit"], .search-block #hideshow-filters{
  float:left;
  font-size: 1em;
}

.search-block input[type="text"]:focus{
  outline: none;
background: #FEFCEF;
}

select:focus{
  outline: none;
background: #FEFCEF;
}



#tern_members .lists-holder h2{
    font-size: 16px;
}

.search-block:first-child{
    position: relative;
}

.search-block:first-child p{
    margin: 5px 200px 0 0;
}


#tern_members .tern_members_alpha{
  display: none;

    margin: 0 0 20px;

}

#locbox h3{
    margin-bottom: 1em;
}
#locbox li{

  font-size: 0.75em;
}

#locbox{
  border-bottom: 1px solid #ccc;
padding-bottom:3em;
}


#tern_members .tern_members_alpha ul{
    margin-top: 5px;

    display: block;
}

#tern_members .alphabetically-list{
    font-size: 28px;

    font-weight: bold;

}

#tern_members .alphabetically-list li{
    margin-right: 8px;
}

#tern_members .tern_members_alpha a{

    color: #2E3A42;
}

#tern_members .tern_members_alpha a:hover{
    color:#f15c22;
}

#tern_members .cities-list li{
    display: inline-block;

    vertical-align: top;

    width: 20%;

    box-sizing: border-box;

    padding-right: 10px;

        padding-bottom: 0.5em;
      }


p.dirnameB { margin-top:0; margin-bottom:0;}

.tern_members_view {font-size:12px;}

.tern_members_sort {font-size:14px;}

.tern_wp_member_info {border-bottom: 1px solid #fff;}

p.searchpara {font-size:12px; font-weight:bold;}


.tern_wp_members_specialisms, .tern_wp_members_skills{
  width: 48%;
  float: left;
  display: inline;
line-height: 1.5em;
}

.tern_wp_members_skills{
  margin-right:2%;
}


/* FORUM */



#spProfileEditButton, #spLogInOutButton {display:none;}





.postwrapper {

margin-bottom:0;

}

.postWrapper small{
    display: block;
    color: #2E3A42;
    padding: 0 0px 10px;
    margin: 0;
    line-height: 16px;
    font-family: 'Roboto', sans-serif ;
    font-weight: bold;
    font-size: 12px;
}



#page_content .post-img + .postTitle {
    clear: none;
}



.wp-about-author-containter h3, .wp-about-author-containter p{

	margin:0 0 10px 0;

	padding:0;

}

.wp-about-author-containter-top{

	background: #f2f7fc;

	border-top: 4px solid #2E3A42;

	clear: both;

	margin: 20px 0;

	overflow: hidden;

	padding: 20px;

}

.wp-about-author-containter-around{

	background: #f2f7fc;

	border: 1px solid #2E3A42;

	clear: both;

	margin: 20px 0;

	overflow: hidden;

	padding: 20px;

}

.wp-about-author-containter-none{

	background: #f2f7fc;

	border-top:none;

	clear: both;

	margin: 40px 0;

	overflow: hidden;

	padding: 20px;

}

.wp-about-author-pic{

	background: #fff;

	border: 1px solid #e7e7e7;

	float: left;

	height: 100px;

	width: 100px;

	margin: 0 -122px 0 0;

	padding: 10px;

}

.wp-about-author-pic img{

	width: 100px;

        height: 100px;

        max-width: 100px;

}

.wp-about-author-text{

	float: left;

	margin: 0 0 0 140px;

}

.wp-about-author-text p {

        margin: 0 0 5px 0;

}

.wp-about-author-text p.wpa-nomargin {

        margin: 0;

}

.wpa-social-icons{

        margin:0 3px;

}



.addthis_toolbox

{padding-top:20px;

}



.spPostUserFacebook {display: none;}





img.attachment-100x100 {margin-left:6px;

padding-bottom:16px;

}



/* BOOKING SYSTEM CODE */





#em-booking table {border:1px solid #ebebeb;}

#em-booking table tr th {background-color: #ebebeb; padding:6px; text-align:left;}

#em-booking table tr.em-ticket td {padding:6px; font-size:14px; line-height:1.3em;}

#em-booking table tr td.em-bookings-ticket-table-type, #em-booking table tr td.em-bookings-ticket-table-price, #em-booking table tr td.em-bookings-ticket-table-spaces {border-bottom: 1px solid #ebebeb;}

span.ticket-desc {font-size:12px; color:#555;}



.em-booking-form-details input.input {border:1px solid #ccc;}

input.em-booking-submit {height: 40px;

margin-top:20px;

    width: 125px !important;

    text-indent: -9999px;

    overflow: hidden;

    border:none;



     background-image:url('http://www.procopywriters.co.uk/wordpress/wp-content/uploads/2013/06/pcn_book_now_button.gif'); background-repeat:no-repeat; }

/*input.em-booking-submit:hover {background-color: #fff; border: 1px solid #f15c22 !important; color:#f15c22; padding:12px; font-size:16px; margin-top:18px; text-transform:uppercase;}

*/

p.booknow {margin-top:18px; margin-bottom:30px;}

a.booknow { height: 40px;

    width: 125px;

    text-indent: -9999px;

    overflow: hidden;

    display:block;

     background-image:url('http://www.procopywriters.co.uk/wordpress/wp-content/uploads/2013/06/pcn_book_now_button.gif'); background-repeat:no-repeat; }

a.booknow:hover,input.em-booking-submit:hover {background-image:url('http://www.procopywriters.co.uk/wordpress/wp-content/uploads/2013/06/pcn_book_now_button_ro.gif'); background-repeat:no-repeat; }

span.smallspan {font-size:0.85em;}

span.smallerspan {font-size:0.6em;}

.em-booking-login-form label, .em-booking-login-form a {font-size:0.8em;}

.pcn_color {  background: url("/wp-content/uploads/2014/12/Check_mark.png") no-repeat scroll center center / 30px auto rgba(0, 0, 0, 0);}

#JoinToday1 {

    background: none repeat scroll 0 0 rgb(149, 197, 29);

    border-radius: 17px;

    color: rgb(255, 255, 255) !important;

    display: block;

  font-weight: bold;

  padding: 10px 0 10px 20px;

    width: 207px;

}

#JoinToday1:hover {  background: none repeat scroll 0 0 #f15e25 ; }

.pdirectory

{

float: left;

width: 142px;

background: url(images/images/Profile.png)no-repeat;

height: 18px;

text-align: right;

padding: 5px 0;

}

.pdirectory a {

color: #FFF;

text-decoration: none;

font-size: 18px;

text-transform: uppercase;

margin-right: 4px;

}

.user_role {

float: right;

width: 180px;

background: url("images/images/premium.jpg") no-repeat scroll 0 0 rgb(31, 164, 197);

height: 18px;

text-align: center;

padding: 5px 0;

color: #FFF;

text-decoration: none;

font-size: 18px;

text-transform: uppercase;

line-height: 1;

text-indent: 18px;

}

.pagetop_premium

{

width:50% !important;

float:left;

}



/* profile */



#page_content_profile .authorpage.authorpage_new h2 {

font-size: 30px;

text-transform: capitalize;

color: #333;

padding-top: 38px;
}

#page_content_profile .authorpage.authorpage_new .author_name p span {

font-size: 18px;

margin-left: 10px;

color: #95c51d;


}

#page_content_profile .authorpage.authorpage_new .author_name p {

font-size: 22px;

margin: 0;

padding: 0;
width:430px;
}

#page_content_profile .authorpage.authorpage_new h3.info_heading {

text-transform: uppercase;

color: #fff;

background: #f25c21;

font-size: 14px;

padding: 5px 10px;

width: auto;

float: left;

}

#page_content_profile .authorpage.authorpage_new .category {

clear: both;

width: 150px;

color: #333333;

font-weight: bold;

font-size: 12px;

}

#page_content_profile .authorpage.authorpage_new .inform p.black {

color: #333 !important;

line-height: 18px !important;

}

div#page_content_profile.premium-profile {

float: left;

width: 100%;

}

.authorpage.authorpage_new {

float: left;

width: 50%;

border: none;

padding: 0;

clear: both;

}

div#page_content_profile.premium-profile div#profilesidebar {

position: relative;

float: right;

margin: 0 auto 25px;

border: none;

width:50%;


}

#page_content_profile .authorpage.authorpage_new .inform {

font-size: 12px;

color: #333;

}

div#page_content_profile.premium-profile div#profilesidebar h3.info_heading {

text-transform: uppercase;

color: #fff;

background: #f25c21;

font-size: 14px;

padding: 5px 10px;

width: auto;

float: left;

clear: both;

}

div#page_content_profile.premium-profile div#profilesidebar h3.info_heading + p {
clear: both;
margin: 0 !important;
padding: 0;
font-size: 14px;
color: #333333;
line-height: 21px;
}

div#page_content_profile.premium-profile div#profilesidebar h3.info_heading + p img.photo {

padding: 0;

margin: 0;

}
.single-post-des {
clear: both;
margin-top: 20px;
float: left;
}
.sample_text p {
clear: both;
margin: 0 !important;
padding: 0;
color: #333333;
}

/* div#page_content_profile.premium-profile div#profilesidebar .inform {

float: right;

width: 160px;

}
*/
p.black.twitter{

background: url(images/images/tw.png)no-repeat;

text-indent: 22px;

height: 20px;

}

p.black.fb{

background: url(images/images/fb.png)no-repeat;

text-indent: 22px;

height: 20px;

background-position: 0 -2px;

}

p.black.gplus{

background: url(images/google.png)no-repeat;

text-indent: 22px;

height: 20px;

background-position: 0 -2px;

}

p.black.lnd{

background: url(images/Linkedin-icon-2.png)no-repeat;

text-indent: 22px;

height: 20px;

background-position: 0 -2px;

}



ul.portfolio_list {

margin: 0;

padding: 0;

list-style: none;

clear: both;

}

ul.portfolio_list li {

    display: inline-block;

    width: 24.6%;

    min-height: 345px;

    vertical-align: top;

    box-sizing: border-box;

    margin-bottom: 20px;

    text-align: left;

}

ul.portfolio_list li a {
display: inline-block;

width: 220px;

padding: 5px 0;

text-decoration: none;

font-size: 18px;

font-weight: bold;

text-transform: uppercase;

color: #2E3A42;

}

ul.portfolio_list li > a{
    text-align: left;
    box-sizing: border-box;
}

ul.portfolio_list li p {
    display: inline-block;
    box-sizing: border-box;
    width: 220px;
    color: #2E3A42;
    line-height: 1.4;
    text-align: left;
    margin-top: 0;
}

h3.info_heading {

text-transform: uppercase;

color: #fff;

background: #f25c21;

font-size: 14px;

padding: 5px 10px;

width: auto;

float: left;

clear: both;

}

.thumbnail_single {

width: 600px;

margin-top: 12px;

height: 315px;

overflow:hidden;

}

.thumbnail_single img {

max-width: 100%;
float:right;
height: auto;

}

.sample_text {

float: left;

clear: both;

}

h3.portfolio_title {

float: left;

width: 100%;

margin: 0;

text-transform: capitalize;

}

.sample_text h3 {
    margin: 0 0 4px 0;
    font: bold 24px/1.2 "Roboto", sans-serif;
}

div#blog_content1 .pdirectory {

float: left;

width: 202px;

background: url(images/images/Profile.png)no-repeat;

height: 18px;

text-align: right;

padding: 5px 0;

background-color: #95C51D;

}

div#blog_content1 .pdirectory a {

color: #fff;

}

.tern_wp_members_list li:after {
    display: block;
    content: '';

    clear: both;
}

.tern_wp_members_list .administrator, .tern_wp_members_list .pro {

    background: none repeat scroll 0 0 rgb(255, 255, 255);

    border: 0;
    border-bottom: 1px solid #CCC;

    color: rgb(68, 68, 68);

    padding: 15px 10px 5px 0 !important;
}
.tern_wp_members_list .photo-holder {
    position: relative;
float: left;
display: inline;
margin-right:2em;
    margin-bottom: 5px;
}


.tern_wp_members_list .photo-holder .photo {
    padding: 0;
    width: 100%;
}

.tern_wp_members_list .tern_wp_member_info {
    overflow: hidden;
}

.tern_wp_members_last_name {
    font-weight: bold !important;
}

.tern_wp_members_last_name a {
    color: #2E3A42 !important;
}

.tern_wp_members_list .tern_wp_member_info p {

    font-weight: bold !important;

    color: #2E3A42 !important;
}

.tern_wp_members_region{
  margin-top:1em;
}

.tern_wp_members_list li>br { display: none; }

.administrator .tern_wp_member_info, .pro .tern_wp_member_info

{

border-bottom:none !important;

}

.administrator .user_role, .pro .user_role

{

display:block !important;

text-align: center !important;

margin:0px;

}

ul.wpuf-attachments { display:none;}



div#wpuf-post-area {

margin:2em 0;

}

.wpuf-post-form #wpuf-attachment-upload-container{
  margin-left:0 !important;
}

.wpuf-post-form label{
  float: none  !important;
   font-weight: 400  !important;
     height: auto  !important;
    margin: auto  !important;
    min-width: 1px  !important;
    padding: 0 0px 0 0  !important;
    font-size: 1em  !important;
    display: block;
}

.wpuf-post-form input[type=text], .wpuf-post-form textarea, .wpuf-post-form select{
  width:100%  !important;
  font-size: 16px;
  padding:8px;
}

.wpuf-post-form p.description{
  padding-left: 0 !important;
  line-height: 1.7em;
}

.wp-core-ui .quicktags-toolbar input.button.button-small{
  width:auto !important;
}

.wpuf-post-form .wp-editor-wrap {
    border: 0 !important;
}

.wpuf-post-form .wpuf-richtext{
  width: 100% !important;
}

#wpuf-post-area li{
  margin: 2em 0 !important;

}

.wpuf-post-form label{
  margin-bottom: 0.5em !important;
}

.wpuf-post-form input:focus, .wpuf-post-form textarea:focus, .wpuf-post-form select:focus {

background: #FFFFFF !important;

}

.wpuf-post-form input[type=submit] {

border-radius: 0 !important;

border: 3px solid #fff !important;

color: #fff !important;

background: #2E3A42 !important;

}

.wpuf-post-form input[type=submit]:hover{

background: #f15c22!important;

}

div#page_content.page_content_new span.colour {

padding: 3px 10px 5px 10px !important;

background-color: #2E3A42;

color: #fff !important;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

font-size: 14px;

line-height: 22px;

font-weight: normal;

text-transform: capitalize;

letter-spacing: 0.4px;

}

div#page_content.page_content_new {

border: 1px solid #696969;

background-color: #eee;

padding: 10px;

margin-bottom: 20px;

box-shadow: inset 0 0 0 8px #fff;

}

div#page_content.page_content_new h2.page-head {

position: absolute;

margin-top: -58px;

margin-left: -11px;

}

div#page_content.page_content_new .post_count {

border: none;

}

#page_content.page_content_new .wpuf-table a {

    text-transform: capitalize;

}

.success {

position:relative ;

bottom:48px;

}

#wpuf_edit_post_form {

    background-color: #eee;

    padding: 13px 13px 1px;

}

.wpuf-table td a span {

color: #FFF;

background: #2E3A42;

border-radius: 0;

border: 3px solid #fff;

font-weight: 400;

padding: 5px 7px;

}

.wpuf-table a span {

    color: #fff !important;

    }

.wpuf-table td a span:hover

{

background: #f15c22!important;

}

.wlm_regform_improved

{
font-size: 16px;
margin:0px !important;

}.upgradefree {position: relative;bottom: 59px;font-size: 12px;margin: 17px 0 0 19px !important;line-height: 19px;border-bottom: none !important;}.upgradefree a{color: #f15c22;text-decoration: none;}#WishListMemberUserProfile > h3 + table + h3 + table {    display: none;}#WishListMemberUserProfile > table , #WishListMemberUserProfile > h3{   display: none;}



.sample_text .thumb

{

display:none;

}

.editprofile , .removefield {display:none; }

#desc1{width:440px;height:150px}

.description {color:red }

input.button-primary{padding:10px; }

.tern_members_sort {

    display: none;

}

.page-head1{display:none }

.button-primary1 {

background-color: rgb(0, 0, 0);

    border: 3px solid rgb(255, 255, 255);

    color: rgb(249, 249, 249);

    font-weight: bold;

    margin-bottom: 20px;

	padding:10px;

	cursor:pointer;

	}

	.button-primary1:hover {

    background-color: rgb(241, 92, 34);

}

.wpuf_customs > li:first-child {

    display: none;

}



.author_name span {

    color: rgb(149, 197, 29);

    font-size: 18px;

    font-weight: normal;

    margin: 10px;

}

.wlm_regform_container input.submit {

 background: none repeat scroll 0 0 rgb(0, 0, 0) !important;

 color:#fff !important;

 }

 .wlm_regform_container input.submit:hover {

 background: -moz-linear-gradient(center top , rgb(204, 204, 204) 0%, rgb(238, 238, 238) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

 }

table.tableizer-table {

	font-size: 12px;

}

.tableizer-table td {

	padding: 4px;

	margin: 3px;

}

.tableizer-table th {

	background-color: #2E3A42;

	color: #FFF;

	font-weight: bold;

font-size: 16px;

width:130px;

}

.tableizer-table td:nth-child(3) {

text-align: center;

}

.pro_discount img{

width: 100%;

max-width: 115px;

float: left;

margin-bottom: 71px;

}

.pro_discount .icon-cancel{
    width: auto;
    max-width: 100%;
}

.page-id-4 .wpuf_customs,
.page-id-4 .wpuf_customs ul{
    margin:0;
    padding:0;
}

.page-id-618 .post-edit-link{
    display:none;
}

.tern_wp_member_gravatar img{
    margin-bottom:10px !important;
}

.pro .avatar.avatar-60.photo {
    margin-bottom: 20px !important;
}
.single-portfolio .addthis_toolbox{
display:none;
}

.lists-holder:after{
    display: table;
    clear: both;
    content: '';
}

.skillspeshr , .skillspeshsp , .skillspeshm{
    float: left;
    width: 100%;
    margin: 16px 0 !important;
}
.skillspeshr li , .skillspeshsp li , .skillspeshm li{
    display:block !important;

}
.btn12{
    padding: 0;

    margin: 0;

    height: 40px;

    width: 150px;

    display: block;

    text-align: center;

    border-radius: 15px;

    border: none;

    font: bold 24px/40px "Roboto", sans-serif !important;

    color: #2E3A42;

    background-color: #90c22b;

    -webkit-appearance: none;

    cursor: pointer;
}

.btn12:hover{
    background-color: #f15c22;

    color: #2E3A42;
}



.wlm_regform_container input.submit {
border: none !important;
font-size: 12px !important;
margin-top: 10px !important;
background-color: #f15c22 !important;
color: #fff !important;
font-weight: bold !important;
padding: 10px !important;
 width: auto !important;
cursor:pointer;
}
.wlm_input_text ,.wlm_regform_container .fld
{
  width: 100% !important;
  padding:10px !important;
  background: #f8f8f8 !important;
  border:#ccc 1px solid !important;

}

button.regform-button{
    margin:0 auto !important;
}

.join_content {
     color: rgb(119, 119, 119);
    font-size: 13px;
    line-height: 25px;
    margin-top: 10px;
    padding-right: 20px;
	padding-left:15px !important;
}
.page-id-4 .wpuf_customs
{
display:none;
}
.category_social { width:500px !important }
.cancelform #wlmreginstructions-2
{
display:none;
}
.page_content1
{
width:100% !important;
    max-width:100% !important;
}
.listskill {
    font-size: 14px;
    line-height: 1.7em;
    margin: 0 0 3em 12px;
    padding: 0;
    list-style: none !important;
  }


.single-portfolio .wpuf_customs {
    padding: 0;
}

.single-portfolio .wpuf_customs ul {
    padding: 0;
}
#fep-new-post #fep-post-title, #fep-new-post #fep-tags, #fep-new-post #fep-category, #fep-new-post #fep-about {
    font-size: 12px !important;
    padding: 5px !important;
}
#col2 > h3 {
    color: rgb(255, 98, 0) !important;
}
.sample_text ul li {
    color: rgb(51, 51, 51) !important;
    line-height: 28px;
    list-style-type: square;
}
.success1{
 padding: 5px 0 0 10px !important;
  bottom: 0 !important;
  margin:0 !important;
}
.message > a {
    color: rgb(79, 138, 16) !important;
    padding: 0 0 0 15px;
}
table.wpuf-table td {
padding: 6px 20px !important;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/****
Styles added after font change
*****/

#jp-relatedposts{
    max-width:700px;
    margin:0 auto !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a{
    text-decoration: none !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{
    color: #14a4c4;
    font-family: 'Roboto', sans-serif;
    font-weight: bold !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover{
text-decoration: none !important;
    color:#2E3A42 !important;

}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{
    font-size: 1em !important;
line-height: 1.3em !important;
margin-top: 5px !important;
}

div#jp-relatedposts:before {
    content: 'Related Posts';
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    color:#555;
    margin-bottom: 15px;
    display: block;
}


#blog_index_fp{
    width: 75%;
    max-width: 100%;
    padding-right: 20px;
    box-sizing: border-box;
    float: left;
}


/*---------------Copywriter Profile-------------------*/
/*Blocks*/

#page_content_profile .column-full-width {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.bottom-line { border-bottom: 1px solid #c9c9c9; }

#page_content_profile .meta-section {
    position: relative;
    margin: 0;
    border: 0;
}

#page_content_profile .column-left-50,
#page_content_profile .sub-column-left-50 {
    width: 50% !important;
    float: left !important;
    box-sizing: border-box;
}

#page_content_profile .column-right-50,
#page_content_profile .sub-column-right-50 {
    width: 50% !important;
    float: right !important;
    box-sizing: border-box;
}

#page_content_profile .params-wrapper {
    margin-bottom: 15px;
    padding-left: 15px;
    box-sizing: border-box;

    font-size: 14px;
}

#page_content_profile .params-wrapper h3,
.profile-main-title { font-size: 22px; }

#page_content_profile .params-wrapper p {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

#page_content_profile #author-social {
    display: inline-block;
}

#page_content_profile #author-info {
    display: table;
    width: 100%;
    padding: 0;
}

#page_content_profile #author-info .img-prof-info {
    padding-right: 20px;
    vertical-align: top;
}

#page_content_profile #author-info .author-info-col {
    display: table-cell;

    text-align: right;
}

#page_content_profile #author-info .main-prof-info {
    border-bottom: 1px solid #c9c9c9;

    text-align: left;
}

#page_content_profile #author-info .details-prof-info {
    border-bottom: 1px solid #c9c9c9;

    text-align: right;
}

#page_content_profile .details-prof-info #author-social { padding: 20px 0 0; }

#page_content_profile #author-info h3 { font-size: 22px; }

#page_content_profile #author-photo {
    width: 125px;
    padding: 0;
}

#page_content_profile #author-photo img { width: 100%; }

#page_content_profile div.inform { width: 100%; }

#page_content_profile div.link-to-site {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    white-space: nowrap;
}

#page_content_profile div.link-to-site a {
    font-size: 14px;
    color: #2E3A42;
}

#page_content_profile div.link-to-site a:hover {
    color: #F15C22;
    text-decoration: underline;
}

#page_content_profile .profilefullwidth {
    padding-right: 15px;
    font-size: 14px !important;
    line-height: 1.3 !important;
}

#page_content_profile .profile-main-text {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/*Lists*/
#page_content_profile ul { margin: 0; }
#page_content_profile li { list-style: none; }

/*Colors*/
#page_content_profile .primary-color {
    color: #86BE18;
}

#page_content_profile h1,
#page_content_profile h3,
#page_content_profile #author-info p { margin: 0 0 5px; }

#page_content_profile h3,
#page_content_profile div {
    float: none;
}

#page_content_profile .single-post-des p {
    line-height: 1.4;
    color: #2E3A42;
}

/**********
WP JOB MANAGER
**********/

ul.job_listings li.job_listing a div.position h3{
  font-family: 'Roboto', sans-serif;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border-color: #2E3A42 !important;
}

.woocommerce .woocommerce-checkout, .select2-drop{
    font-family: 'Roboto', sans-serif !important;

}

.woocommerce form .form-row label{
    font-weight: bold;
    font-family: 'Roboto', sans-serif !important;

}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background-color:#14A4C4 !important;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background-color:#F15C22 !important;

}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 1em;
}


table.job-manager-alerts{
    table-layout: fixed;
width: 100%;
}

table.job-manager-alerts thead{
    background:#ccc;
}

#job-manager-alerts td, #job-manager-alerts th {
    padding: .5em 1em .5em .3em !important;
}


table.job-manager-alerts tbody tr:nth-of-type(odd){
    background:#f8f8f8;
}



#job-manager-alerts td, #job-manager-alerts th{
    vertical-align: top;
    text-align: left;

}

#job-manager-alerts table tr:hover ul.job-alert-actions {
    margin-top:10px;
}

#job-manager-alerts table ul.job-alert-actions li{
display: block !important;
}

.single_job_listing .company img{
 position: static !important;
    margin-right:1em;
}


/*fomrs*/

.job-manager-form .button{
    color: #fff !important;
    margin-bottom: 0;
    margin-left: 1em;
    border-radius: 4px;
}

.job-manager-form .button:hover{
    opacity:0.8;
}


#submit-job-form, #submit-resume-form{
    font-family: 'Roboto', sans-serif  !important;

}

.job-manager-form fieldset:first-of-type{

background: #f8f8f8;
padding: 10px;
border: 1px solid #eaeaea;
border-radius: 4px;

}

.job-manager-form fieldset fieldset:first-of-type{

    background: #fff;
    padding: 0px;
    border: 0px solid #eaeaea;
    border-radius: 4px;

}

.job-manager-form fieldset{
    padding-left:10px !important;
}

.job-manager-form fieldset input.input-text, .job-manager-form fieldset select, .job-manager-form fieldset textarea{
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 1em;
}

.chosen-container-multi .chosen-choices{
    border-radius: 4px;
    border:1px solid #ccc;
    background: #fff !important;
    font-size: 1em;

}

.job-manager-form fieldset select{
    height:36px;
    background: #fff;
    font-size: 1em;

}

.job-manager-form fieldset label{
    font-weight: bold;
}

/*---------------------Portfolio Page---------------------*/


/*Register*/
.page-template-login_register #page_content { width: 100%; }

.page-template-login_register #pagesidebar { display: none; }

.page-template-login_register .wlm_regform_improved {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    font-size: 16px !important;
}

.page-template-login_register .wlm_regform_container {
    border: 0;
    padding: 2em;
}

.page-template-login_register h4 { font-size: 20px; }

.page-template-login_register .wlm_regform_container .wlm_required_field {
  padding: 0px;

}

.page-template-login_register .wlm_form_group.wlm_required_field .wlm_form_label {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    color:#2F3A42;
    font-size: 16px;
    font-family: "Roboto", sans-serif;

}

.page-template-login_register .wlm_regform_container .fld {
    height: 50px;
    font: 30px/1.4;
    width: 100% !important;
}

.page-template-login_register .wlm_regform_container .fld:focus {
    outline: none;
    border: 0;
    box-shadow: none;
}



.page-template-login_register .wlm_option_group label {
    margin-bottom: 10px;

    font: 20px/1.2 "Roboto", sans-serif;

    color: #fff;
}

.page-template-login_register .wlm_regform_container .wlm_required_field textarea {
    height: 50px;
    max-height: 50px;

    overflow: hidden;
}

.page-template-login_register .wlm_form_group.wlm_required_field select {
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #fff url("images/select-arrow.png") 100% 50% / 35px 35px no-repeat ;
    padding-right: 30px;
}

.page-template-login_register .wlm_form_group.wlm_required_field select::-ms-expand {
    display: none;
}

.page-template-login_register .wlm_option_group input[type=checkbox],
.page-template-login_register .wlm_option_group input[type=radio] {
    position: relative;

    width: 20px;
    height: 20px;
    margin: 2px;

    vertical-align: top;
}

.page-template-login_register .wlm_option_group input[type=checkbox]:before,
.page-template-login_register .wlm_option_group input[type=radio]:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    background-color: #fff;

    content: '';
}

.page-template-login_register .wlm_option_group input[type=radio]:before {
    border-radius: 50%;
}

.page-template-login_register .wlm_option_group input[type=checkbox]:after,
.page-template-login_register .wlm_option_group input[type=radio]:after {
    position: absolute;
    top: 3px;
    left: 3px;

    display: none;

    width: 14px;
    height: 14px;

    content: '';
    z-index: 5;
}

.page-template-login_register .wlm_option_group input[type=checkbox]:after {
    background: url("images/checked.png") 0 0 / 14px 14px no-repeat;
}

.page-template-login_register .wlm_option_group input[type=radio]:after {
    border-radius: 50%;
    background: #2E3A42;
}

.page-template-login_register .wlm_option_group input[type=checkbox]:checked:after,
.page-template-login_register .wlm_option_group input[type=radio]:checked:after {
    display: block;
}

.page-template-login_register .wlm_regform_container p.submit { margin: 0 0 10px; }

.page-template-login_register .wlm_regform_container input.submit {
  background: #509E7A !important;
      color: #fff;
      display: block !important;
      padding: 15px !important;
      width: 100% !important;
      border: 0 !important;
      border-radius: 0 !important;
      margin-top:3em !important;
      cursor: pointer;
      font-size: 16px;
}

.page-template-login_register .wlm_regform_container input.submit:hover {
  background: #00A3E2 !important;

 }

/** members list styles **/
.tern_wp_members_list .subscriber {
    height: 125px;
    border-bottom: solid 1px #ccc;
}

.tern_wp_members_last_name p.dirnameB strong {
    color: #2E3A42;
}



#blog_content a:hover { text-decoration: underline; }

#blog_content h1 a:hover,
#blog_content h3 a:hover
{ text-decoration: none; }

.user-avatar-wrapper {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.user-avatar-wrapper .user-avatar {
    width: 70px;
    float: left;
    margin-right: 10px;
}

.user-avatar-wrapper p {
    margin: 0;
}

.user-avatar-wrapper img {
    padding: 0;
    float: none;
}

.member-spotlight {
    padding-left: 15px;
}

#tern_members .tern_wp_members_list li { padding: 2em 0  !important; }

.tern_wp_members_list h3 {
color:#2E3A42;
line-height: 1em;
margin-top:0;
font-size: 1.675em;
    margin-bottom: 0.25em !important;
}

.tern_wp_members_list h3 a{
  text-decoration: none;
}


#tern_members .tern_pagination {
    font-size: 12px;
    border-top: 0 !important;
    margin-bottom: 4em;
}

#mid-content-wrap .item p {
    font-size: 15px;
    color: #2E3A42;
    margin: 0 0 15px;
}

#bot-content-wrap .item p {
    font-size: 13px;
    color: #2E3A42;
    margin: 0 0 15px;
}


/** JOIN PAGE **/

.center {
	text-align: center;
}


.center-panel-container {
	width: 100%;
	margin: 0 auto;
}

@media all and (max-width: 820px) {

	.center-panel-container {
		width: 100%;
		margin: 0 auto;
	}
}

.join-cost {
	color: #808080 !important;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-align: center;
}

.panel-success {
	background-color: #ccedc9;
	overflow: hidden;
	padding: 2% 0 2% 0;
}

.panel-success ul li {
	list-style: none;
}

.panel-option {
	border: 1px solid #cccccc;
	padding: 30px 30px 10px 30px;
    text-align: center;
}

.panel-option ul {
	padding: 0 0 0 0;
}

.panel-option ul li {
	border-top: 1px solid #cccccc;
	list-style: none;
	padding: 20px 0px 5px 0;
}

#page_content .panel-option h1 {
	font-size: 42px;
	margin-bottom: 0;
	padding-top: 0px;
	letter-spacing: -1px;
	line-height: 30px;
	text-decoration: none;
	color: #2E3A42;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
}

.panel-option input[type='image']{
    max-width: 100%;
    height: auto;
}


.button, .wpcf7-submit {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 0.6em 1.1em;
	margin: 0 5px 1rem 0;
	background-color: #00A3E2;
	color: #fff;
}

.button:hover {
background-color:#2E3A42;
}

a.expanded.button.joinbtn:hover {
	background-color: #ccedc9;
	color: #2E3A42 !important;
}

.button.expanded {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

a.button.joinbtn {
	text-transform: uppercase;
	color: #ffffff !important;
	font-weight: bold;
}



/* ------------- soulbat : styles added 24/12/16 ----------------- */

/* NEW portfolio page styles */

/* pcn grid
	adjusted to fit main site template
	and approximate 12 cell grid
*/

.pcn-grid {}
.pcn-grid:after {
  content: "";
  display: table;
  clear: both;
}
.pcn-grid div { float:left; margin-left:12px; padding:0}
.pcn-grid div div { float:none; margin:0; padding:0}
.pcn-g-2 { width:194px;  }
.pcn-g-3 { width:296px;  }
.pcn-g-5 { width:500px; }
.pcn-g-6 { width:604px; }
/* declare last */
.pcn-grid div:first-child { margin-left:0; }
.pcn-grid-4 div:nth-child(4n+1) { margin-left:0; }

/* backgrounds */

/* misc */
.portfoliothinline {  border-bottom:1px solid #ccc; margin-bottom:30px}
.portfolio_photo {  width:100%; text-align:right !important;
margin:0 !important; padding:12px 0 0 0 !important; position:relative;
 width:196px; height:200px;
}
.portfolio_photo img { position: absolute; bottom:15px; right:0;padding:0; margin: 0;  float:none; z-index:2 }
.pcn-gtrbtm { margin-bottom:20px; }

/* headings */
.pcn-portfolio h1, .pcn-portfolio h2, .pcn-portfolio h3 {font-size:23px; margin:0; line-height:auto;}
.pcn-portfolio h2 { font-size:20px }
.h1space,.pcn-portfolio h1,.pcn-portfolio h2 { margin:0 0 5px; }
.pcn-availwork,.pcn-portfolio h3 {  font-weight:normal; font-size:18px; }
.pcn-availwork { color:#84C000 }
.h1space {font-size:23px;  line-height:auto; font-weight:bold;  }
.pcn-portfolio .vspacer { height:20px }
.pcn-portfolio .hline {  padding-bottom:15px; border-bottom:1px solid #979797 }
.pcn-infobox { margin:0 0 20px 0 !important;  color:#333 }
.pcn-info_inner { padding:0 20px 20px !important; font-size:14px }
.profile-main-text { line-height:150%;     margin-bottom: 3em; }
.pcn-infobox ul { list-style:none; margin:20px 0 0 0; }
.pcn-infobox ul li { list-style:none; margin:8px 0 0 0; padding:0 0 8px 0; border-bottom:1px solid #E6E6E6 }
.pcn-oldyellow { background-color:#FCE577; border:0 }
.pcn-oldyellow .pcn-info_inner {padding-top:20px !important;}

 p.link-to-site a { text-decoration:none; color:inherit }
 p.link-to-site a:hover { text-decoration:underline; color:#f15c22 }
.portf-item div { background:#EEE; margin-bottom:15px;  height:500px; overflow:hidden }
.portf-item div div{ background:none; padding:25px; width:auto;  }
.portf-item div div div{  padding:0 ; height:170px }
.ptf_thumb_container { background:#FFF !important; width:170px; height:130px; padding:40px !important;
-webkit-transform-style: preserve-3d; text-align:center;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
.ptf_thumb_container img { width:100%; height:auto;
position: relative;
  top: 50%;
  transform: translateY(-50%);}
  .portf-text { line-height:150%; color:#333 }
  .ptf_title,.ptf_title a { text-decoration:none; color:inherit }
  .ptf_title a:hover { text-decoration:underline; }

@media all and (max-width: 1240px) {



    .quote{
        position: relative;
        max-width:100%;
right:0;
        left:0;
        top:0;
    }

    .quote:before{
        position: absolute;
        top: -15px;
        left: 10px;
    }

    .quote:after{
        position: relative;
        bottom: 6px;
        right: -10px;
        float: right;
    }

    .quote span, .quote p{
        padding:0 20px;
    }
}/*1240*/

 @media all and (max-width: 1280px) {


    #main-nav ul .mega-menu-wrapper {
        flex-direction: column;
        gap: 1em;
    }

    #main-nav ul .cta-column,
    #main-nav ul .mega-menu-inner{
        width: 100%;
    }

    .mega-menu-wrapper .cta-inner{
        flex-direction: row;
    }

    .mega-menu-wrapper .cta-button{
        margin: auto 0 0 auto !important;
    }

    .mega-menu-wrapper .cta-copy p{
        margin-bottom: 0;
    }



	 .portfolio_main { max-width:1000px }
	 .pcn-grid-4 div:nth-child(4n+1) { margin-left:12px; }
	 .pcn-grid-4 div:nth-child(3n+1) { margin-left:0; }


     #main-nav li a{
         font-size: 15px;
     }

 }
 @media all and (max-width: 973px) {
	 .pcn-g-3 { width:100%; float:none }
	 .ptf_thumb_container img { max-width:200px; }
	 .portf-item div { height:auto; float:none }
	 .pcn-grid-4 div,.pcn-grid-4 div:nth-child(4n+1),.pcn-grid-4 div:nth-child(3n+1) { margin-left:0; }
	.portfolio-maintext, .profile-main-text { max-width:95%  !important}
	 .pcn-infobox { max-width:100%  !important}
 }



.archive.author .pcn-g-6 {
    width: 50%;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 20px !important;
}

.archive.author .pcn-g-3 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 !important;
}


/* ------------- end soulbat : styles ----------------- */

/*new styles added by Hannah of Make a Spectacle, August 2020*/

/*site structure*/
.container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 1200px;
}
.container-960 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1160px;
    width: 90%;
}

#header .container {
	max-width: 1400px;
}

/*join page*/

/*header-area*/
.page-template-page-join-new .pagetitle,
.page-template-page-join .pagetitle {
	position: relative;
	background-position: top center;
}
.page-template-page-join-new .header-image,
.page-template-page-join .header-image {
	position: absolute;
    right: -100px;
    width: 750px;
    z-index: 1;
    bottom: -99px;
}


.page-template-page-join-new .pagetitle .container-960,
.page-template-page-join .pagetitle .container-960 {
	position: relative;
	z-index: 2;
}
.join-page-heading {
	max-width: 40vw;
}

.page-template-page-join-new .pagetitle,
.page-template-page-join .pagetitle {
	padding-bottom: 230px !important;
}
.page-template-page-join-new #page_content {
	margin-top: 0 !important;
		z-index: 1;
    position: relative;
}
/*pricing table*/
.join-pricing-table-outer {
	position: relative;
	margin-top: -150px;
	margin-bottom:0px;
}
.join-table {
	width: 95%;
max-width: 1160px;
    margin: auto;
    background: #F5F5F6;
    padding: 0;
	    display: flex;
}
.membership-tier {
	flex: 0 0 33.333%;
    max-width: 33.333%;
    border-right: 1px solid #E0E2E3;
	color: #2E3A42;
}
.membership-tier .inner {
height: 100%;
    display: flex;
    flex-direction: column;
}

.membership-tier .top-section {
		    padding: 40px 50px;
	background: #F5F5F6;
}
.membership-tier .features {
	background: #EFEFF1;
	padding: 40px 46px;
	flex: 1 1 auto;
}
.membership-tier:last-child {
	border-right: none;
}
.logo-price {
	display: flex;
}
.logo-price .logo {
	margin-right: 24px;
	flex: 0 0 74px;
}
.membership-tier p.snippet {
	    font-size: 14px;
    line-height: 25px;
    color: #636C72;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.membership-tier .register-button {
	display: flex;
}
.membership-tier .register-button button {
	    width: 80% !important;
	margin-left: auto !important;
	margin-right: auto !important;
    background: #509E7A;
    color: #fff;
    border: none;
	cursor: pointer;
}
.logo-price .pricearea h2 {
	font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
}
.logo-price .pricearea .price {
	font-size: 24px;
    font-weight: bold;
margin-right: 5px;
}
.features ul {
	margin: 0;
	list-style:none;
}
.features li {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
}
.features li.yes:before {
	position: absolute;
    left: -30px;
    content: "\f00c";
    font-family: FontAwesome;
    color: #509e7a;
}
.features li.no:before {
	position: absolute;
    left: -25px;
    content: "-";
    color: #979DA1;
}
.features li.no {
	color: #979DA1;
}
.features li span.number-flash {
    background: #509E7A;
    padding: 2px 9px;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
}
/*benefits overview section*/
.benefits-overview-section {
	    background-image: url(/wp-content/uploads/2020/08/join-bg-scaled.jpg);
    background-size: cover;
    background-position: center;

	padding: 6% 0;
}
.benefits-overview-section .row {
	    display: flex;
	    padding: 50px 0;
}

.benefits-overview-section .row .col.half.image-area {
	text-align: center;
}

.benefits-overview-section .container {
	    margin-left: auto;
    margin-right: auto;
    max-width: 1160px;
    width: 90%;
}
.benefits-overview-section .col.half p, .benefits-overview-section .col.half h5, .benefits-overview-section .col.half h3 {
	    color: #fff;
}
.benefits-overview-section .col.half .trans-btn {
	color: #fff;
	border-color: #fff;
}

/*benefits detail section*/
.benefits-detail-section {
	padding: 8% 0;
	position: relative;
}
.benefits-detail-section .shape-1 {
position: absolute;
    top: 0;
    left: 0;
}
.benefits-detail-section .shape-2 {
	position: absolute;
    right: 0;
    top: 30%;

}
.benefits-detail-section .shape-3 {
position: absolute;
    left: 0;
    bottom: 350px;

}
.benefits-detail-section .container {
	max-width: 1160px;
	position: relative;
}
.benefits-detail-section .header-area {
	    max-width: 1160px;
    margin: auto;
	color: #2E3A42;
	margin-bottom: 35px;
}

.benefits-detail-section .benefit-tier .header-area {
	max-width: none;
	    display: flex;
		margin-bottom: 30px;
	    margin-left: -97px;
}
.benefits-detail-section .benefit-tier .header-area h4 {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 25px;
}

.benefits-detail-section .benefit-tier .inner {
	max-width: 1160px;
	margin: auto;
	border-bottom: 1px solid #636C72;
    padding-bottom: 75px;
    margin-bottom: 55px;
}

.benefits-detail-section .benefit-tier:last-child .inner {
	border-bottom: none;
	    padding-bottom: 0;
    margin-bottom: 0
}
.benefit-tier .col.half.image-area {
	position: relative;
}
.benefit-tier .col.half.image-area .image-shape {
width: 197px;
    height: 197px;
    background-size: contain;
    background-position: center;
    margin-left: auto;
    margin-right: -50px;
    margin-top: -75px;
    z-index: 1;
    position: relative;
	background-repeat: no-repeat;
}

.benefit-tier.tier-1 .col.half.image-area .image-shape {
		background-image: url(/wp-content/uploads/2020/08/shape-triangle-darkgrey.svg);
	    margin-right: -25px;
    margin-top: -150px;

}
.benefit-tier.tier-2 .col.half.image-area .image-shape {
    background-image: url(/wp-content/uploads/2020/08/shape-triangle-blue.svg);

}
.benefit-tier.tier-3 .col.half.image-area .image-shape {
		background-image: url(/wp-content/uploads/2020/08/shape-triangle-grey.svg);
	    margin-right: -25px;
    margin-top: -150px;

}
.benefit-tier .row {
	display: flex;
	color: #2E3A42;
	max-width: 1160px;
	margin: auto;
}
.benefit-tier .col.half.benefits-area {
	    flex: 0 0 60%;
    max-width: 60%;
	padding-left: 0;
}
.benefits-area p.title {
	font-weight: bold;
	margin-bottom: 0;
}
.benefit-tier .col.half.image-area {
	    flex: 0 0 40%;
    max-width: 40%;
padding-right: 0;
    padding-left: 50px;
}
.benefit-tier .col.half.image-area img {
	    box-shadow: 8px 8px 0 #e0e2e3;
	position: relative;
}
#main_content .benefits-detail-section .header-area h2 {
	margin-bottom: 24px;
}


/*testimonials bottom section - code nicked from prev design - */
.page-template-page-join-new .testimonials-wrap {
	padding: 7% 0;
	background: #f4f3f5;
}

.page-template-page-join-new .testimonials-wrap .flexwrap>div {
	width: 48%;
	margin-right: 4%;
}

.page-template-page-join-new .testimonials-wrap .flexwrap > div:nth-child(2n) {
	margin-right: 0;
}

.page-template-page-join-new .testimonials-wrap img,
 .page-template-page-join .testimonials-wrap img{
  border-radius: 50%;
  width: 60px !important;
  padding: 0;
  height: 60px !important;
  object-fit: cover;
  object-position: top;
	margin-right: 1em;
}

.page-template-page-join-new .bottom-benefits {
	background-image: url('/wp-content/themes/wordpress-naked/images/bkackback.png');
	background-size: cover;
	background-position: center;
	padding: 8% 0;
	color: #fff;
}

.page-template-page-join-new .bottom-benefits h3 {
	color: #fff;
	border-bottom: 1px solid;
	padding-bottom: 0.5em;
}

.page-template-page-join-new .bottom-benefits .flexwrap .col3 {
	width: 31%;
	margin-right: 3%;
}

.page-template-page-join-new .bottom-benefits .flexwrap .col3:nth-child(3n) {
	margin-right: 0;
}


/*webinars*/
.webinar-area {
	display: flex;
	flex-wrap: wrap;
}


.webinar-area .video iframe {
	box-shadow: 8px 8px 0 #e0e2e3;
}

.webinar-area h4, .webinar-area p {
	color: #2E3A42;
}
.webinar-area h4 {
	    margin-top: 15px;
	margin-bottom: 20px;
}
.webinar-area .col.full h2 {
	display: inline-block;
}
.webinar-area .col.full {
	display: flex;
}

.webinar-area .col.full a.button {
	align-self: flex-end;
	margin: auto;
	margin-right: 0;
}
.webinar-area .col.full a.trans-btn {
	margin-left: 20px;
}
.dashboard-webinars {
	position: relative;
    width: 100%;
    max-width: 100% !important;
	    padding: 100px 0;
	background-image: url(/wp-content/uploads/2020/08/pattern_light_blue@2x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.dashboard-webinars .webinar-area .col.half {
	margin-bottom: 0;
}
.dashboard-webinars .webinar-area .video iframe {
    box-shadow: 8px 8px 0 rgb(136 137 138 / 20%);
}
.dashboard-page .offers {
	float: none !important;
}
.dashboard-page#page_content {
	margin-top: 0;
}
.dashboard-header-content {
	border-bottom: 0 !important;
}
.dashboard-webinars .row {
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 1200px;
}


.col.half {
	-webkit-flex: 0 0 50%;
flex: 0 0 50%;
	max-width: 50%;
	    padding: 0 20px;
}
.col.full {
	-webkit-flex: 0 0 100%;
flex: 0 0 100%;
	max-width: 100%;
	    padding: 0 20px;
}
.webinar-area .col.half {
	    margin-bottom: 80px;
}
.webinar-area .video .player .vp-title, .webinar-area .video .player .vp-controls .play-bar, .webinar-area .video .player .vp-sidedock, .webinar-area .video .player .vp-sidedock .sidedock-inner {
	display: none;
}
.player .vp-title {
	display: none !important;
}

.webinar-area .video {
  position: relative;
	 padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
}

.webinar-area .video  iframe,
.webinar-area .video  object,
.webinar-area .video  embed {
position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
}

/*homepage*/
.blog-text-wrap-event p {
	color: #2E3A42;
}

.cta-event-date {
	color: #fff !important;
}

.blog-forum-section.video .container {
    max-width: 1160px;
}

/*footer*/
#footer {
    border-top: none !important;
}
#footer .container {
    max-width: 1400px;
}
.footerwidgets .widgettitle {
    margin-bottom: 0 !important;
}
.widget_links li a, .widget_nav_menu li a {
    padding-bottom: 0 !important;
}
.et_monarch .et_social_networks .et_social_icon, .et_monarch .et_social_networks .et_social_icon:before, .et_monarch .et_social_networks .et_social_icon:after {
    font-size: 1.15em;
}

/*blog page*/
.blog-index-header h1 {
    margin-bottom: 1em;
}
.blog-top-row p {
    font-size: 1.1em;
}
.blog-top-row .blog-post-title-index {
    font-size: 1.35em;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

/*blog page pagination*/

.pagination a.page-numbers {
    border: 1px solid #979DA1  !important;
    width: 42px  !important;
    line-height: 40px  !important;
    display: inline-block  !important;
}

.pagination a {
color: #636C72 !important;
}
.pagination span.page-numbers.current, .pagination a.page-numbers:hover {
    background: #00a3e2 !important;
    color: #fff !important;
    border: 1px solid #00a3e2 !important;
    width: 42px !important;
    line-height: 40px !important;
    display: inline-block !important;
}
.pagination a.next, .pagination a.prev, .pagination a.next:hover, .pagination a.prev:hover {
    width: auto  !important;
    padding: 0 21px  !important;
}
.pagination .page-numbers {
    margin: 0 4px  !important;
}

/*blog post*/
.blog-header {
	    padding: 6% 0;
    margin-bottom: 4%;
}
.blog-header .container-960 {
    display: flex;
}
.flexwrap {
    flex-wrap: wrap;
}

.flexwrap {
    display: -webkit-flex;
    display: flex;
}
.blog-title {
    flex: 0 0 66%;
    max-width: 66%;
    width: 66% !important;
    margin-right: 0 !important;
    padding-right: 4%;
}
#author-info h3 {
	font-size: 30px;
}
.meta-section {
    position: relative;
    flex: 0 0 34%;
    max-width: 34%;
}
#blog_content p {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 1.3em;
}
#blog_content h2, #blog_content h3, #blog_content h4,  #blog_content h5,  #blog_content h6 {
	margin-bottom: 1em;
}

/*blog post pagination*/
.portnav-wrap .prev-port-nav {
    padding-left: 50px;
    position: relative;
}
.portnav-wrap .prev-port-nav:before {
    content: '\e807';
    font-family: 'fontello';
    position: absolute;
    left: -20px;
    font-size: 4em;
    color: #636C72;
    top: 0;
    height: 100%;
    line-height: 100%;
    font-weight: 100;
    opacity: 0.3;
}
.portnav-wrap .next-port-nav:before {
    content: '\e800';
    font-family: 'fontello';
    position: absolute;
    right: -20px;
    font-size: 4em;
    color: #636C72;
    top: 0;
    height: 100%;
    line-height: 100%;
    font-weight: 100;
    opacity: 0.3;
}

/*logged in view*/
/*hiding dashboard header when logged out*/
.loggedout .dashboard-quick-links {
	display: none;
}

.my-profile.author .header-content{
  margin-top:2em;

}

/*hiding main header when logged in and on membership page*/
.page-id-4248.loggedin #header,
.page-id-618.loggedin #header,
.page-id-9539.loggedin #header,
.page-id-4248.loggedin #header,
.page-id-4249.loggedin #header,
.page-id-4258.loggedin #header,
.page-id-4316.loggedin #header,
.page-id-16630.loggedin #header,
.page-id-902.loggedin #header,
.page-id-13569.loggedin #header,
.page-id-17113.loggedin #header,
.page-template-page-webinars.loggedin #header,
.page-id-18870.loggedin #header,
.my-profile.loggedin #header,
body.tribe_community_edit #header,
.page-template-page-job-dashboard #header,
.page-id-19000 #header,
.page-template-page-thankyou #header,
.page-id-4248.loggedin #header,

{
	display: none;
}
/*removing top padding when logged in and on membership page*/
.page-id-4248.loggedin #main_content,
.page-id-618.loggedin #main_content,
.page-id-9539.loggedin #main_content,
.page-id-4248.loggedin #main_content,
.page-id-4249.loggedin #main_content,
.page-id-4258.loggedin #main_content,
.page-id-4316.loggedin #main_content,
.page-id-16630.loggedin #main_content,
.page-id-902.loggedin #main_content,
.page-id-13569.loggedin #main_content,
.page-id-17113.loggedin #main_content,
.page-template-page-webinars.loggedin #main_content,
.page-id-18870.loggedin #main_content,
.my-profile.loggedin #main_content,
body.tribe_community_edit #main_content,
.page-template-page-job-dashboard #main_content,
.page-id-19000 #main_content,
.page-template-page-thankyou  #main_content{
	padding-top: 0;
}
/*hiding mobile menu when logged in and on membership page*/
.page-id-4248.loggedin #responsive-menu,
.page-id-618.loggedin #responsive-menu,
.page-id-9539.loggedin #responsive-menu,
.page-id-4248.loggedin #responsive-menu,
.page-id-4249.loggedin #responsive-menu,
.page-id-4258.loggedin #responsive-menu,
.page-id-4316.loggedin #responsive-menu,
.page-id-16630.loggedin #responsive-menu,
.page-id-902.loggedin #responsive-menu,
.page-id-13569.loggedin #responsive-menu,
.page-id-17113.loggedin #responsive-menu,
.page-template-page-webinars.loggedin #responsive-menu,
.my-profile.loggedin #responsive-menu,
body.tribe_community_edit #responsive-menu,
.page-template-page-job-dashboard  #responsive-menu,
.page-id-19000 #responsive-menu,
.page-template-page-vimeo #responsive-menu,
.page-template-page-vimeo #click-menu,


.page-id-4248.loggedin #click-menu,
.page-id-618.loggedin #click-menu,
 .page-id-9539.loggedin #click-menu,
.page-id-4249.loggedin #click-menu,
.page-id-4258.loggedin #click-menu,
.page-id-4316.loggedin #click-menu,
.page-id-16630.loggedin #click-menu,
.page-id-902.loggedin #click-menu,
.page-id-13569.loggedin #click-menu,
.page-id-17113.loggedin #click-menu,
 .page-template-page-webinars.loggedin #click-menu,
  .my-profile.loggedin #click-menu,
  body.tribe_community_edit #click-menu,
  .page-template-page-job-dashboard #click-menu,
  .page-id-19000 #click-menu,
  .page-template-page-thankyou  #click-menu
{
	display: none;
}


.dashboard-quick-links.forloggedinusers {
	display: none;
}
.page-id-4258.loggedin .dashboard-quick-links.forloggedinusers, .author.loggedin .dashboard-quick-links.forloggedinusers {
	display: block;
}
.author.loggedin .dashboard-quick-links.forloggedinusers {
	margin-bottom: 50px;
}



/*logged in header*/
.dashboard-quick-links {
    background: #2E3A42 !important;
	    font-size: 14px;
    line-height: 16px;
}

.dashboard-quick-links.sub-dashboard{
  background: #909090 !important;
}
.dashboard-quick-links .container {
	display: flex;
}
.dashboard-quick-links .logged-in-right a.home-link:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    content: "\f177";
    position: absolute;
    left: -20px;
    bottom: 2px;
}

.dashboard-quick-links .logged-in-right a.logout-link:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    content: "\f023";
    position: absolute;
    right: -20px;
    bottom: 2px;
}

.dashboard-quick-links .logged-in-right {
	align-self: flex-end;
    margin: auto;
    margin-right: 0;

}
.dashboard-quick-links .logged-in-right a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid;
    padding-bottom: 3px;
	    margin-right: 1em;
	    position: relative;
}
.dashboard-quick-links ul li button, .dashboard-quick-links ul li button span {
	font-size: 14px !important;
	line-height: 16px;
	max-height: 20px;
	font-weight: 400 !important;
}
.dashboard-quick-links ul {
	display: inline;
	padding: 0;
}
.dashboard-quick-links ul.first-group {
	padding-left: 20px;
}

/*dashboard*/
.offers {
	background: #fff !important;
}

#dashboard-job-alerts {
    border-top: none !important;
    background: #FAFAFA !important;
}

#dashboard-final-section {
	padding: 8% 0;
}

.dashboard-header-content {
	display: flex;
	margin: 8% auto;
	max-width: 1200px;
}
.dashboard-header-content .intro-wrap h1 {
	    margin-bottom: 8px;
}
.dashboard-header-content .pic-wrap {
    margin-right: 50px;
}
.dashboard-header-content .intro-wrap h4 {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
	    margin-bottom: 25px;
}
.dashboard-header-content img.cclogo {
	    max-width: 187px !important;
	    margin-left: 49px;
}
.dashboard-header-content .intro-wrap {
    margin-right: 50px;
}
.dashboard-header-content .intro-wrap p {
	margin-bottom: 0;
	display: inline-block;
}
.profile-views .number-views {
	    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    text-transform: lowercase;
}
.profile-views .get-more-views {
	font-size: 12px;
    line-height: 20px;
}
.profile-views {
	    display: inline-block;
    margin-left: 10px;
}

.show-offer-area {
	position: relative;
    align-self: flex-end;
    margin: auto;
    margin-right: 0;

}
.save-splash {
	position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    background: #509E7A;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 24px;
	font-size: 20px;
	font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.save-splash .small {
	font-size: 10px;
	line-height: 11px;
	letter-spacing: 1.67px;
	text-transform: uppercase;
	font-weight: regular;
}
.reveal-button {
position: relative;
    display: flex;
    flex-direction: column;
    width: 207px;
margin: auto;
    margin-right: -10px;
    margin-top: 20px;
	cursor: pointer;
}
.reveal-button img {
	    position: absolute;
    top: 0;
    left: 0;
}
.reveal-button span {
	    position: relative;
    text-align: left;
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    padding-left: 20px;
}

.offer-popup {
	display: none;
	position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(46 58 66 / .75);
    flex-direction: column;
	justify-content: center;
	    z-index: 9;
}
.offer-popup .container {
	    background: #fff;
	padding: 88px 100px;
	max-height: 80vh;
	overflow-y: scroll;
	max-width: 1160px;
}
.offer-popup .container .flexwrap {
	display: block;
	position: relative;


}
.offer-popup .container .flexwrap.half div {
	width: 100%;
}
.offer-popup .closeform {
	position: absolute;
    right: -80px;
    left: auto;
    width: auto !important;
    top: -75px;
    margin: 0;
	display: flex;
	    margin: 0 !important;
	cursor: pointer;
}

.closeform span {
	font-size: 9px;
    text-transform: uppercase;
    margin-right: 10px;
    line-height: 32px;
    color: #2E3A42;
    display: inline-block;
}
.closeform .fal {
	    font-size: 32px;
    color: #2E3A42;
    line-height: 30px;
    display: inline-block;
}

.offersopen .offer-popup {
		display: flex;
}
.offer-popup h3 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 21px;
}
.offer-popup p {
	color: #2E3A42;
}

.offer-popup .offer-code {
	display: inline-block;
    width: auto !important;
    margin: 0;
    background: #F5F5F6;
    color: #2E3A42;
    padding: 5px 10px;
}

/*media queries*/

@media (max-width: 1230px) {

	.benefits-detail-section .benefit-tier .header-area {
margin-left: 0px;
	}
	.benefit-tier .col.half.benefits-area {
		padding-left: 97px;
	}
}

@media (max-width: 1215px) {

		.dashboard-quick-links .container {
    width: 100%;
    padding: 0 20px;
}
}

@media (max-width: 1149px) {


	.membership-tier .top-section {
     padding: 30px 20px;
	}
	.membership-tier .features {
     padding: 30px 20px;
	}
}
@media (min-width: 1070.1px) {
	.menu-toggle {
		display: none;
	}
}
@media (max-width: 1070px) {
	.page-template-page-join-new .header-image,
  .page-template-page-join .header-image {
		    width: 650px;
    bottom: -68px;
	}
	.page-template-page-join-new .pagetitle .container-960,
  .page-template-page-join .pagetitle .container-960  {
		max-width: 90%;
	}
	.page-template-page-join-new .join-page-heading,
  .page-template-page-join .join-page-heading {
    max-width: 45vw;
}
		.dashboard-quick-links {
		display: flex;
	}
	#dashboard-navigation {
		display: none;
	}

	.menu-toggle {
    margin-left: auto;
    margin-right: 0;
    background: none;
    border: none;
    display: flex;
    margin-top: 0;
    height: auto;
    max-height: 50px;
	}
	#nav-label {
text-transform: uppercase;
    font-size: 11px;
    line-height: 30px;
    color: #fff;
    margin-right: 10px;
	}
	#nav-icon {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0;
    cursor: pointer;
}
#nav-icon span {
	height: 2px;
	background: #fff;
	display: block;
	width: 30px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
	position: absolute;
}
#nav-icon span:nth-child(1) {
	top: 5px;
	transform-origin: left center;
}
#nav-icon span:nth-child(2) {
	top: 15px;
	transform-origin: left center;
}
#nav-icon span:nth-child(3) {
	top: 25px;
	transform-origin: left center;
}
.menuisopen #nav-icon span:nth-child(1) {
	transform: rotate(45deg);
	top: 0;
}
.menuisopen #nav-icon span:nth-child(2) {
width: 0;
opacity: 0;
}
.menuisopen #nav-icon span:nth-child(3) {
    transform: rotate(-45deg);
    top: 28px;
}
.menuisopen #nav-icon span {
    width: 40px;
    margin-left: 0;
    margin-right: 0;
    transition: .5s ease-in-out;
}
	.dashboard-quick-links {
		max-height: 54px;
		transition: max-height 0.3s ease-in-out;
	}
			.menuisopen .dashboard-quick-links {
    height: 100vh;
				max-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    overflow: hidden;
		transition: max-height 0.3s ease-in-out;
	}
		#dashboard-navigation.menuisopen {
display: flex;
    justify-content: center;
    margin: auto;
    width: 100%;
	}
	#dashboard-navigation.menuisopen .container {
display: block;
    align-items: center;
    margin: auto;
    width: auto;
	}
	.dashboard-quick-links ul {
		display: block;
		font-size: 18px;
    line-height: 21px;
	}
	.dashboard-quick-links ul li {
		display: block !important;
		margin-bottom: 2em;
	}
	.dashboard-quick-links ul.first-group {
    padding-left: 0;
}
	.dashboard-quick-links ul li button, .dashboard-quick-links ul li button span {
    font-size: 18px !important;
    line-height: 21px;
    max-height: 25px;
    font-weight: 400 !important;
}
}

@media (max-width: 980px) {

   .desktop-header-ctas{
    margin-right: 1em;
}


    #header_right{
            display: flex;
            justify-content: flex-end;
    }


    #mobile-nav .menu-cta-wrap{
        display: none !important;
        margin-bottom: 0;

    }


    

    .hamburger {
      display: flex;
  }

	.page-template-page-join-new .join-page-heading,
  .page-template-page-join .join-page-heading {
		    max-width: 100%;
    padding-bottom: 120px;
	}
	.page-template-page-join-new .header-image,
  .page-template-page-join .header-image {
		    position: absolute;
    right: -54px;
width: 500px;
    z-index: 1;
    bottom: -68px;
	}
	.et_monarch .et_social_inline_bottom {
    padding-left: 0 !important;
}

	.logo-price .logo {
    margin-right: 14px;
    flex: 0 0 50px;
}
	.benefits-detail-section .benefit-tier .header-area {
		margin-bottom: 0;
	}
	.benefit-tier .col.half.image-area .image-shape {
		    width: 150px;
    height: 150px;
		margin-right: -75px;
    margin-top: -75px;
	}
	.benefit-tier.tier-1 .col.half.image-area .image-shape, .benefit-tier.tier-3 .col.half.image-area .image-shape {
    margin-right: -25px;
    margin-top: -125px;
	}
	.benefit-tier .col.half.image-area {
		    flex: 0 0 35%;
    max-width: 35%;
	}
.page-template-page-join-new .testimonials-wrap .flexwrap > div {
    clear: both;
}
	.page-template-page-join-new .testimonials-wrap .flexwrap > div img {
    margin-bottom: 2em;
}
	.page-template-page-join-new #benefits .flexwrap > div, .page-template-page-join-new .bottom-benefits .flexwrap .col3, .page-template-page-join-new .testimonials-wrap .flexwrap > div {
    width: 100%;
    margin-right: 0;
}
	.join-header {
    clip-path: none;
	}
	.dashboard-header-content {
		flex-wrap: wrap;
	}
	.show-offer-area {
		margin-right: auto;
    margin-top: 30px;
	}
	.dashboard-header-content .pic-wrap {
	    flex: 0 0 200px;
    max-width: 200px;
    margin-right: 30px !important;
	}
	.dashboard-header-content .intro-wrap {
flex: 1 1 66%;
    max-width: calc(100% - 230px);
    margin-right: 0;
	}
	.dashboard-header-content.container-960 {
		width: 90%;
		max-width: 90%;
	}

}

@media (max-width: 800px) {
	.join-table {
		flex-wrap: wrap;
		background: none;
		width: 90%;
	}
	.logo-price .logo {
    margin-right: 20px;
    flex: 0 0 70px;
}
	.membership-tier {
    flex: 0 0 100%;
    max-width: 100%;
    border-right: none;
		margin-bottom: 30px;
	}
	.membership-tier .inner {
		max-width: 500px;
    width: 100%;
    margin: auto;
	}
	.membership-tier .top-section {
    padding: 30px 40px;
}
	.membership-tier .features {
    padding: 30px 36px;
}
	.join-pricing-table-outer {
		margin-bottom: 30px;
	}

	.page-template-page-join-new .pagetitle,
  	.page-template-page-join .pagetitle {
    padding-bottom: 180px !important;
}
	.page-template-page-join-new .join-page-heading {
		    padding-bottom: 150px;
	}
}
@media (max-width: 625px) {

    #header .logo {
        margin-bottom: 10px;
    }

    .hamburger{
        width: 35px;
    }

    #mobile-nav .nav-right{
     display: flex !important;
     position: absolute;
     bottom:0;
     z-index: 1 !important;
    }

   #mobile-nav .menu-cta-wrap{
           display: flex !important;
           margin-top: auto;
           background: #636C72;
           margin-left: -20px;
           width: calc(100% + 40px);
           padding: 10px 20px;
   }


    .desktop-header-ctas{
        display: none;
    }

    #mobile-nav .nav-right{
           display: block !important;
            width: 48%;
       }

    #mobile-nav .nav-right.login{
        left:0;
        margin-top:auto;

    }

    #mobile-nav .nav-right.join{
        right:0;
    }     


	.dashboard-header-content .pic-wrap {
    flex: 0 0 100px;
    max-width: 100px;
	}
	.single-memberpic {
		width: 94px !important;
    height: 94px !important;
	}
	.dashboard-header-content .intro-wrap {
    flex: 1 1 80%;
    max-width: calc(100% - 130px);
    margin-right: 0;
}
	.dashboard-header-content .intro-wrap h4 {
		    margin-bottom: 10px;
	}
}
@media (max-width: 450px) {



	.dashboard-header-content .intro-wrap {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    margin-top: 20px;
}
}
@media (max-width: 850px) {
	.webinar-area .col.full {
    display: flex;
    flex-direction: column;
}
	.webinar-area .col.full h2 {
    display: block;
		margin-bottom: 10px;
}
	.webinar-area .col.full a.button {
		margin-bottom: 1em;
	}
}



/*heading sizes*/
@media (min-width: 768.1px) {
	#join .headline h1 {
		font-size: 72px;
		line-height: 80px;
	}
	h1, h2 {
		font-size: 48px;
		line-height: 60px;
		    font-family: 'Playfair Display', serif;
	}
	h3 {
		font-size: 36px;
		line-height: 40px;
		    font-family: 'Playfair Display', serif;
	}
	h4, #lower_nav h3 {
		font-size: 30px;
		line-height: 40px;
		    font-family: 'Playfair Display', serif;
	}
	h5 {
text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 0.25em;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #2E3A42;
				font-family: 'Roboto', sans-serif;
	}
	h6, #blog_content h5 {
		font-size: 18px;
		line-height: 30px;
		font-weight: bold;
		 font-family: 'Playfair Display', serif;
	}
	p {
		font-size: 18px;
		line-height: 30px;
				font-family: 'Roboto', sans-serif;
	}
	.blog-text-wrap-event h4 {
		font-size: 24px !important;
		line-height: 30px;
		margin-bottom: 14px;
	}
	.cta-section p {
    font-size: 30px;
    line-height: 40px;
}
	.benefits-overview-section .col.half.text-area .image-area.mobile {
		display: none;
	}

}

@media (max-width: 768px) {

	.benefits-overview-section .col.half.text-area {
    flex: 0 0 100%;
}
	.benefits-overview-section .row .col.half.image-area {
display: none;
}
	.benefits-overview-section .col.half.text-area p {
		width: 70%;
	}
	.benefits-overview-section .col.half.text-area .image-area.mobile{
    position: absolute;
display: block;
    left: 80vw;
    width: 150px;
}
	.benefits-overview-section .row {
    padding: 30px 0;
}
	.benefit-tier .col.half.image-area {
		display: none;
	}
	.benefit-tier .col.half.benefits-area {
		flex: 0 0 100%;
		max-width: 100%;
		    padding-left: 0;
	}
	.benefits-detail-section .benefit-tier .inner {
		padding-bottom: 50px;
		margin-bottom: 40px;
	}
.benefits-detail-section .shape-1 {
    position: absolute;
    top: 250px;
    right: 0;
    min-width: 600px;
	left: auto;
}
	.benefits-detail-section .shape-2 {
		top: 35%;
	}
	.benefits-detail-section .shape-3 {
    position: absolute;
    right: 0;
    bottom: 150px;
    min-width: 600px;
		left: auto;
}
	.benefits-detail-section .benefit-tier .header-area {
		display: block;
	}
	.benefits-detail-section .benefit-tier .header-area h4 {
		margin-bottom: 34px;
	}
	.page-template-page-join-new .testimonials-wrap .flexwrap > div img {
		    display: block;
    float: none;
		margin-left: -8px;
	}
	.page-template-page-join-new .testimonials-wrap .flexwrap > div {
		margin-bottom: 40px;
	}
	.dashboard-quick-links {
    display: flex !important;
}
	.offer-popup .container {
		padding: 15px;
    padding-top: 40px;
    max-height: 90vh;
	}
	.offer-popup .closeform {
		    right: 0;
    top: -33px;
	}
	.webinar-area .col.half, .dashboard-webinars .webinar-area .col.half {
    margin-bottom: 40px;
}
	#author-info h3 {
    font-size: 24px;
}
	#blog_content p {
		font-size: 16px;
		line-height: 30px;
	}
	.blog-header .container-960 {
    display: block;
}
	.blog-title {
    flex: 0 80%;
    max-width: 80%;
    width: 80% !important;
	}
	.meta-section {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
}
	.meta-section #author-info {
    float: none;
display: inline-block !important;
    clear: both;
    width: auto;
}
	#author-info h3 {
    font-size: 14px;
}
	.blog-header h1 {
		font-size: 24px;
		line-height: 30px;
	}
	#author-photo {
display: inline-block !important;
	}
	#join .headline h1 {
				font-size: 48px;
		line-height: 60px;
	}
	h1, h2 {
		font-size: 36px;
		line-height: 40px;
		    font-family: 'Playfair Display', serif;
	}

	h3 {
		font-size: 24px;
		line-height: 30px;
		    font-family: 'Playfair Display', serif;
	}
		.cta-section p {
    font-size: 24px;
    line-height: 30px;
}
	h4, #lower_nav h3 {
		font-size: 18px;
		line-height: 30px;
		    font-family: 'Playfair Display', serif;
	}
		.blog-text-wrap-event h4 {
		font-size: 16px !important;
		line-height: 24px;
	}
	h6 {
		font-size: 14px;
		line-height: 25px;
		    font-family: 'Playfair Display', serif;
		font-weight: bold;
	}
	p {
		font-size: 16px;
		line-height: 30px;
				font-family: 'Roboto', sans-serif;
	}
		h5, #blog_content h5 {
text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 0.25em;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #2E3A42;
				font-family: 'Roboto', sans-serif;
	}
	.col.half {
		    flex: 0 0 100%;
    max-width: 100%;
	}
}

@media only screen and (max-width: 479px) {
.author-holder {
     display: inherit !important;
    width: auto !important;
    table-layout: inherit !important;
    border-bottom: none !important;
}
}

/*****
NEW MEDIA
******/
@media all and (max-width: 1100px) {



    #header_right{

        padding-top:0;
    }

    #main-nav{
        font-family: "Roboto", sans-serif;
    }
    #login{
        top:0 !important;
    }

}/*1100*/

@media all and  (max-width: 1023px){

}


@media all and (max-width: 980px) {


.page-template-page-register .wlm_form_group .wlm_option_group label{
  width:45% !important;
}

    .menu-item-has-children a:after{
        display: none;
    }

    #click-menu{
        top:40px !important;
    }

    #click-menu:hover{
      color:#00a3e2 !important
    }

      #click-menu:hover .threeLines .line{
        background:#00a3e2 !important

      }

    #click-menu .threeLines .line{
      -webkit-transition: all 1s; /* Safari */
      transition: all 1s;
    }

    body #click-menu.click-menu-active .line{
      background: #fff !important;
    }

    body #click-menu.click-menu-active #click-menu-label{
      color:#fff;
      top: 14px;
    }

    body #click-menu.click-menu-active:hover #click-menu-label{
      color:#00a3e2 !important

    }

    #click-menu.click-menu-active .line:nth-of-type(1){
      -ms-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 15px;
   position: relative;

    }

    #click-menu.click-menu-active .line:nth-of-type(2){
      opacity: 0;
    }

    #click-menu.click-menu-active .line:nth-of-type(3){
      -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);

    }


#click-menu-label{
  left: -40px;
    top: 0px;
    position: absolute;
    text-transform: uppercase;
    font-size: 11px;
    -webkit-transition: all 0.5s; /* Safari */
   transition: all 0.5s;
}

.nav-bottom.join {
    position: absolute;
    bottom:2em;
    list-style: none;
    text-align: center ;
    display: block;
    width: 90%;
    box-sizing: border-box;
    left:5%;
}
.nav-bottom.join a{
  color:#fff !important;
  border:1px solid;
  padding:8px 12px;
  font-size:18px;
  width:90%;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
margin:0 auto;

}

.nav-toplogin{
  position: absolute;
  top: 50px;
  list-style: none;

}

.nav-toplogin a{
  color:#fff;
  font-size: 16px;
  text-decoration: none;
}
.nav-toplogin a:after{

content: "\f023";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
      display: inline-block;
margin-left: 5px;
    }

.nav-toplogin a:hover{
  color:#00A3E2;
}

.admin-bar .nav-toplogin{

top:82px;
}

.nav-bottom.join a:hover{
  color:#00A3E2 !important;
}


#responsive-menu{
  top:0 !important;
  bottom:0 !important;
  height: 100% !important;
position: fixed !important;
width:100% !important;

}

#responsive-menu .menu-main-menu-container{
  position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body #responsive-menu .responsive-menu li.menu-item a{
  color: #fff !important;
  border-bottom: 1px solid;
  display: inline-block !important;
  width: auto !important;
  padding-left: 0 !important;
  margin-left: 2em !important;
  font-size: 18px !important;
}

body #responsive-menu .responsive-menu li.menu-item a:hover{
  background: transparent !important;
  color:#00a3e2 !important
}



    #main-nav{
display: none;
    }





    .browsewrap{
      width: 100%;
          margin-bottom: 1em;
          padding-right: 0;
    }

.feturedcopywritertitle{
  margin-bottom: 0;
}

.blogwrap{
  width: 49%;
  margin-bottom: 1em;

}


.blogwrap:nth-of-type(2n) {
    margin-right: 0;
}


.blog-text-wrap{
  clear: left;
}

		#joinbtn{
			margin-left: 0;
		}

    .jointitle {
        font-size: 2em;

    }


#join .headline{
  margin-left:0;
  max-width: 100%;
}

}/*980*/


@media all and (max-width:768px) {

  .page-template-page-register .wlm_form_group .wlm_option_group label{
    width:100% !important;
  }


    .job-manager-form fieldset div.field, .job-manager-form fieldset label{
     width:100% !important;

    }

    .single_job_listing .company img{

    display: block;
    float: none !important;
    margin: 0 auto;
    }

    .single_job_listing .company .name{
        padding-left:0 !important;
        text-align: center;
    }

    .single_job_listing .company .name a{
        display: block;
        width: 100%;
        text-align: center;
        margin-left:0 !important;
    }


    .archive.author .pcn-g-6 {
        width: 100%;

    }

    .archive.author .pcn-g-3 {
        width: 100%;
    }

    .archive.author .pcn-g-3 .pcn-infobox{
        width: 33%;
        display: inline;
        float: left !important;
        margin: 0 !important;
        border: 0 !important;
    }



}/*768*/

@media all and (max-width:600px) {


  .memberwrap {
      width: 100%;
      margin-bottom: 1em;
    }

    .user-avatar-wrapper .user-avatar, .twrap{
        float none !important;
    }


    .page-template-member_directory_template .tern_wp_member_info{
        clear:both;
    }

    .page-template-member_directory_template .photo-holder {
        width: 100% !important;
    }

    .page-template-member_directory_template .photo-holder .avatar-pro {
clear:both;
    }

    .page-template-member_directory_template .photo-holder img{
        width:auto !important;
        float:none;
        display: block;
        margin:0 auto;
    }

    .archive.author .pcn-g-3 .pcn-infobox{
        width: 100%;
        display: inline;
        float: left !important;
        margin: 0 !important;
        border: 0 !important;
    }

    table.job-manager-alerts{
        font-size: 0.6em;

    }

}

@media all and (max-width:486px) {

#lower_nav{
  margin-top:0;
}



.blogwrap{
  margin-right: 0 !important;
  width: 100%;
}

}/*486*/

/* BEGIN theme my login */
.tml {
	max-width: 320px;
}

.tml * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tml .error,
.tml .message {
	color: #333;
	padding: 0.5em;
}

.tml .error {
	border: 1px solid #c00;
	background-color: #ffebe8;
}

.tml .message {
	border: 1px solid #e6db55;
	background-color: #ffffe0;
}

.tml p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

.tml label {
	display: block;
	text-align: left;
}

.tml .tml-rememberme-wrap label {
	display: inline;
}

.tml input,
.tml textarea,
.tml select {
	margin: 0.5em 0;
	width: 100%;
}

.tml input[type="checkbox"],
.tml input[type="radio"],
.tml .tml-rememberme-wrap input {
	vertical-align: middle;
	width: auto;
}

.tml .tml-action-links {
	display: inline-block;
	list-style: none;
	margin: 0.5em auto;
	padding: 0;
	text-align: center;
}

.tml .tml-action-links li {
	border: none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	line-height: 1;
	list-style: none;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
}

.tml .tml-action-links li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

.tml .tml-action-links a {
	border: none;
	display: block;
	padding: 0;
	text-decoration: none;
}

.tml .tml-rememberme-submit-wrap:before,
.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:before,
.tml .tml-action-links:after {
	content: "";
	display: table;
}

.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:after {
	clear: both;
}

.tml .tml-user-avatar {
	text-align: left;
}

.mu_register .hint {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}

.mu_register label.checkbox {
	display: inline;
}


.pw-weak {
	display:none;
}

.indicator-hint {
	padding-top: 8px;
}

#pass1,
#pass1-text {
	width: 100%;
}

#pass1-text,
.show-password #pass1 {
	display: none;
}

.show-password #pass1-text
{
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.tml .tml-submit-wrap input {
		width: auto;
	}

	.tml-login .tml-rememberme-submit-wrap {
		display: table;
		margin-bottom: 1.5em;
		width: 100%;
	}

	.tml-login .tml-rememberme-wrap {
		display: table-cell;
	}

	.tml-login .tml-rememberme-wrap input {
		margin: 0;
	}

	.tml-login .tml-submit-wrap {
		display: table-cell;
		text-align: right;
	}

	.tml-login .tml-submit-wrap input {
		margin: 0;
		width: auto;
	}
}

/* custom changes under here */

#theme-my-login {
	/* border: 1px solid #696969; */
	/*background-color:#eee; */
	width:650px;

	padding-left:13px;
	padding-right:13px;

}

#theme-my-login h3 {

border-top: 1px solid #fff; padding-top:15px;

}

#theme-my-login h3.userphoto {

border-top: 1px solid #fff; padding-top:20px;

}

p.indicator-hint {
font-size:11px !important;
padding-top:16px;
}

#pass-strength-result {
display:none;
}

#theme-my-login ul, #theme-my-login li {
list-style-type: none;
font-size:12px;
}


.form-table td {padding: 0px !important;}

.login1 {
	width: 345px;
}

p.forgetmenot {margin-left:85px;}

.profile {
	width: 675px;
	}

#theme-my-login input.regular-text, #theme-my-login input.password, #theme-my-login textarea {
	border: 1px solid #ccc;
}

#theme-my-login input.regular-text-username {
font-weight:bold;
border:0;
	background-color:#eee;
}

textarea {

width: 220px;
height: 100px;}

#theme-my-login input.regular-text {
width:170px;
}

#theme-my-login input#pass1, #theme-my-login input#pass1-text {
width:400px;
}

#theme-my-login label, #theme-my-login span {
font-size:12px;
}

table.form-table {
text-align:left;
}


li.skillspesh {
margin-top:2px !important;
margin-bottom:2px !important;
}

div.profleft {
width:315px;
float:left;
margin-top:30px;
margin-bottom:30px;
background-color:#eee;
padding: 5px;
	border: 1px solid #696969;
}

div.profright {
width:315px;
float:right;
margin-top:30px;
padding: 5px;
background-color:#eee;
	border: 1px solid #696969;
}

#theme-my-login p {
	color:#000;

}

#theme-my-login p.loginintro {
color:#000;
	font-weight:normal;
}

#theme-my-login h3{
	font-size: 16px;
}


#loginform input, #lostpasswordform input {
	border: 1px solid #ccc;
	margin-left:30px;
	margin-bottom:6px;
}

#loginform label, #lostpasswordform label {
	margin-bottom:6px;
}

#theme-my-login .error, #theme-my-login .message {
	color: #f15c22;
}

input.button-primary {
font-weight:bold;
border:3px solid #fff;
background-color:#000;
color: #f9f9f9;
margin-bottom:20px;
}

input.button-primary:hover {
background-color:#f15c22;
}
/* END theme my login */