/*
Theme Name:     Canvas Child
Theme URI:      
Description:    Child theme for the Canvas theme
Author:         Jezweb
Author URI:     http://www.jezweb.com.au/
Template:       canvas
Version:        0.1.0
*/

/* NOTE: PLEASE PUT ALL RESPONSIVE FIXES ON THE BOTTOM PART OF THIS FILE, THERE ARE ALREADY MEDIA QUERIES ON THE USUAL BREAKPOINTS SO PLEASE DO NOT DECLARE ANOTHER ONE IF IT ALREADY EXISTS.;

/* General element styles i.e., header, navigation, content, sidebar widgets, sliders and galleries. */
.clearfix{
  clear: both;
  display: block;
}
#wrapper{
  overflow-x: hidden;
}
.wp-core-ui .button, .wp-core-ui .button-secondary {
  color: #555;
  border-color: #23282d !important;;
  background: #23282d !important;
}

/* Header Styles (Logo, header elements, widgets, etc.) */
#header #logo{
  float: none;
  text-align: center;
}
body #top {
  display: none !important;
}
body.logged-in #top {
  display: block !important;
}
#top ul.nav {
  float: right;
  margin: 0;
}
#top ul.nav li a{
  transition: all 0.3s;
}

/* Navigation Styles (Main Menu) */
.home #wrapper #nav-container{
  margin-bottom: 0;
}
#wrapper #nav-container {
  margin-bottom: 80px;
}
#wrapper #navigation{
  margin-bottom: 0;
}
#navigation ul.nav {
  margin: 0;
  float: none;
}
#navigation ul.nav li, #navigation ul.nav li:hover, #navigation ul.nav li:hover a{
  background: none;
}
#navigation ul.nav > li > a{
  line-height: 50px;
  padding: 0 20px !important;
  position: relative;
  transition: all 0.3s;
}
/*#navigation ul.nav > li.current_page_item > a, #navigation ul.nav > li.current-cat > a, #navigation ul.nav > li.current-menu-item > a {
  background: none;
  color: #FFFFFF;
}*/
#navigation ul.nav > li.current_page_item > a, #navigation ul.nav > li.current-cat > a, #navigation ul.nav > li.current-menu-item > a, #navigation .menus ul.nav > li.parent:hover > a, #navigation ul.nav > li > a:hover, #navigation ul.nav > li.current_page_parent > a, #navigation ul.nav > li.current-menu-ancestor > a {
  background: #373838;
  color: #FFFFFF;
}
#navigation ul.nav li.parent > a:after {
  font-size: 0;
  width: auto;
  height: auto;
  border: 3px solid transparent;
  border-top: 7px solid #FFFFFF;
  margin: -3px 0 0 0;
  position: absolute;
  top: 50%;
  right: 10px;
  transition: all 0.3s;
}
#navigation ul.nav li.parent:hover > a:after{
  border-top: 7px solid #92be43;
}
#navigation ul.nav li ul.sub-menu li.parent > a:after {
  content: '';
  line-height: 1;
  border: 3px solid transparent;
  border-left: 7px solid #FFFFFF;
  font-size: 0;
  width: auto;
  height: auto;
  margin: -5px 0 0 0;
  position: absolute;
  top: 50%;
  right: 5px;
}
#navigation ul.nav li ul.sub-menu li.parent:hover > a:after {
  border-left: 7px solid #92be43;
}
#navigation ul.nav li.parent:hover > a{
  background: none;
  color: #FFFFFF;
}
#navigation ul.nav li ul.sub-menu{
  left: 0px !important;
  display: block;
  width: auto;
  min-width: 100%;
  background: #373838;
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
#navigation ul.nav li.parent:hover > ul.sub-menu{
  opacity: 1;
  visibility: visible;
}
#navigation ul.nav li ul.sub-menu li a{
  font-size: inherit;
  font-weight: normal;
  white-space: nowrap;
  width: 100%;
  display: block;
  text-decoration: none;
  color: #FFFFFF !important;
  padding: 8px 20px !important;
  transition: all 0.3s;
}
#navigation ul.nav li ul.sub-menu li a:hover, #navigation ul.nav li ul.sub-menu li.current-menu-item > a{
  color: #92be43 !important;
}
#navigation ul.nav li ul li ul.sub-menu {
  left: 100% !important;
  top: -15px;
  min-width: 100px;
}


/* Content Area (General styles) */
#content{
  min-height: 400px;
  padding-bottom: 30px;
}
.page header > .title {
  display: none;
}
.center {
  text-align: center;
}
#content .entry h1, #content .entry h2, #content .entry h3 {
  line-height: 1.2em;
}
.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
  border: none !important;
  background: none !important;
  padding: 0px !important;
}
#content .flexslider {
  margin: 0;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
