/*
You can add your own CSS here.

/* Resize and reposition the Font Awesome social icons in the top bar */
.fl-page-bar .fl-social-icons {
    margin: 10px 0 5px 0;
}
.fl-page-bar .fl-social-icons i.fa {
    font-size: 25px;
    width: 40px !important;
}
.fl-page-bar {
	font-size: 16px;
}
/* scroll up top bar nav */

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a {
	color: #000000;
}
/* Give the link some padding and some color */

.fl-page-nav .navbar-nav > li.nan-nav-button {  
   
}
.fl-page-nav .navbar-nav > li.nan-nav-button > a {
   text-transform: uppercase !important;
}
/* Give the link some padding and some color */
.fl-page-nav .navbar-nav > li.ss-nav-button {
    padding: 10px;
}
.fl-page-nav .navbar-nav > li.ss-nav-button> a {
    background-color: #2ca2ae;
    color: #ffffff !important;
    padding: 5px 18px !important;
    border-radius: 5px;
	  border-style: solid;
    border-color: #2ca2ae;
}

/* Adjust the position for the fixed navigation menu */
.fl-page-header-fixed .fl-page-nav .navbar-nav > li.ss-nav-button > a {
    position: relative;
    bottom: 6px;
    
}
.fl-page-nav .navbar-nav > .fl-page-nav .navbar-nav > li.ss-nav-button {
    padding: 10px;
}
.fl-page-nav .navbar-nav > li.ss-nav-button> a {
    background-color: #2ca2ae;
    color: #ffffff !important;
    padding: 5px 18px !important;
    border-radius: 5px;
	  border-style: solid;
    border-color: #2ca2ae;
}

/* Give the button a hover & active state */
.fl-page-nav .navbar-nav > li.ss-nav-button > a:active,
.fl-page-nav .navbar-nav > li.ss-nav-button > a:hover {
    color: #eded0b !important;
    background-color:#000000;
    border-style: solid;
    border-color: #2ca2ae;
}

/* Style sidebar-button*/ 

li#menu-item-1897 {
    padding: 10px;
}
li#menu-item-1897 > a {
    background-color: #2ca2ae;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 5px;
	  border-style: solid;
    border-color: #2ca2ae;
	
}
/* Give sidebar button a hover & active state */
li#menu-item-1897 > a:active,
li#menu-item-1897 > a:hover {
    color: #eded0b !important;
    background-color:#000000;
    border-style: solid;
    border-color: #2ca2ae;
	  text-decoration: none;

}
    
/* Style mobile Nav Bar Toggle*/ 

@media (max-width: 767px){
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
    background: #000000;
    color: #eded0b;
}
}
 @media (max-width: 767px){
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:focus,
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:hover
{
	 
    background: #000000;
}
	 }
@media (max-width: 767px){
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a {
	color: #000000 !important;
}
}
@media (max-width: 767px){
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a:hover {
	color: #2ca2ae !important;
}
}



#mc-embedded-subscribe.button {
	color:#ffffff !important
}
.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}

/* Gravity Forms Styling */

.gform_wrapper .instruction {
display:none !important;
}
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
	list-style:none!important;
	margin-right:10px;
	padding:1px;
}
input#input_1_19_3, input#input_10_1_3,input#input_2_31_3 {
	margin-bottom:10px !important;
}
select#input_1_24_4 {
	margin-top:10px;
	width: 100%;
   font-size: 14px;
   line-height: 1.428571429;
   color: #7d7d7d;
   vertical-align: middle;
   background-color: #fcfcfc;
}	
	input#input_24_20.medium,input#input_24_22.medium {
	width:100% !important;
}
	

label.gfield_label {
	margin-top:15px !important;
}
.centercha {
	text-align: center;
}

.centercha .ginput_recaptcha {
	display: inline-block;
}
/* gravity 30 minute form*/
.gform_wrapper .left_label textarea.medium  {
    width: 100%;
}
/* gravity questionnaire*/

.gf_progressbar_percentage {
color: #2ca2ac !important;
}

/* keep it mobile friendly by only applying these styles for larger viewports */
@media only screen and (min-width: 641px) {
 
 body #gform_wrapper_20 { 
  max-width: 80%;
  margin: 0 auto;
 }
 
 body #gform_wrapper_20 ul li.gfield .ginput_container,
 body #gform_wrapper_20 ul li.gfield .gfield_description,
 body #gform_wrapper_20 div.ginput_complex label,
 body #gform_wrapper_20 input:not([type='radio']):not([type='checkbox']):not([type='submit']),
 body #gform_wrapper_20 select, 
 body #gform_wrapper_20 textarea { 
  text-align:center;
	
 }
	
 
 body #gform_wrapper_20 ul.top_label li.gfield label.gfield_label {
  text-align: center;
  display: block;
 }
   

	body #gform_wrapper_20 .gform_footer,
  body #gform_wrapper_20 .gform_page_footer{
    text-align: center;
  }
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li label, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li label, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li label, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li label, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li label, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li label {
    max-width: 100% !important;
    white-space: normal;
    overflow: visible !important;
   }
	
	
	input#input_20_3,            					input#input_20_8,
	input#input_20_9,
	input#input_20_54,
	input#input_20_55,
	input#input_20_58{
		display: inline-block;
	text-align:center !important;
}
	li#field_20_59,li#field_20_39 {
		display: inline-block;
	text-align:center !important;
}
	
}


/* Pop-Up form Styling */

input#mce-EMAIL.email {
	
  border: 2px solid #000000;
  text-align: center;
	
}

/* Woo Commerce Styling */
.woocommerce-breadcrumb {
visibility:hidden;
}




/*button for dahboard*/
a.dashbutton {
  background-color: #2ca2ae;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}
a:hover .dashbutton {
  background-color: #000000;
}
a:active .dashbutton {
  background-color: #000000;
}
a:visited .dashbutton {
  background-color: #000000;
}


/* make share icon bigger in instagram gallery*/
.mfp-figure small svg {
    width: 36px;
    height: 36px;
    fill: #ccc;
}