/* -------- COLORS -------------*/
/* color palette:
	black       #0C0A0E    background body
	dark blue   #132241    background boxes
	mid blue    #3C598B    background boxes
	light blue  #BADAFF    reserved
	grey        #bdbdbd    font
	yellow      #dbcd50    highlights
*/

:root {
	--color-black: #050810;
	--color-dark-blue: #101A30;
	--color-mid-blue: #3C598B;
	--color-light-blue: #BADAFF;
	--color-grey: #bdbdbd;
	--color-yellow: #F2C94C;

	/* additional tones used alongside the core palette above */
	--color-grey-light: #d3d3d3;
	--color-grey-lighter: #d7d7d7;
	--color-grey-pale: #dbdbdb;
	--color-grey-dark: #2a2d2e;
	--color-grey-darker: #383838;
	--color-hover-overlay: rgba(126, 124, 230, 0.5);
}


/* Text -------------*/
/*--------------------------------------*/

.close:hover .button_icon,            /* Close Button */
.pagination_button:hover .pagination_button_text,     /* Pagination */
.pagination_button.current .pagination_button_text,   /* Pagination */
.mobile_nav_open:hover .button_icon,  /* Mobile Nav Open Button */
.mobile_nav_close:hover .button_icon, /* Mobile Nav Close Button */
.modal_close:hover .button_icon,      /* Modal Close Button */
.cta_dark:hover,                      /* Call To Action Dark Button */
.cta_light:hover,                     /* Call To Action Light Button */
.footer_arrow:hover .button_icon,     /* Footer Arrow Button */
.footer_arrow .button_icon,           /* Footer Arrow Button */
.counter_box,                         /* Counter Box */
.item h6,                             /* Member Hover Effect */
.item span,                           /* Member Hover Effect */
#video_separator,                     /* Separator Video */
.owl-item h6,                         /* Portfolio Hover Effect */
.owl-item span,                       /* Portfolio Hover Effect */
#parallax_separator h4,               /* Parallax separator */
#message,                             /* Form */
.alert_icon,                          /* Form */
.arrow_right_v2:hover .button_icon,   /* Button Next */
.arrow_left_v2:hover .button_icon,    /* Button Prev */
.arrow_up_v2:hover .button_icon,      /* Button Up */
.footer_content,                      /* Footer */
#portfolio_single_fullwidth #title,   /* Portfolio single fullwidth title */
.button.mobile_nav_open,              /* Mobile Nav Open Button */
.close.close_v1:hover,                /* Mobile Nav Close Button */
.pagination_button_text,              /* Pagination */
.md-content,                          /* Modal Window */
.about_icon,                          /* About */
.service_box_content h6,              /* Services grid */
.post_excerpt,                        /* Blog */
.post_excerpt a,                      /* Blog */
.post_excerpt h3,                     /* Blog */
.more_posts,                          /* Blog */
#alert h4,                            /* Form */
.unordered li p,                      /* Form */
#elements_icons ul li .icon           /* Icons */
{
	color: var(--color-grey);
}


#home /* Home section */
{
	color: white;
	text-shadow: 1px 1px 10px #1c9af4;
}


.arrow_right_v1,                      /* Button Next */
.arrow_left_v1,                       /* Button Prev */
.arrow_up_v1,                         /* Button Up */
.cbp-spmenu h3,                       /* Mobile Navigation */
.cta_light,                           /* Call to Action - Light */
.footer_arrow,                        /* Footer Arrow Button */
.title_big,                           /* Intro section */
.title_big_portfolio,                 /* Portfolio intro */
.callout_box_intro h2,                /* Callout Box */
.callout_box_text h5,                 /* Callout Box */
.pricing_table_header span,           /* Pricing Table */
input,                                /* Form */
textarea,                             /* Form */
#elements_buttons .buttons_light h5,  /* Elements - light buttons background*/
#elements_buttons .buttons_light p,   /* Elements - light buttons background*/
.cbp-spmenu a                         /* Mobile Navigation */
{
	color: var(--color-grey-light);
}


.social_icon /* Social icons */
{
	color: var(--color-grey-lighter);
}


