/*------------------------------------------------------------------------
# "Sparky Framework" - Joomla Template Framework
# Copyright (C) 2016 HotThemes. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotThemes
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

/* This is a variant of default template style */

.hero_row {
    background: url(../../images/custom/hero_bg2.jpg) center;
    background-size: cover;
}

/* color 1 */

a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span, .mnu_mainmenu li ul li:hover > a, .mnu_mainmenu li ul li:hover > span, .mp_logo span, .absoluteposition.logorow ul.menu > li > a:hover, p.big_text, .page_container.pricing .plan.recommended a.btn, .bottomrow a:hover, #back-top span::after {
    color:#50c386;
}

button, button.btn, button.btn-primary, input.button, a.btn, p.readmore a {
    border: 2px solid #50c386;
    color: #50c386;
}

button:hover, button.btn:hover, button.btn-primary:hover, input.button:hover, a.btn:hover,
button:active, button.btn:active, button.btn-primary:active, input.button:active, a.btn:active,
button:focus, button.btn:focus, button.btn-primary:focus, input.button:focus, a.btn:focus,
p.readmore a:hover {
    background-color: #50c386;
    border: 2px solid #50c386;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, input:focus:invalid:focus, textarea:focus:invalid:focus {
    border-color: #50c386;
}

.logorow.fix_menu, .logorow.logorowborder {
    border-bottom: 1px solid #50c386;
}

.hero_row h1 {
    border:3px solid #50c386;
}

.color3, .page_container.pricing .plan a.btn {
    background: #50c386;
}

.page_container.pricing .plan.recommended {
    border: 1px solid #50c386;
    background: #50c386;
}

.view .mask {
    background-color: rgba(80,195,134, 0.8);
}

/* color 2 */

a:hover, a:active, a:focus {
    color:#6dcd9a;
}

.color2 {
    background: #6dcd9a;
}

/* color 3 */

.color1 {
    background: #89d8ae;
}