/*******************************************************
*					DYNAMIC CSS
*******************************************************/

/******************* FONTELLO ********************/
@import 'icons/css/agency_iconography.css';

/******************* CUSTOMIZER BRAND COLOURS - CHEAT CSS ********************/

.brand-color-1{
	color:#e1a30c !important;
}
.brand-color-1-bg{
	background-color:#e1a30c !important;
}
.brand-color-2{
	color:#44b9aa !important;
}
.brand-color-2-bg{
	background-color:#44b9aa !important;
}
.brand-color-3{
	color:#d91b5b !important;
}
.brand-color-3-bg{
	background-color:#d91b5b !important;
}
.brand-color-4{
	color:#cccccb !important;
}
.brand-color-4-bg{
	background-color:#cccccb !important;
}
.brand-color-black{
	color:#000000 !important;
}
.brand-color-black-bg{
	background-color:#000000 !important;
}
.brand-color-white{
	color:#FFFFFF !important;
}
.brand-color-white-bg{
	background-color:#FFFFFF !important;
}

/******************* CUSTOMIZER THEME COLOURS - CHEAT CSS ********************/

.color-dark{
	color:#FFFFFF !important;
}
.color-light{
	color:#000000; !important
}
.accent-color-dark{
	color:#e1a30c !important;
}
.accent-color-light{
	color:#44b9aa !important;
}
.alt-color-dark{
	color:#44b9aa !important;
}
.alt-color-light{
	color:#e1a30c !important;
}
.bg-dark{
	background-color:#000000 !important;
}
.bg-light{
	background-color:#FFFFFF !important;
}
.accent-color-dark-bg{
	background-color:#e1a30c !important;
}
.accent-color-light-bg{
	background-color:#44b9aa !important;
}
.alt-color-dark-bg{
	background-color:#44b9aa !important;
}
.alt-color-light-bg{
	background-color:#e1a30c !important;
}

/******************* HEADER LIGHT / DARK VARIANTS ********************/

/* -- Body Background -- */
    body.theme-dark{
        background-color:#000000;
    }
    body.theme-light{
        background-color:#FFFFFF;
    }


/* -- DEFAULT Colours -- */
    .theme-dark, .theme-dark p, .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5{
        color:#FFFFFF;
    }
    .theme-light, .theme-light p, .theme-light h1, .theme-light h2, .theme-light h3, .theme-light h4, .theme-light h5{
        color:#000000;
    }
    .theme-dark a{
        color:#e1a30c;
    }
    .theme-light a{
        color:#44b9aa;
    }
    .theme-dark a:hover, .theme-dark a:focus{
        color:#44b9aa;
    }
    .theme-light a:hover, .theme-light a:focus{
        color:#e1a30c;
    }
    .theme-dark .has-bg{
        background-color:#000000;
    }
    .theme-light .has-bg{
        background-color:#FFFFFF;
    }
    
    .theme-dark .foreground-color{
        color:#FFFFFF !important;
    }
    .theme-light .foreground-color{
        color:#000000 !important;
    }
    .theme-dark .background-color{
        color:#000000 !important;
    }
    .theme-light .background-color{
        color:#FFFFFF !important;
    }
    .theme-dark .accent-color{
        color:#e1a30c !important;
    }
    .theme-light .accent-color{
        color:#44b9aa !important;
    }
    .theme-dark .alt-color{
        color:#44b9aa !important;
    }
    .theme-light .alt-color{
        color:#e1a30c !important;
    }
    
    .theme-dark .foreground-color_bg{
        background-color:#FFFFFF !important;
    }
    .theme-light .foreground-color_bg{
        background-color:#000000 !important;
    }
    .theme-dark .background-color_bg{
        background-color:#000000 !important;
    }
    .theme-light .background-color_bg{
        background-color:#FFFFFF !important;
    }
    .theme-dark .accent-color_bg{
        background-color:#e1a30c !important;
    }
    .theme-light .accent-color_bg{
        background-color:#44b9aa !important;
    }
    .theme-dark .alt-color_bg{
        background-color:#44b9aa !important;
    }
    .theme-light .alt-color_bg{
        background-color:#e1a30c !important;
    }
    