ol.flex-control-nav.flex-control-paging{
  display: none;
}
.entry .rev_slider_wrapper ul {
  padding: 0;
}
#content .entry .custom-button {
  padding: 0;
  background-color: transparent;
  display: block;
  border: 0;
}
#content .entry .custom-button a {
  background-color: #92be43;
  background-image: none;
  -webkit-background-image: none;
  border: 0;
  border-radius: 50px;
  padding: 18px 20px 18px 70px;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 18px;
  font-weight: normal;
  min-width: 320px;
  text-align: left;
  position: relative;
}
#content .entry .custom-button a:before{
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  width: 40px;
  background-image: url(images/button-icon-white.png);
}
#content .entry .custom-button a:hover{
  background-color: #117aaa;
  color: #FFFFFF;
  border: 0;
}
#content .entry .custom-button.button-two-icons a {
  text-align: center;
  padding-right: 70px;
}
#content .entry .custom-button.button-two-icons a:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  width: 40px;
  background-image: url(images/button-icon-white.png);
}
#content .entry .pdf-icon-link {
  padding: 0;
  background-color: transparent;
  display: block;
  border: 0;
}
#content .entry .pdf-icon-link a {
  background-color: transparent;
  background-image: none;
  -webkit-background-image: none;
  border: 0;
  border-radius: 0;
  padding: 18px 0px 0px 65px;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  text-align: left;
  position: relative;
  min-height: 64px;
}
#content .entry .pdf-icon-link a:hover{
  color: #898989;
}
#content .entry .pdf-icon-link a:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 64px;
  width: 48px;
  background-image: url(images/pdf-icon.png);
}
#content .entry .pdf-icon-link i{
  display: none;
}
#content .entry .button a{
  box-shadow: none;
  margin: 0;
  line-height: 1;
  background-color: #92be43;
  background-image: none;
  -webkit-background-image: none;
  border: 0;
  border-radius: 50px;
  padding: 18px 20px 18px 70px;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 18px;
  font-weight: normal;
  min-width: 320px;
  text-align: left;
  position: relative;
}
#content .entry .button a:before{
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  width: 40px;
  background-image: url(images/button-icon-white.png);
}
.eighty{
  max-width: 80%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.seventy{
  max-width: 70%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.forty{
  max-width: 40%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.entry .white-text *{
  color: #FFFFFF;
}
.entry .wpb_single_image .vc_figure{
  display: block;
}
.entry .wpb_gmaps_widget .wpb_wrapper{
  padding: 0;
}
.entry .wpb_text_column ul {
  padding-left: 0;
}
.wpb_text_column ul li {
  list-style: none;
  position: relative;
  padding-left: 55px;
  margin-bottom: 20px;
}
.wpb_text_column ul li:before {
  content: '';
  background: url(images/list-icon-blue.png) no-repeat;
  color: #FF8200;
  position: absolute;
  top: 5px;
  left: 0;
  width: 40px;
  height: 14px;
}
.entry .custom-separator {
  height: 26px;
  border: 0;
  margin-bottom: 50px;
  background: url(images/row-sep.png) center no-repeat;
}
.entry .custom-separator span{
  display: none;
}
.vc_gitem_row .vc_gitem-col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}


/* Single Post and Blog Page styles */
.single .post-meta, .single #post-author, .single article #connect, .single .post-utility, .post-entries, #comments {
  display: none;
}
.single h1.entry-title {
  margin-bottom: 15px;
}

/* Gravity Form styles */
div.gform_wrapper{
  margin: 0;
  max-width: 100%;
}
div.gform_wrapper .top_label .gfield_label {
  margin: 0 0 5px;
  font-size: inherit;
  font-weight: normal;
}
.gf-placeholder_wrapper.gform_wrapper ul li.gfield .gfield_label, .gform_wrapper ul li.gfield.gf-placeholder .gfield_label{
  display: none;
}
.gf-placeholder_wrapper.gform_wrapper ul li.gfield{
  margin: 0;
}
body div.gform_wrapper label.gfield_label + div.ginput_container {
  margin-top: 0;
}
div.gform_wrapper ul li.gfield{
  margin-bottom: 14px;
}
#wrapper .gform_wrapper ul li.gfield input.medium, #wrapper .gform_wrapper ul li.gfield select.medium, #wrapper .gform_wrapper ul li.gfield textarea {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #DEDEDE;
  background: none;
  border-radius: 0;
  font-size: 14px;
  padding: 10px;
  color: inherit;
  text-indent: 0px;
  margin: 0 0 10px !important;
}
#wrapper .gform_wrapper ul li.gfield.gf-file input[type=file]{
  padding-top: 7px;
}
.gform_wrapper ul li.gfield textarea{
  height: 110px !important;
}
div.gform_wrapper .gfield_radio li label {
  line-height: 1.2;
  margin-left: 15px;
  font-weight: normal !important;
  vertical-align: top;
  display: inline-block;
  transition: all 0.3s;
}
div.gform_wrapper ul.gform_fields li.gfield input[type=radio] {
  margin: 2px 0 0 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #FFFFFF;
  border-radius: 100% !important;
  border: 2px solid #92BE43;
  width: 14px !important;
  height: 14px;
  padding: 0 !important;
  vertical-align: top;
  display: inline-block;
}
div.gform_wrapper ul.gform_fields li.gfield input[type=radio]:checked {
  background-color: #92BE43;
}
div.gform_wrapper ul.gform_fields li.gfield ul.gfield_radio li {
  display: inline-block;
  width: auto;
  margin: 0 25px 0 0;
}
.gform_wrapper ul li.gfield.gf-third{
  float: left;
  width: 32%;
  margin-right: 2%;
  clear: none;
}
.gform_wrapper ul li.gfield.gf-third.gf-last{
  margin-right: 0;
}
.gform_wrapper ul li.gfield.gf-left{
  float: left;
  clear: left;
}
.gform_wrapper ul li.gfield.gf-right{
  float: right;
  clear: none;
}
.gform_wrapper ul li.gfield.gf-half{
  width: 48.5%;
}
div.gform_wrapper .gfield_required{
  color: #92BE43;
}
div.gform_wrapper .gform_footer {
  padding: 0;
  margin: 0;
}
div.gform_wrapper .gform_footer input.button {
  min-width: 180px;
  background: #92BE43;
  color: #FFFFFF !important;
  margin: 0;
  border: 0;
  border-radius: 5px;
  font-weight: normal;
  font-family: inherit;
  font-size: 17px;
  line-height: 20px;
  padding: 10px 20px !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  outline: none;
  text-transform: none;
  transition: all 0.3s;
}
div.gform_wrapper .gform_footer input.button:hover {
  background: #117AAA;
  color: #FFFFFF !important;
}
.gform_wrapper ul li.gfield.form-heading{
  font-weight: bold;
}
.gform_wrapper form ul li.gf-radio label.gfield_label {
  font-weight: bold;
  margin-bottom: 15px;
}
#wrapper form ::-webkit-input-placeholder {
  color: #555555;
}
#wrapper form :-moz-placeholder {
  color: #555555; 
}
#wrapper form ::-moz-placeholder {
  color: #555555;  
}
#wrapper form :-ms-input-placeholder {  
  color: #555555;
}
div.gform_wrapper div.validation_error {
  border: 0;
  font-size: inherit;
  font-weight: normal;
  text-align: center;
  color: #92BE43;
  background: #FBFBFB;
  padding: 10px;
  width: auto;
  border-left: 3px solid #92BE43;
  box-shadow: 0px 1px 5px #D8D8D8;
}
#content .gform_wrapper form ul li.gfield.gfield_error {
  background: none;
  border: 0;
  margin-top: 0;
  margin-bottom: 10px !important;
  position: relative;
}
#content .gform_wrapper form ul li.gfield.gfield_error label.gfield_label {
  margin-top: 0;
  margin-left: 0;
  color: #92BE43;
}
#content .gform_wrapper form ul li.gfield.gfield_error .ginput_container {
  margin-top: 0;
  margin-left: 0;
  max-width: 100%;
}
#content .gform_wrapper form ul li.gfield.gfield_error .validation_message {
  margin: -8px 0 0 0;
  max-width: 100%;
  padding: 3px 6px !important;
  width: auto;
  font-weight: normal;
  font-size: 13px;
  background: #92BE43;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#content .gform_wrapper form ul li.gfield.gfield_error .validation_message:before {
  content: '';
  border: 4px solid transparent;
  border-bottom: 6px solid #92BE43;
  position: absolute;
  top: -10px;
  left: 5px;
}
div.gform_wrapper ul li.gfield.webinar-radios {
  margin-bottom: 30px;
}
div.gform_wrapper ul.gform_fields li.gfield.webinar-radios ul.gfield_radio li {
  display: block;
  margin: 10px 0;
}
#content .gform_wrapper form ul li.gfield.webinar-radios.gfield_error {
  border: 1px solid #92BE43;
  padding: 10px 15px;
  width: 100%;
  margin-bottom: 30px !important;
}
#content .gform_wrapper form ul li.gfield.webinar-radios.gfield_error ul.gfield_radio{
  color: inherit;
}
#content .gform_wrapper form ul li.gfield.webinar-radios.gfield_error .validation_message {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
}
#content .gform_wrapper form ul li.gfield.webinar-radios.gfield_error .validation_message:before{
  display: none;
}

