
/* 	--------------------------------------------------
    uSkinned.net

	PALETTE
    -------------------------------------------------- */


/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 BACKGROUNDS
	2.0 TEXT
	3.0 BORDERS
	
	
	PRIMARY COLOUR
	*Original by Harvest:
		primary_colour_1		#ec6642		rgba(236,102,66,1) 	-red
		primary_colour_2		#ffb400		rgba(255,180,0,1) 	-orange
		secondary_colour_1		#16100f		rgba(22,16,15,1)	-deep dark
		secondary_colour_2		#fff3e8		rgba(255,243,232,1)	-light green
		secondary_colour_3		#ffffff		rgba(255,255,255,1)	-white
	
	*Chosen by David:
		primary_colour_1		#009688		rgba(0,150,136,1)	-teal 500
		primary_colour_2		#1976d2		rgba(25,118,210,1)	-blue 700
		secondary_colour_1		#282828		rgba(40,40,40,1) 	-deep gray
		secondary_colour_2		#bbdefb 	rgba(187,222,251,1) -blue 100
		secondary_colour_3		#fafafa		rgba(250,250,250,1)	-grey 50
			
			
OLD		primary_colour_1		#2aa9d9		rgba(42,169,217,1)	-blue Palettr
		primary_colour_1		#3f51b5		rgba(63,81,181,1)	-indigo 500
		primary_colour_2		#009688		rgba(0,150,136,1)	-teal 500
			
		secondary_colour_3		#f5f5f5		rgba(245,245,245,1) - gray 100
*/



