/* NK Custom CSS for Concrete5 FSIQ - Theme Customizer > Custom CSS */

/* site colors
Light green - #98C13D rgb(152,193,61)
Mid Green - #62853A rgb(98,133,58)
Dark Green - #334a21 rgb(51,74,33)
Body Dark Gray - #222223 rgb(34,34,35)
*/

/* GLOBAL 
---------------------------------------------------------*/
main{
    border-radius: 16px 16px 0 0;
}
.global_wrapper {
    border-radius: 16px 16px 0 0;
    border-top: 18px solid #98C13D;
}
div.ccm-page {
    /*background: #f1f1f1 url(/application/files/2816/5238/3785/fsiq-dot-background.png) no-repeat center center;*/
    background-size: contain;
}
div.ccm-page main .sidebar_container {
    padding: 70px;
    overflow: hidden;
}

/* TYPOGRAPHY 
---------------------------------------------------------*/
html, body, div.ccm-page {
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
}
html, body {
    font-size: 19px;
    line-height: 1.5rem;
}
div.ccm-page, div.ccm-page main p {
    /*font-size: 1rem;*/
    line-height: 1.5rem;
}

/* alt colors */
div.ccm-page h1 strong, div.ccm-page h2 strong, div.ccm-page h3 strong, div.ccm-page h4 strong {
    font-weight: 700 !important;
    color: #98C13D;
}
div.ccm-page p strong {
    font-weight: 500 !important;
    color: #62853A;
}

/* MAIN MENU
---------------------------------------------------------*/
.sticky-header .main_nav {
    opacity: 1;
}
.triada_menu ul { /* Get Started button */
    display: flex;
    align-items: center;
}
.triada_menu ul li > a {
	font-weight: 400;
    font-size: 16px;
}
.triada_menu ul li > a:hover {
	background: none;
	color: #62853A;
}
.triada_menu ul li > a.nav-path-selected {
	background: none;
	color: #62853A;
}
/* Get Started and Login */
.triada_menu > ul > li:nth-child(4) a {
    padding: 10px 28px;
	border-radius: 24px;
    color: #fff;
    background: linear-gradient(90deg, rgba(151,209,77,1) 0%, rgba(152,193,61,1) 100%);
    transition: none;
}
.triada_menu > ul > li:nth-child(4) a:hover {
    background: #62853A;
}
.triada_menu > ul > li:nth-child(5) a {
    color: #334a21;
}
.triada_menu > ul > li:nth-child(5) a:hover {
    color: #98C13D;
}
.triada_menu > ul > li:nth-child(5) a::after {
    content: "";
    display: inline-block;
    height: 27px;
    width: 36px;
    background: url(/application/files/3916/5237/1011/fsiq-login-arrow.svg) left center no-repeat;
    background-size: cover;
    position: absolute;
    top: 28.5px;
    right: -24px;
}

/* BUTTONS 
---------------------------------------------------------*/
div.ccm-page main .btn a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
div.ccm-page .btn {
	padding: 10px 28px;
	border-radius: 24px;
    transition: none;
}
div.ccm-page .btn-default {
	background: none;
	border: 2px solid #98C13D;
}
div.ccm-page main .btn-default a {
	color: #222223;
}
div.ccm-page .btn-default:hover {
	background: #222223;
	color: #fff;
	border: 2px solid #222223;
}
div.ccm-page .btn-default:hover a {
    color: #fff;
}
div.ccm-page .btn-color {
    background: #98C13D;
    background: linear-gradient(90deg, rgba(151,209,77,1) 0%, rgba(152,193,61,1) 100%);   
}
div.ccm-page .btn-color:hover {
    background: #62853A;
}

/* FULL WIDTH CONTAINER 
---------------------------------------------------------*/
div.ccm-page .full_width {
    background: linear-gradient(90deg, rgba(151,209,77,1) 0%, rgba(152,193,61,1) 100%);
    margin: 0 -71px;
    position: relative;
    bottom: -70px;
    margin-top: -60px;
    color: #fff !important;
    padding: 60px 100px;
}
div.ccm-page .full_width h2 {
    color: #fff !important;
}
div.ccm-page .full_width h2 strong {
    color: #222223 !important;
}
div.ccm-page .full_width .btn-default {
    border-color: #fff !important;
}
div.ccm-page .full_width .btn-default:hover {
	background: #222223;
	color: #fff;
	border-color: #222223 !important;
}
.full_width > div.container > div.row > div > div.row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