/* Footer styles */
div.custom_social_widget a {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #373838;
  display: inline-block;
  margin: 0 2px;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 17px;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
div.custom_social_widget a:hover{
  color: #FFFFFF;
  background: #92be43;
}
.custom_social_widget a:before {
  font-family: FontAwesome;
}
.custom_social_widget a.facebook:before {
  content: "\f09a";
}
.custom_social_widget a.twitter:before {
  content: "\f099";
}
.custom_social_widget a.googleplus:before {
  content: "\f0d5";
}
.custom_social_widget a.youtube:before {
  content: "\f16a";
}
.custom_social_widget a.vimeo:before {
  content: "\f194";
}
.custom_social_widget a.pinterest:before {
  content: "\f0d2";
}
.custom_social_widget a.linkedin:before {
  content: "\f0e1";
}
#wrapper #footer {
  padding: 80px 0 60px;
  text-align: center;
  background: url(images/row-sep.png) 50% 0 no-repeat;
}
#footer #copyright{
  margin-bottom: 20px;
  float: none;
}
#footer #credit{
  float: none;
}

/* Page specific styles goes here i.e. homepage, about page, contact page, service page, etc. */
/* Homepage styles */
.hr-top-left{
  z-index: 999;
}
#content .hr-top-text h1 {
  font-size: 72px;
  line-height: 1;
  margin: 0;
  letter-spacing: 2px;
}
#content .hr-top-text h2 {
  font-size: 52px;
  font-weight: normal;
  margin: 0;
}
#content .hr-top-text h3 {
  font-size: 46px;
  margin: 0;
  line-height: 1;
}
.hr-top-left .custom-button{
  margin-bottom: 10px;
}
.home-welcome-text h2 {
  font-size: 36px;
}

/* Become an Affiliate page */
.entry .affiliate-page-text.wpb_text_column ul {
  padding-left: 35px;
  margin-bottom: 30px;
}

/* National Committee Page */
.committee-member-col .wpb_single_image {
  margin-bottom: 15px;
}
.cm-text-heading{
  margin-bottom: 15px;
}
.cm-text-heading h3{
  margin: 0;
}
.cm-col-text {
  overflow: hidden;
  text-align: justify;
  position: relative;
  transition: all 0.3s;
}
.cm-cut-text{
  max-height: 9em;
}
.entry a.cmcut-toggle {
  color: #92be43;
  text-decoration: none;
}
.entry .cm-cut-text a.cmcut-toggle {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #FFFFFF;
  display: block;
  padding-left: 10px;
}
.committee-page-image img{
  max-width: 600px;
}

/* Events CPT and page */
.events-filter {
  text-align: center;
  margin-bottom: 70px;
}
.events-filter a.events-filter-button {
  border: 1px solid transparent;
  border-radius: 50px;
  padding: 10px;
  color: #898989;
  font-weight: normal;
  display: inline-block;
  text-decoration: none;
  margin: 5px 10px;
  min-width: 250px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all 0.3s;
  display: none;
}
.events-filter a.events-filter-button.efb-active, .events-filter a.events-filter-button:hover {
  border: 1px solid #373838;
  color: #373838;
}
.event-item {
  position: relative;
  margin-bottom: 100px;
}
.event-item.event-item-hidden {
  display: none;
}
.event-content-left {
  float: left;
  width: 50%;
}
.event-content-left .event-content-inner{
  padding-right: 20px;
}
.event-content-left img{
  width: 100%;
  height: auto;
}
.event-content-right {
  float: right;
  width: 50%;
}
.event-content-right .event-content-inner{
  padding-left: 20px;
}
h2.event-item-title {
  margin: 0;
  text-transform: uppercase;
}
.event-item-date {
  text-transform: uppercase;
}
p.event-item-blurb {
  margin-top: 15px;
  margin-bottom: 35px;
}
#content .entry .event-item-buttons .custom-button {
  display: inline-block;
  margin-right: 10px;
}
#content .entry .event-item-buttons .custom-button a {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-decoration: none;
  min-width: 210px;
  border: 1px solid transparent;
  transition: all 0.3s;
}
#content .entry .event-item-buttons .custom-button.eib-more a{
  color: #898989;
  border: 1px solid #d7d7d7;
  background: transparent;
}
#content .entry .event-item-buttons .custom-button.eib-more a:hover{
  background-color: #D7D7D7;
  color: #898989;
}
#content .entry .custom-button.eib-more a:before{
  background-image: url(images/button-icon-gray.png);
}
.no-event-items-hidden{
  display: none;
}
.no-event-items {
  text-align: center;
  color: #898989;
  display: none;
}
.no-event-items:before {
  content: '';
  display: inline-block;
  background: url(images/button-icon-gray.png) center no-repeat;
  width: 40px;
  height: 14px;
  margin-right: 15px;
}
.no-event-items:after {
  content: '';
  display: inline-block;
  background: url(images/button-icon-gray.png) center no-repeat;
  width: 40px;
  height: 14px;
  margin-left: 15px;
}

