/*Changes the border top color of WooCommerce messages*/

.woocommerce-message {
  border-top-color: #3AA5B1 !important;
}

.woocommerce-message::before {
  color: #3AA5B1 !important;
}

.woocommerce-info {
  border-top-color: #3AA5B1 !important;
}

.woocommerce-info::before {
  color: #3AA5B1 !important;
}

/*Changes the color of WooCommerce price*/

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #3AA5B1 !important;}

/*Hides all WooCommerce product images*/

.woocommerce #content div.product .woocommerce-product-gallery {
 display:none;
 }

/*Changes the background color and border color of WooCommerce form fields*/

.woocommerce form .form-row .select2-container--default .select2-selection--single, .select2-container.select2-container--open .select2-dropdown, .woocommerce-account form select, .woocommerce-account form textarea, .woocommerce-account form input[type="tel"], .woocommerce-account form input[type="text"], .woocommerce-account form input[type="email"], .woocommerce-account form input[type="password"], .woocommerce-checkout form select, .woocommerce-checkout form textarea, .woocommerce-checkout form input[type="tel"], .woocommerce-checkout form input[type="text"], .woocommerce-checkout form input[type="email"], .woocommerce-checkout form input[type="password"] {
background-color: #ffffff !important;
border-style: solid !important; border-width: 1px !important; border-color: #727272 !important; border-radius: 6px 6px 6px 6px !important; box-shadow: none !important;
}

/*Changes the font header size of WooCommerce success page*/

.woocommerce-order-details__title, .woocommerce-column__title {
  color: #000000 !important;
  font-family: "DIN Bold", Sans-serif !important;
  font-size: 24px !important; text-transform: uppercase !important;
}

/*Changes the link color on Woocommerce order success page*/

.elementor-widget-woocommerce-checkout-page a {
  color: var(--links-hover-color,#3AA5B1)!important;
}

/*Changes the button color on Woocommerce*/

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#FBFBFB !important;

background-color:#FBFBFB !important;

color:#3AA5B1 !important;

text-shadow: transparent !important;

box-shadow: none;

border: 1px solid;
	
border-color:#3AA5B1 !important;
	

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#FBFBFB !important;

background-color:#FBFBFB !important;

color:#29737B !important;

text-shadow: transparent !important;

box-shadow: none;

border: 1px solid;
	
border-color:#29737B !important;


}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #FBFBFB !important;

color:#3AA5B1 !important;

text-shadow: transparent !important;

border: 1px solid;
border-color:#3AA5B1 !important;
	

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #FBFBFB !important;

box-shadow: none;

text-shadow: transparent !important;

color:#29737B !important;

border: 1px solid;
border-color:#29737B !important;
	

}


#payment .place-order .button {
background-color: #3AA5B1!important;
color: #FFFFFF!important;
font-family: Din Bold!important;
font-weight: 400!important;
font-size: 18px!important;
text-transform: uppercase!important;
width: 100% !important;
padding: 16px 0px!important;
} 

#payment .place-order .button:hover {
background-color: #29737B!important;
color: #FFFFFF!important;
font-family: Din Bold!important;
font-weight: 400!important;
font-size: 18px!important;
text-transform: uppercase!important;
width: 100% !important;
padding: 16px 0px!important;
}


/*Removes the background color on member tiles on gallery page of Ultimate Member*/

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {

  background: none !important; border: none !important;
	
}

/*Reduces the padding around search button on gallery page of Ultimate Member*/
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search {padding: 13px 20px !important;}

/*Adds padding around search field on gallery page of Ultimate Member*/
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
  padding: 0px 50px !important;
}

/*Changes the button color on Ultimate Member*/

.um input[type="submit"].um-button, .um input[type="submit"].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
  background-color: #3AA5B1 !important; color: #fff !important; border: 1px solid #3AA5B1 !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {background: #e5e5e5 !important}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
color: #fff;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
  background: #3AA5B1 !important;
}

.um .um-button.um-alt::before, .um input[type="submit"].um-button.um-alt::before {
  color: #fff;
}

/*Changes link colors in Ultimate Member*/

.um a.um-link {
color: #3AA5B1 !important;
}

/*Changes color of icon in member edit side nav in Ultimate Member*/

.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
color: #3c3c3c !important;
}



/*Changes color of arrow in member edit side nav in Ultimate Member*/

.um-account-side li a.current, .um-account-side li a.current:hover {
color: #3c3c3c !important;
}

/*Changes styling in member edit side nav in Ultimate Member*/

.um-account-main {
padding: 0px 0px 0px 3.5em!important;}

div.uimob340 .um-account-main {
padding: 0px 0px 0px 0px!important;}