/* -- INVERTED Colours -- */
    .theme-dark .invert, .theme-dark .invert p, .theme-dark .invert h1, .theme-dark .invert h2, .theme-dark .invert h3, .theme-dark .invert h4, .theme-dark .invert h5{
        color:#000000;
    }
    .theme-light .invert, .theme-light .invert p, .theme-light .invert h1, .theme-light .invert h2, .theme-light .invert h3, .theme-light .invert h4, .theme-light .invert h5{
        color:#FFFFFF;
    }
    .theme-dark .invert a{
        color:#44b9aa;
    }
    .theme-light .invert a{
        color:#e1a30c;
    }
    .theme-dark .invert a:hover, .theme-dark .invert a:focus{
        color:#e1a30c;
    }
    .theme-light .invert a:hover, .theme-light .invert a:focus{
        color:#44b9aa;
    }
    .theme-dark .invert.has-bg, .theme-dark .invert .has-bg{
        background-color:#FFFFFF;
    }
    .theme-light .invert.has-bg, .theme-light .invert .has-bg{
        background-color:#000000;
    }
    
    .theme-dark .invert .foreground-color{
        color:#000000 !important;
    }
    .theme-light .invert .foreground-color{
        color:#FFFFFF !important;
    }
    .theme-dark .invert .background-color{
        color:#FFFFFF !important;
    }
    .theme-light .invert .background-color{
        color:#000000 !important;
    }
    .theme-dark .invert .accent-color{
        color:#44b9aa !important;
    }
    .theme-light .invert .accent-color{
        color:#e1a30c !important;
    }
    .theme-dark .invert .alt-color{
        color:#e1a30c !important;
    }
    .theme-light .invert .alt-color{
        color:#44b9aa !important;
    }
    
    .theme-dark .invert .foreground-color_bg{
        background-color:#000000 !important;
    }
    .theme-light .invert .foreground-color_bg{
        background-color:#FFFFFF !important;
    }
    .theme-dark .invert .background-color_bg{
        background-color:#FFFFFF !important;
    }
    .theme-light .invert .background-color_bg{
        background-color:#000000 !important;
    }
    .theme-dark .invert .accent-color_bg{
        background-color:#44b9aa !important;
    }
    .theme-light .invert .accent-color_bg{
        background-color:#e1a30c !important;
    }
    .theme-dark .invert .alt-color_bg{
        background-color:#e1a30c !important;
    }
    .theme-light .invert .alt-color_bg{
        background-color:#44b9aa !important;
    }
    
    
/* -- DEFAULT - BUTTONS - BOOTSTRAP STANDARD - PRIMARY -- */

	.theme-dark .btn-primary, .theme-dark a.btn-primary{
        color:#FFFFFF;
        border-color:#e1a30c;
    }
        .theme-dark .btn-primary:focus,.theme-dark .btn-primary.focus,.theme-dark .btn-primary:hover,.theme-dark a.btn-primary:focus,.theme-dark a.btn-primary.focus,.theme-dark a.btn-primary:hover{
            color:#FFFFFF;
            border-color:#e1a30c;
            background-color:#e1a30c;
        }
        
    .theme-light .btn-primary, .theme-light a.btn-primary{
        color:#000000;
        border-color:#44b9aa;
    }
        .theme-light .btn-primary:focus,.theme-light .btn-primary.focus,.theme-light .btn-primary:hover,.theme-light a.btn-primary:focus,.theme-light a.btn-primary.focus,.theme-light a.btn-primary:hover{
            color:#FFFFFF;
            border-color:#44b9aa;
            background-color:#44b9aa;
        }

/* -- INVERTED - BUTTONS - BOOTSTRAP STANDARD - PRIMARY -- */

	.theme-dark .invert .btn-primary, .theme-dark .invert a.btn-primary{
        color:#000000;
        border-color:#44b9aa;
    }
        .theme-dark  .invert .btn-primary:focus,.theme-dark .invert .btn-primary.focus,.theme-dark .invert .btn-primary:hover,.theme-dark .invert a.btn-primary:focus,.theme-dark .invert a.btn-primary.focus,.theme-dark .invert a.btn-primary:hover{
            color:#FFFFFF;
            border-color:#44b9aa;
            background-color:#44b9aa;
        }
        
    .theme-light .invert .btn-primary, .theme-light .invert a.btn-primary{
        color:#FFFFFF;
        border-color:#e1a30c;
    }
        .theme-light .invert .btn-primary:focus,.theme-light .invert .btn-primary.focus,.theme-light .invert .btn-primary:hover,.theme-light .invert a.btn-primary:focus,.theme-light .invert a.btn-primary.focus,.theme-light .invert a.btn-primary:hover{
            color:#FFFFFF;
            border-color:#e1a30c;
            background-color:#e1a30c;
        }
        
        