/* Membership styles */
#pmpro_account .pmpro_box {
  border-top: 0;
  margin: 0 0 35px;
  padding: 0;
}
#pmpro_account .pmpro_box h3 {
  margin-bottom: 15px;
}
#content .pmpro_actionlinks a {
  background: #92BE43;
  color: #FFFFFF;
  padding: 8px;
  line-height: 1;
  border-radius: 2px;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  border: 0;
}
#content .pmpro_box table .pmpro_actionlinks a, #pmpro_account #pmpro_account-profile .pmpro_actionlinks a {
  background: #117AAA;
  color: #FFFFFF;
  padding: 5px;
  border-radius: 0;
  margin-right: 2px;
}
#pmpro_account #pmpro_account-profile {
  background: #FAFAFA;
  padding: 20px;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
}
#pmpro_account #pmpro_account-profile ul {
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
}
#pmpro_cancel {
  text-align: center;
}
#content .pmpro_actionlinks a.yeslink {
  background: #FF0000;
}
#pmpro_levels_table {
  border: 1px solid #117AAA;
  background: #F1F1F1;
  border-radius: 0;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 14px;
}
#pmpro_levels_table thead tr th {
  background: #117AAA;
  border: 0;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF !important;
  border-radius: 0;
}
#pmpro_levels_table tr td {
  border: 0;
  color: #373838;
  line-height: 1.3;
  padding-top: 18px;
  padding-bottom: 18px;
}
#pmpro_levels_table tr.odd td {
  background: #FBFBFB;
}
#pmpro_levels_table a.pmpro_btn {
  background: #92BE43;
  border: 0;
  color: #FFFFFF;
  font-weight: normal;
  font-size: inherit;
  padding: 10px;
  line-height: 1;
  border-radius: 50px;
  transition: all 0.3s;
}
#pmpro_levels_table a.pmpro_btn:hover{
  background: #117AAA;
}
.directory-members-filter {
  margin-bottom: 10px;
}
.dm-search {
  float: left;
}
.dm-search input[type="text"] {
  border: 0;
  border-radius: 0;
  background: #F1F1F1;
  color: #117AAA;
  font-size: 14px;
  font-family: inherit;
  padding: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0;
  line-height: 17px;
  max-width: 230px;
}
.dm-search input[type="text"]::-webkit-input-placeholder {
  color: #117AAA;
}
.dm-search input[type="text"]:-moz-placeholder {
  color: #117AAA;
}
.dm-search input[type="text"]::-moz-placeholder {
  color: #117AAA;
}
.dm-search input[type="text"]:-ms-input-placeholder {  
  color: #117AAA;
}
.dm-search button {
  background: #92BE43;
  border: 0;
  height: 29px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  padding: 0 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.dm-search button:hover, .dm-search button.dm-reset-button:hover {
  background: #117AAA;
}
.dm-search button.dm-reset-button {
  background: #F54A4A;
  color: #FFFFFF;
}
.dm-filter {
  float: right;
}
.dm-filter label {
  font-size: 14px;
}
.dm-filter select {
  border: 0;
  padding: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: inherit;
  font-size: 14px;
  background: #F1F1F1;
  color: #117AAA;
  display: inline-block;
  vertical-align: middle;
}
select.dm-filter-primary {
  margin: 0 5px;
}
select.dm-filter-secondary{
  max-width: 225px;
}
select.dm-filter-secondary.show-dm-filter{
  display: inline-block;
}
.clear-filter-param {
  display: inline-block;
  vertical-align: middle;
}
.clear-filter-param a.clear-filters {
  width: 29px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  display: block;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  background: #92be43;
  transition: all 0.3s;
}
.clear-filter-param a.clear-filters:hover{
  background: #117aaa;
}
.clear-filter-param a:before {
  content: '\f021';
  font-family: FontAwesome;
}
.directory-members-result-count {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1;
}
.directory-members-result-count span {
  color: #117AAA;
}
.directory-members-result-count span:before {
  content: '\f007';
  font-family: FontAwesome;
  margin-right: 8px;
}
table.members-table {
  border-left: 1px solid #117AAA;
  border-right: 1px solid #117AAA;
  border-top: 1px solid #117AAA;
  border-bottom: 0;
  background: #FFFFFF;
  border-radius: 0;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}
.entry table.members-table tbody tr.hide-row{
  display: none;
}
table.members-table tbody tr[data-link] {
  cursor: pointer;
}
.entry table.members-table thead th {
  background: #117AAA;
  border: 0;
  border-bottom: 1px solid #FFFFFF;
  font-weight: normal;
  padding: 14px 10px;
  line-height: 1.2;
  text-transform: none;
  border-radius: 0;
  color: #FFFFFF !important;
}
.entry table.members-table td {
  border: 0;
  color: #373838;
  line-height: 1.3;
  padding: 18px 10px;
}
.entry table.members-table .member-name {
  width: 15%;
}
.entry table.members-table .member-website, .entry table.members-table .member-phone, .entry table.members-table .member-fax {
  width: 10%;
}
.entry table.members-table .member-city {
  width: 10%;
}
.entry table.members-table .member-address {
  width: 10%;
}
.entry table.members-table .member-performing-arts {
  width: 35%;
}
.entry table.members-table .member-professional-category {
  width: 35%;
}
.entry table.members-table tbody tr{
  transition: all 0.3s;
}
.entry table.members-table tbody tr:hover {
  background: #117AAA;
}
.entry table.members-table tbody tr:hover * {
  color: #FFFFFF;
}
.entry table.members-table tbody td{
  border-bottom: 1px solid #117AAA;
}
.entry table.members-table tbody tr:last-child td {
  border-bottom: 1px solid #117AAA;
  border-radius: 0;
}
.entry table.members-table a {
  color: #117AAA;
  text-decoration: none;
}
.entry table.members-table .member-website a {
  display: block;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.entry table.members-table a.view-user-link {
  color: #CCCCCC;
  line-height: 1;
  transition: all 0.3s;
}
.entry table.members-table tr:hover td a.view-user-link{
  color: #117AAA;
}
a.view-user-link:before {
  content: '\f007';
  font-family: FontAwesome;
  font-size: 20px;
}
.dm-loading{
  background-color: #FFFFFF;
  background-image: url(images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center 20px;
  max-height: 200px;
  overflow: hidden;
}
.directory-members-filter, .directory-members-list, .directory-members-result-count{
  transition: all 0.3s;
}
.dm-loading .directory-members-filter, .dm-loading .directory-members-list, .dm-loading .directory-members-result-count {
  opacity: 0;
  visibility: hidden;
}
.hidden-elem {
  display: none;
}
.dml-no-result {
  padding: 15px 10px;
  border-left: 1px solid #117AAA;
  border-right: 1px solid #117AAA;
  border-bottom: 1px solid #117AAA;
  text-align: center;
}
.dml-no-result p {
  font-size: 14px;
}
.member-email a {
  max-width: 120px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-data {
  margin-top: 80px;
}
.md-row-top {
  position: relative;
  padding-right: 80px;
}
.entry .md-row-top h1 {
  margin-bottom: 20px;
  font-size: 28px;
}
.md-row-top a.back-button {
  position: absolute;
  right: 0;
  top: 0;
  background: #92BE43;
  padding: 4px 10px;
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
}
.md-row-top a.back-button:before {
  content: '\f104';
  font-family: FontAwesome;
  margin-right: 7px;
  font-size: 15px;
}
.md-row {
  padding: 20px;
  background: #F5F5F5;
}
.md-row h3 {
  color: #117AAA;
  font-weight: normal;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 20px;
}
.entry table.member-data-table {
  border: 0;
  border-radius: 0;
  margin: 0;
  background: none;
  box-shadow: none;
}
.entry table.member-data-table tr td {
  padding: 8px 0;
  border: 0;
}
.entry table.member-data-table td.md-label {
  width: 200px;
  color: #117AAA;
  font-style: italic;
  text-indent: 5px;
}
.md-pic {
  width: 22%;
  float: right;
  text-align: right;
}
.md-pic img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.checkbox-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-top: 2px;
  background: #117AAA;
  color: #FFFFFF;
  line-height: 1;
  padding: 5px;
  font-size: 14px;
}
span.checkbox-item-span:last-child:after {
  content: '';
}
span.checkbox-item-span:after {
  content: ',';
  margin-right: 2px;
}
#pmpro_checkout_box-checkout_boxes {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  padding: 20px 25px;
}
#pmpro_checkout_box-checkout_boxes > h2, #pmpro_checkout_box-checkout_boxes span.pmpro_thead-name {
  display: none;
}
form.pmpro_form .pmpro_checkout-field {
  padding: 8px 0;
  display: block;
  float: none;
  clear: none;
  margin: 0;
  position: relative;
}
#content form.pmpro_form label {
  float: none;
  font-weight: normal;
  margin: 0;
  text-align: left;
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  color: #117AAA;
}
#content form.pmpro_form .custom-checkbox label {
  display: inline-block;
  width: auto;
}
#content form.pmpro_form .cfield-subheading.cfield-footnote label {
  font-size: 14px;
  font-style: italic;
  color: #92BE43;
}
#content form.pmpro_form .input, #content form.pmpro_form textarea, #content form.pmpro_form select {
  border: 1px solid #DEDEDE;
  border-radius: 0;
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  font-size: inherit;
  color: inherit;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-family: inherit;
}
form.pmpro_form .pmpro_checkout-field.cfield-nonaus {
  display: none;
}
form.pmpro_form .cfield-heading.custom-sephtml {
  padding: 20px 0 10px;
}
form.pmpro_form .cfield-subheading.custom-sephtml {
  padding-bottom: 15px;
  padding-top: 0;
}
form.pmpro_form .cfield-heading.custom-sephtml.custom-heading-top{
  padding-top: 0;
  padding-bottom: 25px;
}
#content form.pmpro_form .cfield-heading label {
  display: block;
  width: auto;
  font-size: 20px;
  font-weight: bold;
  color: #373838;
}
#content form.pmpro_form .cfield-subheading label {
  display: block;
  width: auto;
  color: #373838;
}
span.pmpro_asterisk {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
form.pmpro_form .pmpro_checkout-field.custom-checkbox {
  padding: 5px 0 5px 15px;
}
#content form.pmpro_form .cfield-subheading.custom-checkbox-heading{
  padding-top: 20px;
  padding-bottom: 0;
}
#content form.pmpro_form .cfield-subheading.custom-checkbox-heading label, #content form.pmpro_form .cfield-subheading.custom-briefdesc-heading label {
  color: #117AAA;
}
form.pmpro_form .pmpro_checkout-field.custom-whichart {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
form.pmpro_form .custom-checkbox .leftmar {
  margin: 0;
}
form.pmpro_form .custom-checkbox .leftmar input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#content form.pmpro_form .custom-checkbox .leftmar label {
  width: auto;
  color: inherit;
}
#content form.pmpro_form .custom_capacity_hidden, #content form.pmpro_form .custom_capacity label {
  display: none;
}
form.pmpro_form .custom_capacity .leftmar{
  margin: 0;
}
#content form.pmpro_form .custom_capacity select {
  max-width: 600px;
}
form.pmpro_form .cfield-subheading.custom-sephtml.custom-briefdesc-heading{
padding-top: 20px;
padding-bottom: 0;
}
#content form.pmpro_form .custom-briefdesc label {
  display: none;
}
#content form.pmpro_form .custom-briefdesc textarea {
  max-width: 100%;
  display: block;
  width: 100% !important;
}
form.pmpro_form .pmpro_checkout-field.custom-bonafide {
  position: relative;
  padding-left: 40px;
  padding-bottom: 0;
  margin-bottom: -15px;
}
form.pmpro_form .pmpro_checkout-field.custom-bonafide input[type=checkbox] {
  position: absolute;
  left: 15px;
  top: 11px;
  margin: 0;
}
form.pmpro_form .cfield-subheading.cfield-subheadingremark {
  padding-left: 40px;
}
form.pmpro_form .pmpro_checkout-field.custom-bonafide span.pmpro_asterisk {
  display: none;
}
#content form.pmpro_form .cfield-subheading.cfield-subheadingremark label {
  font-size: 14px;
  font-style: italic;
  color: #92BE43;
}
form.pmpro_form abbr {
  border: 0;
  cursor: default;
}
#content form.pmpro_form .pmpro_submit {
  margin: 30px 0 0;
}
#content form.pmpro_form .pmpro_submit span {
  float: none;
}
#content form.pmpro_form .pmpro_submit input {
  border: 0;
  padding: 0;
}
#content form.pmpro_form .pmpro_submit input[type=submit] {
  padding: 10px 20px;
  font-weight: normal;
  background: #92BE43;
  border-radius: 4px;
}