.close.close_v1,                      /* Close Button */
a.button.arrow_down,                  /* Home Arrow Button */
.button.mobile_nav_close,             /* Mobile Nav Close Button */
.mobile_nav_icon_open:hover,          /* Mobile Nav Button */
.social_icon:hover,                   /* Social Icons Hover */
.service_icon,                        /* Services Icon */
.tab_icon,                            /* Tab Icon */
.accordion_icon,                      /* Accordion Icon */
.modal_text h6,                       /* Modal Box h6 */
.pricing_table_header h6,             /* Pricing Table h6 */
.contact_icon,                        /* Contact Icon */
.counter_box span,                    /* Counter Box */
ul.list1 li:before,                   /* List1 bullet */
ul.list2 li:before,                   /* List2 bullet */
ul.list3 li:before,                   /* List3 bullet */
ol.list1 li:before,                   /* Ordered List1 bullet */
ol.list2 li:before,                   /* Ordered List2 bullet */
ol.list3 li:before                    /* Ordered List3 bullet */
{
	color: var(--color-mid-blue);
}

#navigation li a:hover { /* Desktop Nav hover */
	color: var(--color-yellow);
}               


li.active a                           /* Desktop Navigation */
{
	color: var(--color-mid-blue) !important;
}

a {
	color: var(--color-mid-blue);
}

a:not([class]):hover {
	color: var(--color-yellow);
}

.mobile_nav_entry:hover {
	color: var(--color-dark-blue);
}

/* Background -------------*/
/*--------------------------------------*/

.close,                               /* Close Button */
.arrow_down,                          /* Home Arrow */
#nav_bar,                             /* Desktop Navigation */
#portfolio_single_work,               /* portfolio single */
#subpage_blog .post_excerpt:hover,    /* Blog */
#subpage_single_post .post_excerpt:hover, /* Single blog post*/
.spinner > div,                       /* Preloader */
.pagination_button.current,           /* Pagination */
.video_hover_solid,                   /* Separator Video */
.dotstyle-fillup li a::after,         /* Nivo slider navigation */
#portfolio_single_fullwidth .slider-overlay, /* fullwidth single page slider background */
.progress_bar                        /* progress bars color */
{
	background: var(--color-mid-blue);
}

.arrow_right_v1:hover,                /* Button Next */
.arrow_left_v1:hover,                 /* Button Prev */
.arrow_up_v1:hover,                   /* Button Up */
.arrow_right_v2:hover,                /* Button Next */
.arrow_left_v2:hover,                 /* Button Prev */
.arrow_up_v2:hover,                   /* Button Up */
.close:hover,                         /* Close Button */
.pagination_button:hover,             /* Pagination */
.close.close_v1:hover,                /* Mobile Nav Close Button */
.close.close_v2:hover,                /* Modal Close Button */
.mobile_nav_open:hover,               /* Mobile Nav Open Button */
.cta_dark:hover,                      /* Call To Action Dark Button */
.cta_light:hover,                     /* Call To Action Light Button */
.footer_arrow:hover                   /* Footer Arrow Button */
{
	background: var(--color-yellow);
	color: var(--color-dark-blue);
}

#preloader,                           /* Preloader */
.title_content,                       /* Intro section content box */
.title_big_portfolio                  /* Portfolio intro */
{
	background: var(--color-black);
}


.cbp-spmenu,                          /* Mobile Navigation */
.close.close_v1,                      /* Close Button */
.title_big,                           /* Intro section */
#callout_box_solid,                   /* Callout Box */
.pricing_table_header,                /* Pricing Table */
input,                                /* Form */
textarea,                             /* Form */
.mobile_nav_open,                     /* Mobile Nav Open Button */
#elements_buttons .buttons_light,     /* Elements - light buttons background*/
#comment_form                         /* Comment Form */
{
	background: var(--color-dark-blue);
}