div.uimob800 .um-account-side {
padding: 0px 0px 0px 30px;
}


.um-account-side li a span.um-account-icon, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon {
text-align: center;
font-size: 20px;
width: 20px;
height: 30px;
border-right: none;
color: #999;
float: left;
padding: 0px 15px;
	font-weight: normal !important;}

.um-account-side li a span.um-account-title {
	padding-left: 0px!important;}

.um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
background: #3AA5B1 !important;
}

.um-profile.um .um-profile-headericon a:hover, .um-profile.um .um-profile-edit-a.active {
  color: #3AA5B1 !important;
}


/*Changes the number of columns on the member directory page in Ultimate Member*/

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member{
    width:23% !important;
    margin-left:1% !important;
    margin-right:1% !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{
    width:0 !important;
}

.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member {
  width: 30% !important;
}

.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member {
  width: 40% !important;
}

.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-member {
  width: 100% !important;
}

.um-directory.uimob340 .um-members-wrapper .um-members .um-member {
  width: 100% !important;
}

/*Removes the message from the profile page in Ultimate Member*/

.um-profile-note {
  display: none !important;
}

/*Changes the fonts on the member profile page in Ultimate Member*/

.um-name a {
  font-family: "Gilroy Regular" !important; font-size: 32px !important;
}

.um-meta-text  {font-family: "Gilroy Regular" !important;}

.um-field-area {font-family: "Gilroy Regular" !important;}

.um-field-label {font-family: "Gilroy Regular" !important; font-weight: bold !important;}

.um-meta-text {
  font-size: 15px !important; padding: 0px 20% !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a {font-family: "Gilroy Regular" !important; font-weight: 100 !important;}


.um-field-caption_1, .um-field-caption_2, .um-field-caption_3, .um-field-caption_4, .um-field-caption_5, .um-field-caption_6, .um-field-caption_7, .um-field-caption_8, .um-field-caption_9 {font-style: italic !important; font-size: 11px !important; padding-top: 5px !important;}

/*Change the image thumbnail styling on the member profile page in Ultimate Member*/

.um-photo a {
  border: none!important;
  padding: 0000!important;
	box-shadow: none!important; 
}

.um-profile-photo-img {margin-top: 100px!important;}
  
div.um-photo a img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}

.um-field-type_image  {
padding-top: 40px;
}

/*Changes the styling on the Register page in Ultimate Member*/

.post-password-form {
margin: 200px 200px 200px 200px;
}

.label {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}

button, [type="button"], [type="reset"], [type="submit"] {
      vertical-align: bottom; padding: 11px 30px;
}


.label {
	margin-bottom: 3px
}


/*Changes the font on the buttons in Ultimate Member*/

.um-edit-profile-btn, .um-button, .um-alt, .um-search-line {font-family: "Gilroy Regular" !important;}

/*Changes the font on the Account page in Ultimate Member*/

.um-account-name, .um-account-side li a.current, .um-account-side li a.current:hover, .um-account-side li a, .um-account-main div.um-account-heading, .um-field-block
 {font-family: "Gilroy Regular" !important;}


/*Styles the Pay Your Dues button on the Applicants Profile page in Ultimate Member*/

.btnStack {
  font-family: Din Bold;
  color: #3AA5B1 !important;
  text-decoration: none;
  display: inline-block;
  padding: 10px 26px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #3AA5B1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a.btnStack:hover {
  border: 1px solid #29737B;
}

/*Stacks the radio buttons vertically on the Applicants Profile page in Ultimate Member*/

.um-profile .um-form .um-field-radio .um-field-area .um-field-radio.um-field-half {
	width:100% !important;
}

.um-meta-text p {
  box-sizing: content-box;
width: 100% !important;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display:block;
height: 340px; /* fixed header height*/
margin: -340px 0 0; /* negative fixed header height */
visibility: hidden;
pointer-events: none;
}

/*Styles the buttons on the upload modal on the Applicants Profile page in Ultimate Member*/


.um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
  background: #3AA5B1 !important; color: #fff !important;
}

/*Styles the columns and page layout on the Default Profile page in Ultimate Member*/

.um-col-131 {
  margin: 0 5% 0 0;
}

.um-col-132 {
  margin: 0 5% 0 0;
}

.um-profile .um-profile-body {
  max-width: 1020px;
}

.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search {
border-style: solid !important;
border-width: 1px 1px 1px 1px !important;
border-color: #3AA5B1; box-shadow: none !important; padding: 11px 12px !important;
}

.um .um-button.um-do-search:hover {
color: #29737B;
border-color: #29737B;


}

/*Removes the reCAPTCHA message : "Only fill in if you are not human" in Ultimate Member*/
.um_request_name {
	display: none !important;
}