/*	--------------------------------------------------
	1.0 BACKGROUNDS
	-------------------------------------------------- */
		
	header {
		/*background-color:#4C9ED9; background-color:rgba(76,158,217,1); /* Firefox dev tools */
		/*background-color:#3f51b5; background-color:rgba(63,81,181,1); /*  */
		background-color:#f5f5f5; background-color:rgba(245,245,245,1); 
	}
	

	.primary_colour_1-bg,
	#top-link-block a,
	.navigation nav.main ul li a.active::before,
	.navigation nav.main ul li a.active:hover::before {
		background-color:#3f51b5; background-color:rgba(63,81,181,1);
		}
		
	.primary_colour_2-bg {
		background-color:#009688; background-color:rgba(0,150,136,1);
		}
		
	.secondary_colour_1-bg,
	table th,
	footer,
	nav.main ul li ul {
		background-color:#282828; background-color:rgba(40,40,40,1);
		}
		.slick-prev:hover, .slick-next:hover {
			background-color:#282828; background-color:rgba(40,40,40,0.6);
			}
		.slick-prev, .slick-next,
		table {
			background-color:#282828; background-color:rgba(40,40,40,0.3);
			}
		table {
			background-color:#282828; background-color:rgba(40,40,40,0.1);
			}
		
	.secondary_colour_2-bg {
		background-color:#bbdefb; background-color:rgba(187,222,251,1); /* blue 100 */
		}
		
	.secondary_colour_3-bg,
	body,
	.tabbed .panel-title a, .accordion .heading a,
	.primary_colour_1-bg .nav-tabs > li > a:hover, 
	.primary_colour_2-bg .nav-tabs > li > a:hover, 
	.secondary_colour_1-bg .nav-tabs > li > a:hover { 
		background-color:#f5f5f5; background-color:rgba(245,245,245,1);
		}
		.ajax_wrap .ajax_loading {
			background-color:#f5f5f5; background-color:rgba(245,245,245,0.8);
			}
		.navigation nav.main ul ul li a:hover::before { 
			background-color:rgba(245,245,245,0.5);
			}
	
		
		/*table tbody tr.even td,*/
		.navigation nav.main ul li a.active {
			border-bottom: 5px solid;
			border-color:rgba(63,81,181,1);
			
		}
		.primary_colour_1-bg .nav-tabs > li.active > a, .primary_colour_1-bg .nav-tabs > li.active > a:hover, .primary_colour_1-bg .nav-tabs > li.active > a:focus,
		.primary_colour_2-bg .nav-tabs > li.active > a, .primary_colour_2-bg .nav-tabs > li.active > a:hover, .primary_colour_2-bg .nav-tabs > li.active > a:focus,
		.secondary_colour_1-bg .nav-tabs > li.active > a, .secondary_colour_1-bg .nav-tabs > li.active > a:hover, .secondary_colour_1-bg .nav-tabs > li.active > a:focus { 
			/*background-color:rgba(255,255,255,0.25); /* original value */
			/*background-color:rgba(42,169,217,0.75);*/
			border-bottom: 5px solid;
			border-color:rgba(63,81,181,1);
			}
			
		table.recapitulatif /* table comparing free vs paid version at the bottom of fr home page */
		{background-color: #f5f5f5;}
		
		table.recapitulatif thead tr td {
			padding: 10px 20px;
			border: 2px solid #f5f5f5;
		}
			
		footer nav.footer {
			background-color:rgba(240,240,240,1);
		}
		.navigation nav.main ul li:hover > a,
		.navigation nav.main ul li li,
		.navigation nav.main ul li a:hover::before,
		.navigation nav.main ul ul li a::before,
		.navigation nav.top .dropdown-menu a:hover {
			/*background-color:rgba(255,255,255,0.1) /* original value*/
			/*background-color:rgba(245,245,245,0.1) */
			background-color:rgba(63,81,181,1);
			}
				
	.ajax_wrap .ajax_loading .loading span.message {
		background-image:url('../images/icons/loading_on_white.html');
		}
		
	.slideshow .text,
	.image .text {
		background-color:#000000; background-color:rgba(0,0,0,0.6);
		}

	a .overlayicon {
		background-color:rgba(0,0,0,0);
		}
	.videopod a .overlayicon,
	.video a .overlayicon {
		background-color:rgba(0,0,0,0.25);
		}
	a:hover .overlayicon {
		background-color:rgba(0,0,0,0.75);
		}
	.btn:hover::after {
		background-color:rgba(0,0,0,0.2);
		}
	.btn.secondary_colour_1-bg:hover::after {
		background-color:rgba(245,245,245,0.2);
		}

	.field-validation-error {
		background-color:#a94442;
		}

		
	@media (max-width:991px) {		
		
	.navigation a.expand span { 
		/* background-color:#f5f5f5; /*original value */
		background-color:#3f51b5; /* indigo 500 */
		/*background-color:#d50000; /* red A700 */
		opacity: 0.9;
		}
	.navigation nav.main ul li i {
		background-color:#76ff03;
		}	
	
		
	
		
	/* background navigation - beginning */	
	/*table tbody tr.even td,*/	
		.navigation nav.main ul li a.active {
			background-color:rgba(63,81,181,1); /* active - Indigo 500 */
			color: rgba(245,245,245,1);
		}
		.primary_colour_1-bg .nav-tabs > li.active > a, .primary_colour_1-bg .nav-tabs > li.active > a:hover, .primary_colour_1-bg .nav-tabs > li.active > a:focus,
		.primary_colour_2-bg .nav-tabs > li.active > a, .primary_colour_2-bg .nav-tabs > li.active > a:hover, .primary_colour_2-bg .nav-tabs > li.active > a:focus,
		.secondary_colour_1-bg .nav-tabs > li.active > a, .secondary_colour_1-bg .nav-tabs > li.active > a:hover, .secondary_colour_1-bg .nav-tabs > li.active > a:focus { 
			border: none;
			background-color:rgba(63,81,181,1); /* active - Indigo 500 */
			/*background-color:rgba(213,0,0,1); /* active -	red A700 */		
			}	
	/* background navigation - end */	
		
		
	}



/*	--------------------------------------------------
	2.0 TEXT
	-------------------------------------------------- */

	body {
		color:#5e5e5e;
		}
	a, a:hover, a:active, a:focus,
	nav.top .dropdown-menu a {
		color:#3f51b5	; color:rgba(63,81,181,1);
		}
	a:link { 
		-webkit-tap-highlight-color: #3f51b5	; -webkit-tap-highlight-color:rgba(63,81,181,1); 
		}		
	h1, h2, h3, h4, h5, h6, .heading {
		color: #282828; color:rgba(40,40,40,1); /* original */
		/*color:#f5f5f5; color:rgba(245,245,245,1);*/ 
		}
		
	.primary_colour_1-text,
	.promo_pods .item .item a .heading,
	.tabbed .panel-heading .panel-title i,
	.accordion .panel-heading .panel-title i,
	.primary_colour_1-text:hover, .primary_colour_1-text:active, .primary_colour_1-text:focus,
	.btn.primary_colour_1-text:hover, .btn.primary_colour_1-text:active, .btn.primary_colour_1-text:focus,
	.primary_colour_1-bg .nav-tabs > li > a, .primary_colour_1-bg .nav-tabs > li > a:hover, .primary_colour_1-bg .nav-tabs > li > a:focus,
	.primary_colour_2-bg .nav-tabs > li > a, .primary_colour_2-bg .nav-tabs > li > a:hover, .primary_colour_2-bg .nav-tabs > li > a:focus,
	.secondary_colour_1-bg .nav-tabs > li > a, .secondary_colour_1-bg .nav-tabs > li > a:hover, .secondary_colour_1-bg .nav-tabs > li > a:focus {
		color:#3f51b5	; color:rgba(63,81,181,1); /* indigo 500 */
		}
		
	.primary_colour_2-text,
	.slick-prev, .slick-next,
	footer a, footer a:hover, footer a:active, footer a:focus,
	.primary_colour_2-text:hover, .primary_colour_2-text:active, .primary_colour_2-text:focus,
	.btn.primary_colour_2-text:hover, .btn.primary_colour_2-text:active, .btn.primary_colour_2-text:focus {
		color:#009688; color:rgba(0,150,136,1); /* teal 500 */
		}
		
	.secondary_colour_1-text,
	.secondary_colour_1-text:hover, .secondary_colour_1-text:active, .secondary_colour_1-text:focus,
	.btn.secondary_colour_1-text:hover, .btn.secondary_colour_1-text:active, .btn.secondary_colour_1-text:focus,
	nav.sub .heading, nav.sub .heading a, nav.sub li.active > a {
		color:#282828; color:rgba(40,40,40,1); /* deep gray */
		}
	
	.secondary_colour_2-text,
	.secondary_colour_2-text:hover, .secondary_colour_2-text:active, .secondary_colour_2-text:focus,
	.btn.secondary_colour_2-text:hover, .btn.secondary_colour_2-text:active, .btn.secondary_colour_2-text:focus {
		color:#bbdefb; color:rgba(187,222,251,1); /* blue 100 */
		}

	nav.main a {
		color:#3f51b5; color:rgba(63,81,181,1); 
	}
	
	nav.top a {
		color: #282828;
		color: rgba(40,40,40,1);
	}
	
	.secondary_colour_3-text,
	nav.main i,
	thead,
	.secondary_colour_3-text:hover, .secondary_colour_3-text:active, .secondary_colour_3-text:focus,
	.btn.secondary_colour_3-text:hover, .btn.secondary_colour_3-text:active, .btn.secondary_colour_3-text:focus,
	.primary_colour_1-bg .nav-tabs > li > a, .primary_colour_1-bg .nav-tabs > li.active > a:hover, .primary_colour_1-bg .nav-tabs > li.active > a:focus,
	.primary_colour_2-bg .nav-tabs > li > a, .primary_colour_2-bg .nav-tabs > li.active > a:hover, .primary_colour_2-bg .nav-tabs > li.active > a:focus,
	.secondary_colour_1-bg .nav-tabs > li > a, .secondary_colour_1-bg .nav-tabs > li.active > a:hover, .secondary_colour_1-bg .nav-tabs > li.active > a:focus {
		color:#f5f5f5; color:rgba(245,245,245,1); 
		}
		.navigation nav.main ul li a:hover {
			color:rgba(240,240,240,1);
			background-color:rgba(0,171,241,1);
			}
		
			
	fieldset label em.req {
		color:#a94442;
		}
	.field-validation-error {
		color:#f5f5f5;
		}
	
		
	@media (max-width:767px) {	
		
	.navigation nav.main ul li i {
		color:#f5f5f5; color:rgba(245,245,245,1);
		}	
		
	}
	
	

/*	--------------------------------------------------
	3.0 BORDERS
	-------------------------------------------------- */

	.primary_colour_1-borders {
		border-color:#3f51b5; border-color:rgba(63,81,181,1);
		}
		
	.primary_colour_2-borders {
		border-color:#009688; border-color:rgba(0,150,136,1);
		}
		
	.secondary_colour_1-borders {
		border-color:#282828; border-color:rgba(40,40,40,1);
		}
		.secondary_colour_1-borders.borders-perc_20,
		.listing, .item, .tab-content {
			border-color:#282828; border-color:rgba(40,40,40,0.2);
			}
		
	.secondary_colour_2-borders {
		border-color:#bbdefb; border-color:rgba(187,222,251,1); /* blue 100 */
		}
		
	.secondary_colour_3-borders {
		border-color:#f5f5f5; border-color:rgba(245,245,245,1);
		}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {		
		border-bottom-color:#f5f5f5; border-bottom-color:rgba(245,245,245,1);
		}
		.navigation nav.main,
		.navigation nav.main ul li, .navigation nav.main ul ul,
		.navigation nav.top > ul li {
			/*border-color:#f5f5f5; border-color:rgba(245,245,245,0.25); /* for dark header */
			border-color:#f5f5f5; border-color:rgba(63,81,181,0.5); /* added */
			}


	.input-validation-error,
	.input-validation-error:focus {
		border-color:#a94442;
		}
	
	

/*	--------------------------------------------------
	4.0 SHADOWS
	-------------------------------------------------- */
	
	header.clone {
		box-shadow:0px 10px 10px 0 rgba(0,0,0,0.05);	/* original value */
		}
	.input-validation-error:focus {
		box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(169,68,68,0.5);
		}
	.banner .item {
		text-shadow: 0 0 5px rgba(0,0,0,0.3);
		}

	@media (max-width:991px) {

	.banner .item.secondary_colour_3-bg {
		text-shadow:none;
		}

	}	
			
				

/*	--------------------------------------------------
	END
	-------------------------------------------------- */
	
	
