/* 
Theme Name:		 VisioWP
Theme URI:		 http://visiofitness.com/
Description:	 VisioWP is a child theme of OceanWP
Author:			 VisioFitness
Author URI:		 http://visiofitness.com/
Template:		 oceanwp
Version:		 1.0.0
Text Domain:	 visiowp
*/


/*
    Add your custom styles here
*/



/* Define color of placeholder text in forms */
::placeholder {
    color: #e45552;
  }
  
/* Change Header Replace Search Form Placeholder Text Color */
#searchform-header-replace input[type=search]::placeholder {
color: #e45552;
    }

/* Change Header Replace Search Form Input Text Color */
#searchform-header-replace input[type=search] {
color: #e45552;
    }

/* Remove Logo Hover Effect */
#site-logo #site-logo-inner a:hover img {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

/* Don't display WP admin bar */
/*
#wpadminbar {
	display:none
}
*/


/* Sticky Header */
/*adjusts the shadow*/
/*@media only screen and (min-width:768px) {*/
#site-header {
    position: sticky; 
    /*background-color: rgba(242, 245, 255) !important;*/
    top: 0px; /* Edit until it suits your header, mine was 32px */
    z-index: 1000;
    /*opacity: 0.95;*/
    border-bottom-width: 2px;
    -webkit-box-shadow: none; /*0 4px 6px -4px #e45552;*/
    -moz-box-shadow: none; /*0 4px 6px -4px #e45552;*/
    box-shadow: none; /*0 4px 6px -4px #e45552;*/
    transition: top 0.5s linear;
}

.nav-up {
    top: -80px !important;
}
/*}*/

#site-navigation-wrap .dropdown-menu >.current-menu-item >a:hover, #site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a:hover {
    color: #e45552 !important;
}

/*Specify border around submenu*/
.dropdown-menu .sub-menu {
    border: 1px solid;
    border-radius: 10px;
}

/*Specify border within submenu*/
#site-navigation .dropdown-menu ul li.menu-item {
    border-bottom-width: 1px;
}

/*Get submenu just under menu text + centering*/
.sf-menu ul.sub-menu {
    top: 80%;
    left: 50%;
    transform: translate(-50%, 0);
}

/*line under menu idems*/
.effect-one #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after{
    height:2px;
    transform-origin:bottom center;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out
}

/*increase size of search button*/
#site-navigation-wrap .dropdown-menu .fas{
    font-weight: 600;
    font-size: 150%;
}

/*move close button of search to align with search button*/
#searchform-header-replace {
    right: 8px;
    width: calc(100% - 8px);
}

.effect-one #site-navigation-wrap .dropdown-menu>li>a.search-header-replace-toggle.i>span:after{
    height:2px;
    transform-origin:bottom center;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out
}


/*add red border to the mobile drop-down menu*/
/*adjusts the shadow*/
#mobile-dropdown {
    border-bottom-width: 2px;
    border-bottom-color: #e45552;
    border-bottom-style: solid;
    -webkit-box-shadow: none; /*0 4px 6px -4px #e45552;*/
    -moz-box-shadow: none; /*0 4px 6px -4px #e45552;*/
    box-shadow: none; /*0 4px 6px -4px #e45552;*/
}

#mobile-dropdown ul li a .dropdown-toggle:focus {
    outline: 0;
}

#main {
margin-top: 10px; 
}



#Subscription_Email_Field 
{
    color: #496699;
    background-color: #f2f5ff;
    border: 1px solid #f2f5ff;
    width: 70%;
}

#Subscription_Go_Button 
{
    width: 25%;
    padding: none;
    margin:0px;
    margin-left: 8px;
    border:none;
}

.bordered_text_area{
    border-style: solid;
    border-width: 1px;
    border-color: #f2f5ff;
    border-radius: 8px;
    padding: 40px 0px 0px 0px;
    background-color: #496699;
    margin: none;
    align-content: center;
    margin-right: auto; 
    margin-left: auto;
    width:500 px;
    max-width: 500px;
}

/* hide spinner - button */
.wpcf7-spinner {visibility: hidden !important;
background-color: #496699; display: block;top: -32px; left:60%;}




#site-header a:focus {
    outline: 0 !important;  
}

a:hover .hamburger {
    opacity: 1 !important;
  }
/*
#site-header a:hover {
    -moz-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    opacity: 1 !important;
}*/

/* changes color of hamburger when menu is open*/
.opened .hamburger-inner, 
.opened .hamburger-inner::before, 
.opened .hamburger-inner::after
{
    background-color: #e45552 !important;  
}