/* -- DEFAULT - NAV PILLS - BOOTSTRAP STANDARD -- */
    
    .theme-dark .nav-pills>li>a, .theme-dark .nav-pills>li.active>a, .theme-dark .nav-pills>li.active>a, .theme-dark .nav-pills>li.active>a:focus, .theme-dark .nav-pills>li.active>a:hover, .theme-dark .nav-pills>li>a:hover{
        color:#FFFFFF;
    }
    .theme-dark .nav-pills>li>a, .theme-dark .nav-pills>li.active>a{
        border-color:#e1a30c;
    }
    .theme-dark .nav-pills>li.active>a, .theme-dark .nav-pills>li.active>a:focus, .theme-dark .nav-pills>li.active>a:hover, .theme-dark .nav-pills>li>a:hover {
        background:#e1a30c;
    }
    
    .theme-light .nav-pills>li>a, .theme-light .nav-pills>li>a h3, .theme-light .nav-pills>li.active>a, .theme-light .nav-pills>li.active>a, .theme-light .nav-pills>li.active>a:focus, .theme-light .nav-pills>li.active>a:hover, .theme-light .nav-pills>li>a:hover {
        color:#000000;
    }
    .theme-light .nav-pills>li.active>a h3, .theme-light .nav-pills>li.active>a:hover h3, .theme-light .nav-pills>li>a:hover h3{
        color:#FFFFFF;
    }
    .theme-light .nav-pills>li>a, .theme-light .nav-pills>li.active>a{
        border-color:#44b9aa;
    }
    .theme-light .nav-pills>li.active>a, .theme-light .nav-pills>li.active>a:focus, .theme-light .nav-pills>li.active>a:hover, .theme-light .nav-pills>li>a:hover {
        background: #44b9aa;
    }
    
/* -- INVERTED - NAV PILLS - BOOTSTRAP STANDARD -- */
    
    .theme-dark .invert .nav-pills>li>a, .theme-dark .invert .nav-pills>li.active>a, .theme-dark .invert .nav-pills>li.active>a, .theme-dark .invert .nav-pills>li.active>a:focus, .theme-dark .invert .nav-pills>li.active>a:hover, .theme-dark .invert .nav-pills>li>a:hover{
        color:#000000;
    }
    .theme-dark .invert .nav-pills>li>a, .theme-dark .invert .nav-pills>li.active>a{
        border-color:#44b9aa;
    }
    .theme-dark .invert .nav-pills>li.active>a, .theme-dark .invert .nav-pills>li.active>a:focus, .theme-dark .invert .nav-pills>li.active>a:hover, .theme-dark .invert .nav-pills>li>a:hover {
        background:#44b9aa;
    }
    
    .theme-light .invert .nav-pills>li>a, .theme-light .invert .nav-pills>li.active>a, .theme-light .invert .nav-pills>li.active>a, .theme-light .invert .nav-pills>li.active>a:focus, .theme-light .invert .nav-pills>li.active>a:hover, .theme-light .invert .nav-pills>li>a:hover{
        color:#FFFFFF;
    }
    .theme-light .invert .nav-pills>li>a, .theme-light .invert .nav-pills>li.active>a{
        border-color:#e1a30c;
    }
    .theme-light .invert .nav-pills>li.active>a, .theme-light .invert .nav-pills>li.active>a:focus, .theme-light .invert .nav-pills>li.active>a:hover, .theme-light .invert .nav-pills>li>a:hover {
        background:#e1a30c;
    }




/* -- DEFAULT Header Bar -- */
    body.theme-dark .dtf-header, .theme-dark .dtf-header-title h1{
        color:#FFFFFF;
    }
    body.theme-light .dtf-header, .theme-light .dtf-header-title h1{
        color:#000000;
    }
    body.theme-dark .dtf-header.scrolled-header{
        background-color:#000000;
    }
    body.theme-light .dtf-header.scrolled-header{
        background-color:#FFFFFF;
    }
    body.theme-dark .header-spacer, body.theme-dark .dtf-hero {
        background-color: #FFFFFF;
    }
    body.theme-light .header-spacer, body.theme-light .dtf-hero{
        background-color:#000000;
    }
    
        /* -- DEFAULT Nav Toggle -- */
        body.theme-dark .sfm-navicon, body.theme-dark .sfm-navicon:before, body.theme-dark .sfm-navicon:after {
            background:#FFFFFF !important;
        }
        body.theme-light .sfm-navicon, body.theme-light .sfm-navicon:before, body.theme-light .sfm-navicon:after {
            background:#44b9aa !important;
        }