/* Datepicker styles */
body .ui-datepicker {
  background: #FFFFFF;
  border: 2px solid #92BE43;
  margin-top: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 14px;
  display: none;
}
body .ui-datepicker .ui-datepicker-header {
  background: #92BE43;
  padding: 6px;
  color: #FFFFFF;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 8px;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 8px;
}
body .ui-datepicker .ui-datepicker-header .ui-corner-all {
  position: absolute;
  top: 7px;
  display: inline-block;
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
body .ui-datepicker .ui-datepicker-calendar {
  border-spacing: 0;
}
body .ui-datepicker .ui-datepicker-calendar th {
  padding: 5px 8px;
  text-align: center;
  color: #117AAA;
  font-weight: normal;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled.ui-datepicker-unselectable {
  color: #E5E7E8;
  background: #FFFFFF;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
  background: #FFFFFF;
}
body .ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  background: #F9F9F9;
  padding: 0;
  width: 35px;
}
body .ui-datepicker .ui-datepicker-calendar td a {
  color: #92BE43;
  text-decoration: none;
  padding: 5px;
  display: block;
  transition: all 0.3s;
}
body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td a:hover {
  background: #92BE43;
  color: #FFFFFF;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  background: #117AAA;
  color: #FFFFFF;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled.ui-datepicker-unselectable span {
  padding: 5px;
  display: block;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  background: #FFFFFF;
  border: 0;
  margin: 0 2px;
  padding: 2px;
  font-family: inherit;
  color: #373838;
}

/* START BLOG STYLES */
.thumb-image-overlay {
  position: relative;
}
.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out;
}
.image-overlay-circle {
  height: 70px;
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -52px;
  margin-left: -52px;
  padding: 15px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
}
.image-overlay-plus{
  height: 100%;
  width: 100%;
  position: relative;
  background-image: url(images/image-overlay.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.thumb-image-overlay:hover .image-overlay {
  opacity: 1;
  visibility: visible;
  background-color: rgba(61,162,66,0.8);
}

/* Single Post and Blog Page styles */
.blogposts-content .image-overlay-circle {
  height: 200px;
  width: 200px;
  margin-top: -100px;
  margin-left: -100px;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.blogposts-content .image-overlay-plus{
  background-image: url(images/bigger-plus.png);
}
.single .post-meta, .single #post-author, .single article #connect, .single .post-utility, .post-entries, #comments {
  display: none;
}
.single h1.entry-title {
  margin-bottom: 15px;
}
.single-post .header-banner h2 {
  font-size: 20px;
  padding: 30px;
}
.single-post .blogpost-item {
  padding: 0;
  background: none;
  box-shadow: none;
  margin-bottom: 15px;
}
.single-post .blogpost-item img{
  width: 100%;
}
.single-post .blogpost-item-content {
  padding: 10px 0 0;
}
.single-post .blogpost-item-meta {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.single-post .entry p {
  line-height: 1.8;
}

/* Blog posts styles */
.blogpost-item {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1);
  box-shadow: 0 0px 5px rgba(0,0,0,.1);
  margin-bottom: 25px;
}
.blogpost-item img {
  margin: 0 auto;
  display: block;
}
.blogpost-item-content {
  padding: 15px;
}
h3.blogpost-item-title {
  line-height: 1.3;
  margin-bottom: 5px;
}
h3.blogpost-item-title a{
  color: #000000;
}
.blogpost-item-meta {
  margin-bottom: 10px;
}
.blogpost-item-meta span {
  font-size: 11px;
  line-height: 1;
  color: #999999;
  border-right: 1px solid #999999;
  padding-right: 8px;
  margin-right: 5px;
}
.blogpost-item-meta span:last-child{
  border: 0;
}
.blogpost-item-meta span a{
  color: #999999;
}
h3.blogpost-item-title a:hover, .blogpost-item-meta span a:hover {
    color: #92be43;
}
.entry .blogpost-item-content p {
  margin-bottom: 5px;
  line-height: 1.8;
}
.entry .blogpost-item-content a{
  text-decoration: none;
  transition: all 0.3s;
}
#custom-blog-sidebar form.searchform {
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  margin: 0;
  border-radius: 0;
}
#custom-blog-sidebar form.searchform input.field {
  outline: 0;
  margin: 0;
  text-align: left;
  max-width: 100%;
  padding: 0 35px 0 10px;
  height: 40px;
  width: 100%;
  background-color: #f1f1f1;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #e0e0e0 #e0e0e0 #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all 0.3s;
}
#custom-blog-sidebar form.searchform input.field:focus, #custom-blog-sidebar form.searchform input.field:hover{
  background-color: #FFFFFF;
}
#custom-blog-sidebar form.searchform button.submit {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 35px;
}
form.searchform .fa-search:before{
  font-size: 16px;
  line-height: 1;
}
#custom-blog-sidebar .widget h3 {
  margin: 0 0 15px;
  padding: 0 0 5px;
}
#custom-blog-sidebar .widget ul {
  padding-left: 15px;
}
#custom-blog-sidebar .widget ul li {
  list-style-type: square;
  color: #117aaa;
  margin-bottom: 2px;
  list-style-position: outside;
}
#custom-blog-sidebar .widget ul li:hover {
  color: #92be43;
}
#custom-blog-sidebar .widget a {
  color: #117aaa;
  text-decoration: none;
  transition: all 0.3s;
}
#custom-blog-sidebar .widget a:hover{
  color: #92be43;
}

