/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --grad-1: #4600a1;
    --grad-2: rgb(191, 121, 92);
}
/* sub menu hover  */
.nav-dropdown.nav-dropdown-simple>li>a:hover { background-color: var(--primary-color); color: #fff;}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd;padding:0;margin-top: 2px;}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background: var(--primary-color)}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#008848}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{ border-width: 10px; margin-left: -10px; }
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute; left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

.left-top {
    position: absolute;
    left: 0px;
    top: 0
}
.bottom-right {
    position: absolute;
    right: 0px;
    bottom: 0
}
.project a{
	position: relative;
}
.project a:before {
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(270deg, var(--grad-2) 0%, var(--grad-1) 100%);
    opacity: 1;
    transition: all .3s ease-in-out;
    display: inline-block;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
}
blockquote:before {
    content: " ";
    width: 2px;
    background: linear-gradient(0deg, var(--grad-2) 0%, var(--grad-1) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
blockquote{
	border:unset;
}
.nav>li>a {
    color: #4600a1;
}

@media only screen and (min-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.home-page {
    min-height: 100vh;
}

}