.close.close_v2,                      /* Close Button */
.pagination_button,                   /* Pagination */
.arrow_right_v2,                      /* Button Next */
.arrow_left_v2,                       /* Button Prev */
.arrow_up_v2,                         /* Button Up */
.arrow_down:hover,                    /* Home Arrow */
.button.modal_close,                  /* Mobile Nav Close Button */
.portfolio_single_close,              /* Close Button */
.dotstyle li a                        /* Nivo slider navigation */
{
	background: var(--color-grey-lighter);
}


.cbp-spmenu-vertical a:hover          /* Mobile Navigation */
{
	background-color: var(--color-yellow);
}


.item:hover > a::before,              /* Member Hover Effect */
.owl-item:hover > a::before           /* Portfolio Hover Effect */
{
	background: var(--color-hover-overlay);
}


/* Border -------------*/
/*--------------------------------------*/

.arrow_right_v1:hover,                /* Button Next */
.arrow_left_v1:hover,                 /* Button Prev */
.arrow_up_v1:hover                    /* Button Up */
{
	border-color: white;
}

.cta_dark                             /* Call to Action - Dark */
{
	border-color: var(--color-grey-dark);
}


.arrow_up_v1,                         /* Button Up */
.arrow_up_v2,                         /* Button Up */
.cta_light,                           /* Call to Action - Light */
.footer_arrow,                        /* Footer Arrow Button */
.pricing_table_header p,              /* Pricing Table */
input,                                /* Form */
textarea                              /* Form */
{
	border-color: var(--color-grey-light);
}


.arrow_right_v1,                      /* Button Next */
.arrow_left_v1,                       /* Button Prev */
.arrow_right_v2,                      /* Button Next */
.arrow_left_v2                        /* Button Prev */
{
	border-color: var(--color-grey-lighter);
}


.cbp-spmenu-vertical a,               /* Mobile Navigation */
#mobile_menu_content                  /* Mobile Navigation */
{
	border-color: var(--color-grey-darker);
}


.service_boxes,                       /* Services grid */
.service_box,                         /* Services grid */
.tabs nav ul li,                      /* Tabs */
.tabs nav li.tab-current,             /* Tabs */
.tabs_content section,                /* Tabs */
.accordion,                           /* Accordion */
#elements_accordion,                  /* Accordion */
.accordion-header,                    /* Accordion */
.accordion-content,                   /* Accordion */
#elements_progress_bars,              /* Progress Bars */
#elements_alert_boxes,                /* Elements Subpage */
#elements_tabs,                       /* Elements Subpage */
#elements_social_icons,               /* Elements Subpage */
#elements_custom_slider,              /* Elements Subpage */
#elements_responsive_videos,          /* Elements Subpage */
#elements_lists,                      /* Elements Subpage */
#clients,                             /* Clients */
.post_excerpt,                        /* Blog */
#subpage_blog .post_excerpt,          /* Blog Subpage */
#subpage_single_post .post_excerpt,   /* Single Post Subpage */
.comment_box,                         /* Comments */
.more_posts,                          /* Blog */
.portfolio_single_details             /* Portfolio single separator */
{
	border-color: transparent;
}

.progress_bar,                        /* progress bars color */
.cta_dark:hover,                      /* Call To Action Dark Button */
.cta_light:hover,                     /* Call To Action Light Button */
.footer_arrow:hover,                  /* Footer Arrow Button */
.item:hover > a::before,              /* Member Hover Effect */
.owl-item:hover > a::before,          /* Portfolio Hover Effect */
.arrow_right_v2:hover,                /* Button Next */
.arrow_left_v2:hover,                 /* Button Prev */
.arrow_up_v2:hover,                   /* Button Up */
.dotstyle-fillup li a.active          /* Nivo slider navigation */
{
	border-color: var(--color-mid-blue);
}


/* Box shadow -------------*/
/*--------------------------------------*/

#nav_bar {
	-moz-box-shadow: inset -0px -1px var(--color-grey-pale);
	-webkit-box-shadow: inset -0px -1px var(--color-grey-pale);
	box-shadow: inset -0px -1px var(--color-grey-pale);
}


/* Base -------------*/
/*--------------------------------------*/

body {
	color: var(--color-grey);
	background-color: var(--color-black);
}