/* Contact Page */
.entry .contact-box-icon {
  background: none;
  border: 0;
  padding: 0 0 0 38px;
  border-radius: 0;
  margin-bottom: 10px;
}
.entry .contact-box-icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-image: url(images/contact-box-sprite.png);
  background-repeat: no-repeat;
}
.entry .contact-box-address:before{
  background-position: 0 0;
}
.entry .contact-box-person:before{
  background-position: 0 -25px;
}
.entry .contact-box-phone:before{
  background-position: -25px -25px;
}
.entry .contact-box-email:before{
  background-position: -25px 0;
}
.entry .contact-box-icon .vc_message_box-icon {
  display: none;
}
.entry .contact-box-icon h3{
  margin-bottom: 0;
}

/* Color box modal styles */
.cb-loading {
  background: #FFFFFF url(images/spinner.gif) no-repeat 50% 50%;
}
.cb-loading #cboxWrapper{
  opacity: 0;
}
#cboxOverlay {
  background: rgba(0,0,0,0.86);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}
div#colorbox {
  z-index: 99999;
  outline: none !important;
}
div#cboxWrapper {
  position: relative;
}
div#cboxTitle {
  color: #FFF;
  font-size: 20px;
  margin-top: 10px;
  position: absolute;
  bottom: -35px;
  left: 0;
}
div#cboxCurrent {
  color: #fefefe;
  font-size: 18px;
  margin-top: 10px;
  position: absolute;
  bottom: -35px;
  right: 0;
}
button#cboxPrevious {
  position: absolute;
  top: 50%;
  left: -40px;
  height: 36px;
  margin-top: -18px;
  width: 24px;
  background: transparent url(images/colorbox-sprite.png) no-repeat 0 -13px;
  border: 0;
  box-shadow: none;
  font-size: 0;
  display: block;
  padding: 0;
  cursor: pointer;
}
button#cboxNext {
  position: absolute;
  top: 50%;
  right: -40px;
  height: 36px;
  margin-top: -18px;
  width: 24px;
  background: transparent url(images/colorbox-sprite.png) no-repeat -24px -13px;
  border: 0;
  box-shadow: none;
  font-size: 0;
  display: block;
  padding: 0;
  cursor: pointer;
}
button#cboxClose {
  border: 0;
  background: transparent url(images/colorbox-sprite.png) no-repeat 0 0;
  font-size: 0;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: -20px;
  right: 4px;
  cursor: pointer;
}
.cb-loading div#cboxTitle, .cb-loading div#cboxCurrent, .cb-loading #cboxPrevious, .cb-loading #cboxNext {
  opacity: 0;
}