/* -- INVERTED Header Bar -- */
    body.theme-dark.invert-header .dtf-header, .theme-dark.invert-header .dtf-header-title h1{
        color:#000000;
    }
    body.theme-light.invert-header .dtf-header, .theme-light.invert-header .dtf-header-title h1{
        color:#FFFFFF;
    }
    body.theme-dark.invert-header .dtf-header.scrolled-header{
        background-color:#FFFFFF;
    }
    body.theme-light.invert-header .dtf-header.scrolled-header{
        background-color:#000000;
    }
    body.theme-dark.invert-header .header-spacer, body.theme-dark.invert-header .dtf-hero {
        background-color: #000000;
    }
    body.theme-light.invert-header .header-spacer, body.theme-dark.invert-header .dtf-hero{
        background-color:#FFFFFF;
    }
    
        /* -- INVERTED Nav Toggle -- */
        body.theme-dark.invert-header .sfm-navicon, body.theme-dark.invert-header .sfm-navicon:before, body.theme-dark.invert-header .sfm-navicon:after {
            background:#000000 !important;
        }
        body.theme-light.invert-header .sfm-navicon, body.theme-light.invert-header .sfm-navicon:before, body.theme-light.invert-header .sfm-navicon:after {
            background:#44b9aa !important;
        }

/* -- Footer Bar -- */
    body.theme-dark .dtf-footer{
        background-color:#000000;
        color:#FFFFFF;
    }
    body.theme-light .dtf-footer{
        background-color:#FFFFFF;
        color:#000000;
    }
    
/* -- SUPERFLY MENU / OFFSCREEN NAVIGATION SOCIAL ICON COLOURS -- */
    body.theme-dark #sfm-sidebar ul.sfm-social li a{
        box-shadow: inset 0 0 0 2px #e1a30c;
    }
    body.theme-dark #sfm-sidebar ul.sfm-social li a:after{
        background: #e1a30c;
    }
    body.theme-dark #sfm-sidebar .sfm-social li:hover a {
		background-color: #e1a30c;
	}
    body.theme-light #sfm-sidebar ul.sfm-social li a{
        box-shadow: inset 0 0 0 2px #44b9aa;
    }
    body.theme-light #sfm-sidebar ul.sfm-social li a:after{
        background: #44b9aa;
    }
    body.theme-light #sfm-sidebar .sfm-social li:hover a {
		background-color: #44b9aa;
	}
    body.theme-light .dtf-footer-menu ul.sub-menu li a{
        color: #000000;
    }
        body.theme-light .dtf-footer-menu ul.sub-menu li a:hover{
            color: #e1a30c;
        }
    body.theme-dark .dtf-footer-menu ul.sub-menu li a{
        color: #FFFFFF;
    }
         body.theme-dark .dtf-footer-menu ul.sub-menu li a:hover{
            color: #e1a30c;
        }
    
/* -- FLOW FLOW WIDGET COLOURS -- */
	body.theme-light .companies-single-post-block .ff-header h2, body.theme-light .ff-btn{
		background-color: #44b9aa !important;
	}
    body.theme-dark .companies-single-post-block .ff-header h2, body.theme-dark .ff-btn{
		background-color: #e1a30c !important;
	}
    body.theme-light .ff-content a, body.theme-light .ff-name {
    	color: #44b9aa !important;
    }
    body.theme-dark .ff-content a, body.theme-dark .ff-item-meta .ff-name {
    	color: #e1a30c !important;
    }
/* -- FLOW FLOW WIDGET COLOURS -- */    
body.theme-light .sharing_buttons a.dtf-icon{
    color: #FFFFFF;
    box-shadow: inset 0 0 0 2px #44b9aa;
}
body.theme-light .sharing_buttons a.dtf-icon:hover{
    color: #FFFFFF;
    background-color: #44b9aa;
}
body.theme-light .ff-square:nth-child(1){
    background-color: #44b9aa !important;
}
body.theme-dark .sharing_buttons a.dtf-icon{
    color: #FFFFFF;
    box-shadow: inset 0 0 0 2px #e1a30c;
}
body.theme-dark .sharing_buttons a.dtf-icon:hover{
    color: #FFFFFF;
    background-color: #e1a30c;
}

body.theme-dark .ff-square:nth-child(1){
    background-color: #e1a30c !important;
}