/*******************************/
/*----Plugins Combined CSS-----*/
/******************************/

/*
//--Table of Content--//
//-------------------//
/1. Social Media Image Faders 
/2. Sidebar Responsive Menu 
/3. Hover (Super Fish)
/4. Contact Form Plugin 
/5. Essential Grid
/6. Stellar (Parallax) Plugin
/7. Gravity Form (Date Picker)
/Table of Content ENDS
//-------------------//
*/

/*1. Social Media Image Faders */
/*--------------------*/
div.fadehover 
{
margin-right:5px;
float:right;
position: relative;
width:36px;
height:36px;
}

img.image-a 
{
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
	
img.image-b
{
position: absolute;
left: 0;
top: 0;
}


/*2. Sidebar Responsive Menu */
/*--------------------*/
#open-sb.header-resp-menu
{
margin-top:18px;
}

.sidebar-logo
{
margin:20px auto 0 auto;
width:159px;
padding-bottom:20px;
}

.toolbar 
{
display:none;
z-index:101;
top: 0;
left: 0;
right: 0;
background-color: #16191d;
line-height: 68px;
padding-bottom:5px;
box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.8);
}

.toolbar-fading-nav
{
display:none;
position:fixed;
z-index:101;
top: 0;
left: 0;
right: 0;
background-color: #16191d;
line-height: 68px;
padding-bottom:5px;
box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.8);
}

.menu-button 
{
position: relative;
margin: 5px;
height: 36px;
width: 36px;
cursor: pointer;
}

.menu-button:before 
{
content: "";
position: absolute;
top: 8px;
right: 3px;
border-bottom: 15px double #515e6c;
border-top: 5px solid #515e6c;
width: 25px;
height: 5px;
}

.menu-left 
{
float: left;
margin-right: 1.5em;
}

.sidebar 
{
margin: 0;
padding-top: 1em;
color: white;
background-color: #16191d;
}

.sidebar ul
{
padding:0px;
margin:0px auto;
width:159px;
border-bottom:1px solid #363e48;
}

.sidebar li 
{
list-style-type:none;
margin:0px;
padding:10px 0;
line-height: 32px;
border-top:1px solid #363e48;
}

.sidebar li ul
{
padding:8px 0;
border-bottom:none;
}

.sidebar li ul li ul li
{
padding-left:10px;
}

.sidebar li ul li
{
border-top:none;
padding:0px;
margin:0px;
line-height:23px;
}

.sidebar li.current_page_item  ul li a
{
color:#2f363f;
}

.sidebar li ul li a
{
color:#2f363f;
border-bottom:0px;
padding:0px 0 0 10px;
float:none;
}

.sidebar li a
{
font-size:14px;
color:#363e48;
}

.sidebar li ul li a:hover, .sidebar li a:hover, .sidebar li.current_page_item a
{
color:#9dcc52;
}

.sidebar hr 
{
margin: 2em auto;
border: 0;
padding: 0;
width: 80%;
height: 1px;
background-color: white;
}


/*3. Hover (Super Fish) */
/*--------------------*/
.navList .sub-menu li a:hover
{
color:#76a935;
}

.navList .sub-menu li a
{
color:#374452;
}

.sub-menu li a
{
border-bottom:1px dotted #76a935;
padding:0px 0px 10px;
float:left;
}

.sf-menu li 
{
position: relative;
}

.sf-menu ul 
{
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
padding:10px 5px;
margin:10px 0 0 0;
background: #dddddd;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul 
{
display: block;
}

.sf-menu a 
{
display: block;
position: relative;
}
.sf-menu ul ul 
{
top: 0;
left: 100%;
padding:10px 0;
}

.sf-menu ul li a
{
border-right:none;
}

.sf-menu ul li 
{
list-style-type:none;
padding:10px 10px;
width:85%;
}

.sf-menu li 
{
white-space: nowrap; /* no need for Supersubs plugin */
*white-space: normal; /* ...unless you support IE7 (let it wrap) */
-webkit-transition: background .2s;
transition: background .2s;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul 
{
padding-right: 2.5em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after 
{
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #374452; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(55,68,82,.8);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after 
{
border-top-color: #ffffff; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after 
{
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-top-color: #374452; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(55,68,82,.8);
}

/*.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after 
{
border-left-color: #ffffff;
}
*/

/*4. Contact Form Plugin */
/*--------------------*/
.wpcf7-form input,.wpcf7-form input.wpcf7-email
{
font-family: 'Open Sans', sans-serif;
font-weight:400;
height:40px;
padding: 0px 10px 0 10px;
width:97%;
border:1px solid #ccc;
color:#76a935;
font-size:14px;
border-radius: 5px;
box-sizing:inherit;
}

.wpcf7-form input.wpcf7-captchar
{
width:100px;
}

.wpcf7-form textarea.wpcf7-textarea
{
font-size:14px;
border-radius: 5px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 20px;
height: 250px;
width: 97%;
padding: 10px 10px 0 10px;
border:1px solid #ccc;
color:#76a935;
}

.wpcf7-form input.wpcf7-submit
{
border-radius: 5px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
height:40px;
padding: 0px 10px 0 10px;
width:150px;
border:0px;
color:#ffffff;
font-size:14px;
background-color:#76a935;
}

.wpcf7-form input.wpcf7-submit:hover
{
background-color:#374452;
}

.wpcf7-form .wpcf7-mail-sent-ok
{
background-color:#398f14;
color:#eeeeee;
font-size:14px;
}

.wpcf7-form div.wpcf7-validation-errors
{
border:2px solid #ba0b03;
background-color:#ba0b03;
color:#eeeeee;
font-size:14px;
}


/*5. Essential Grid */
/*--------------------*/
.esgbox-overlay
{
background: url("../images/custom-lightbox-background.png") !important;
}


/*6. Stellar (Parallax) Plugin */
/*--------------------*/
.img-overlay3
{
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index:-1;
}


.parallax 
{
background-attachment: fixed;
background-position: center top;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}

@media (max-width: 1028px) {
.parallax {
background-attachment: scroll;
}
}


/*7. Gravity Form (Date Picker) */
/*--------------------*/
.ui-datepicker
{
margin-top:0px !important;
margin-bottom:0px !important;
}