/* Responsive styles goes here and HERE ALONE!!! */
@media only screen and (max-width:1250px) {
  #wrapper{
    overflow-x: hidden;
  }
  #wrapper #inner-wrapper #header{
    padding-left: 15px;
    padding-right: 15px;
  }
  #wrapper #nav-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  #navigation ul.nav > li > a{
    padding: 0 15px !important;
  }
  #navigation ul.nav li.parent > a:after{
    right: 6px;
  }
  #navigation ul.nav li ul.sub-menu li a{
    padding: 8px 20px !important;
  }
  #wrapper #inner-wrapper #content{
    padding-left: 15px;
    padding-right: 15px;
  }
  #home-row-top .hr-top-left{
    width: 40%;
  }
  #home-row-top .hr-top-right{
    width: 60%;
  }
  #content .hr-top-text h1 {
    font-size: 40px;
  }
  #content .hr-top-text h2 {
    font-size: 35px;
  }
  #content .hr-top-text h3 {
    font-size: 30px;
  }
  #content .entry .custom-button a{
    padding: 12px 12px 12px 70px;
    font-size: 16px;
  }
  .hr-top-left .vc_column-inner{
    padding-top: 0;
  }
  #wrapper #footer{
    padding: 60px 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (max-width:1024px) {
  #navigation ul.nav > li > a{
    padding: 0 15px !important;
    font-size: 13px;
  }
  #navigation ul.nav li.parent > a:after{
    right: 3px;
  }
  #navigation ul.nav li ul.sub-menu li a{
    padding: 5px 12px !important;
    font-size: 13px;
  }
  #content .hr-top-text h1 {
    font-size: 36px;
  }
  #content .hr-top-text h2 {
    font-size: 30px;
  }
  #content .hr-top-text h3 {
    font-size: 24px;
  }
  .natlcom-image .vc_column-inner {
    padding-left: 15px !important;
  }
  table.members-table{
    display: block;
    overflow-x: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}

@media only screen and (max-width:900px) {
  body.logged-in div#top {
    display: none !important;
  }
  #inner-wrapper{
    overflow: hidden;
  }
  #custom-top-widget a.online-top {
    position: absolute;
    top: 10px;
    left: 65px;
    background: #FF8200;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    text-align: center;
  }
  #custom-top-widget a.phone-top {
    position: absolute;
    top: 10px;
    left: 120px;
    background: #FF8200;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    text-align: center;
  }
  #custom-top-widget a.phone-top:hover, #custom-top-widget a.phone-top:focus, #custom-top-widget a.online-top:hover, #custom-top-widget a.online-top:focus{
    background: #02508B;
  }
  #custom-top-widget a.online-top:before {
    background: none;
    content: '\f232';
    font-family: FontAwesome;
    color: #FFFFFF;
    font-size: 25px;
    position: relative;
  }
  #custom-top-widget a.phone-top:before {
    background: none;
    content: '\f095';
    font-family: FontAwesome;
    color: #FFFFFF;
    font-size: 25px;
    position: relative;
    top: auto;
    left: auto;
  }
  #header-container {
    padding-top: 50px;
  }
  body #wrapper #header {
    height: auto;
    position: static;
    clear: none;
    padding: 25px 15px;
  }
  h3.nav-toggle {
    border: 0;
    height: 50px;
    width: 100%;
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    text-align: center;
    background: #117aaa;
  }
  h3.nav-toggle a {
    text-shadow: none;
    padding: 0;
    border: 0;
    font-size: 0;
  }
  h3.nav-toggle:before {
    font-size: 25px;
    padding: 0 15px;
    margin: 0;
    text-shadow: none;
    border: 0;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 50px;
  }
  #logo{
    text-align: center;
    float: none;
    margin: 0;
  }
  .header-widget{
    margin: 0;
  }
  body.show-nav #inner-wrapper {
    left: 0;
  }
  #headerplusnav{
    position: static;
  }
  html body #wrapper #inner-wrapper #navigation {
    z-index: 99999;
    width: 280px;
    left: -280px;
    top: 50px;
    padding-top: 50px;
    position: absolute;
    display: block !important;
    float: none;
    margin: 0;
    background: #FFFFFF;
    min-height: 100%;
    height: 100%;
    transition: left 0.3s;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  html body.show-nav #wrapper #inner-wrapper #navigation {
    left: 0;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.6);
  }
  #wrapper #navigation .menus{
    position: static;
  }
  #wrapper #navigation ul.nav li{
    float: none;
    display: block;
  }
  #wrapper #navigation ul.nav li a {
    font-size: 14px;
    margin: 0;
    padding: 12px 15px !important;
    display: block;
    text-decoration: none;
    border: 0;
    line-height: 1.3;
    font-family: Roboto, sans-serif;
    color: #117aaa;
    background: #F2F4F6;
    border-bottom: 1px solid #FFFFFF;
    transition: none;
  }
  #wrapper #navigation ul.nav li a:before {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
  }
  #wrapper #navigation ul.nav li a:hover {
    color: #FFFFFF;
    background: #92be43;
  }
  #wrapper #navigation ul.nav li.parent > a:after{
    display: none;
  }
  #wrapper #navigation ul.nav li ul.sub-menu {
    width: auto;
    min-width: 1px;
    background: none;
    padding: 0;
    display: block;
    opacity: 1;
    visibility: visible;
    margin: 0;
    display: block;
    position: relative;
    left: auto !important;
  }
  #wrapper #navigation ul.nav li ul.sub-menu li a {
    font-size: 14px;
    white-space: normal;
    width: auto;
    display: block;
    text-decoration: none;
    color: #117aaa !important;
    padding: 12px 20px !important;
    text-transform: none;
    background: #F2F4F6 !important;
    border-bottom: 1px solid #FFFFFF;
  }
  #wrapper #navigation ul.nav li ul.sub-menu li a:hover {
    color: #FFFFFF !important;
    background: #92be43 !important;
  }
  #wrapper #navigation h3 {
    font-size: 16px;
    padding: 0;
    position: absolute;
    text-align: left;
    text-indent: 15px;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 50px;
    color: #92be43;
    z-index: -1;
    font-weight: normal;
    display: block;
  }
  #wrapper #navigation h3.top-menu {
    position: relative;
    line-height: 50px;
  }
  #wrapper #navigation .nav-close {
    height: 24px;
    width: 24px;
    font-size: 0;
    padding: 0;
    background: #92be43;
    border-radius: 4px;
    border: 0;
    color: #FFFFFF;
    left: auto;
    top: 12px;
    right: 10px;
    display: block !important;
  }
  #wrapper #navigation .nav-close:before{
    line-height: 24px;
    font-size: 16px;
  }
  #wrapper #navigation .nav-home{
    display: none !important;
  }
  body.logged-in #wrapper #navigation .top-navigation, body.logged-in #wrapper #navigation h3.top-menu{
    display: block !important;
  }
  #wrapper #navigation .top-navigation, #wrapper #navigation h3.top-menu{
    display: none !important;
  }
  .events-filter{
    margin-bottom: 40px;
  }
  .events-filter a.events-filter-button{
    min-width: 200px;
  }
  .event-item{
    margin-bottom: 50px;
  }
  .event-content-left {
    width: 35%;
  }
  .event-content-right {
    width: 65%;
  }
  p.event-item-blurb{
    margin-bottom: 15px;
  }
  #content .entry .event-item-buttons .custom-button a{
    min-width: 200px;
    margin-bottom: 10px;
  }
  select.dm-filter-secondary {
    max-width: 200px;
  }
  .dm-search input[type="text"]{
    max-width: 140px;
  }
  .entry table.members-table tbody tr {
    position: relative;
  }
  .entry table.members-table tr td, .entry table.members-table tr th{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .entry table.members-table tr .member-name{
    width: 150px;
    max-width: 150px;
  }
  .entry table.members-table .member-city {
    width: 200px;
    max-width: 200px;
  }
  .entry table.members-table .member-address {
    width: 200px;
    max-width: 200px;
  }
  .entry table.members-table .member-phone, .entry table.members-table .member-fax{
    width: 100px;
    max-width: 100px;
  }
  .entry table.members-table .member-performing-arts {
    width: 250px;
    max-width: 250px;
  }
  .entry table.members-table .member-professional-category {
    width: 400px;
    max-width: 400px;
  }
  .entry table.members-table tr th.member-name {
    background: #117aaa;
  }
  .entry .scrolled-horizontal table.members-table tr .member-name {
    left: 16px;
    position: absolute;
    background: #117aaa;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.25);
  }
  .entry table.members-table tbody tr:hover, .entry table.members-table tbody tr:focus{
    background: transparent;
  }
  .entry table.members-table tbody tr:hover *, .entry table.members-table tbody tr:focus * {
    color: #373838;
  }
  .member-data {
    margin-top: 30px;
  }
  .entry .md-row-top h1{
    font-size: 22px;
  }
  .md-row {
    padding: 15px;
  }
  .entry .md-row h3{
    font-size: 18px;
  }
  .entry table.member-data-table{
    font-size: 13px;
  }
  .entry table.member-data-table td.md-label {
    width: 150px;
  }
  .checkbox-item{
    font-size: 13px;
  }
  .md-row-top a.back-button{
    font-size: 13px;
    padding: 2px 8px;
  }
}

@media only screen and (min-width: 768px) {
  .blogposts-content section#main {
    float: left;
    width: 74%;
  }
  .blogposts-content #custom-blog-sidebar {
    float: right;
    width: 22%;
  }
}

@media only screen and (max-width: 767px){
  #wrapper #nav-container {
    margin-bottom: 20px;
  }
  .entry .wpb_content_element{
    margin-bottom: 25px !important;
  }
  .entry h1{
    font-size: 30px;
  }
  .entry h2{
    font-size: 24px;
  }
  .entry h3{
    font-size: 20px;
  }
  .entry h4{
    font-size: 18px;
  }
  .entry .custom-separator {
    height: 14px;
    background-size: auto 14px;
  }
  #content .entry .custom-button a{
    min-width: 280px;
  }
  .entry .wpb_single_image.vc_align_right {
    text-align: center;
  }
  #home-row-top {
    left: auto !important;
    width: auto !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  #home-row-top .hr-top-left {
    float: none;
    width: auto;
    left: auto !important;
    text-align: center;
  }
  #home-row-top .hr-top-left .vc_column-inner{
    padding-top: 0;
  }
  #home-row-top .hr-top-right {
    float: none;
    width: auto;
  }
  .hr-top-right .home-ballerina {
    margin-top: 0px !important;
  }
  .home-welcome-text h2 {
    font-size: 28px;
  }
  .entry h5{
    font-size: 16px;
  }
  .entry .hr-row-bottom-list{
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .home-row-bottom-list .wpb_text_column {
    margin-bottom: 10px;
  }
  .wpb_text_column ul li{
    margin-bottom: 10px;
  }
  body #wrapper, body .entry, body .entry p{
    font-size: 14px;
  }
  #wrapper #footer {
    padding: 40px 0 20px;
    background-size: auto 14px;
  }
  .entry .membership-image {
    margin-top: 0 !important;
  }
  .entry .affiliate-page-text.wpb_text_column ul {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .event-content-left {
    float: none;
    width: auto;
    margin-bottom: 15px;
  }
  .event-content-right {
    float: none;
    width: auto;
  }
  .event-content-left .event-content-inner, .event-content-right .event-content-inner {
    padding: 0;
  }
  .dm-search, .dm-filter {
    float: none;
    margin-bottom: 15px;
  }
  .dm-search input[type="text"], select.dm-filter-secondary {
    max-width: 49%;
    width: 49%;
  }
  table.members-table{
    font-size: 13px;
  }
  .entry table.members-table th{
    padding: 10px;
  }
  .entry table.members-table td{
    padding: 15px 10px;
    font-size: 13px;
  }
  .entry table.members-table td *{
    font-size: 13px;
  }
  .blogposts-content section#main {
    float: none;
    width: 100%;
  }
  .blogposts-content #custom-blog-sidebar {
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 650px){
  html body #wrapper #inner-wrapper #navigation{
    width: 100%;
    left: -100%;
  }
  #custom-top-widget a.online-top{
    left: 60px;
  }
  #custom-top-widget a.phone-top{
    left: 110px;
  }
  .gform_wrapper ul li.gfield.gf-half {
    width: 100% !important;
  }
  .gform_wrapper ul li.gfield input.medium, .gform_wrapper ul li.gfield select.medium, .gform_wrapper ul li.gfield textarea{
    margin: 0 0 15px !important;
    width: 100% !important;
  }
  .footer-widget .gform_wrapper .gform_footer input.button {
    width: 100%;
    float: none;
    margin: 0 0 15px;
  }
  div.gform_wrapper .gform_footer input.button{
    width: 100%;
  }
}

@media only screen and (max-width: 480px){
  div.gform_wrapper ul li.gfield select{
    width: 100% !important;
  }
  #content .entry .custom-button a {
    min-width: 250px;
  }
  .dm-search, .dm-filter{
    margin-bottom: 20px;
  }
  .dm-search input[type="text"], select.dm-filter-secondary {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
  }
  .dm-search button {
    display: inline-block;
    vertical-align: top;
    width: 49%;
  }
  .dm-search button.hidden-elem{
    display: none;
  }
  .md-row-top{
    padding-right: 0;
  }
  .entry .md-row-top h1 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .md-row-top a.back-button {
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 20px;
    width: auto;
    display: inline-block;
  }
  .entry table.member-data-table tr td {
    padding: 0 0 12px 0;
    border: 0;
    display: block;
  }
  .entry table.member-data-table td.md-label {
    width: auto;
    padding-right: 0;
    text-indent: 0px;
    padding: 0;
  }
}
a.pmpro_btn.pmpro_btn-select {
    background: #92BE43;
    border: 0;
    color: #FFFFFF;
    font-weight: normal;
    font-size: inherit;
    padding: 10px;
    width: 85%;
    line-height: 1;
    border-radius: 50px;
    transition: all 0.3s;
}
.entry table {
    border-spacing: 0;
    width: 100%;
    border: 1px solid #117aaa;
}