/* CSS priority technical rules:
	- Out of breakpoint generic class on style.css
	- Out of breakpoint generic class for context content <contextContent>Styles.css for example headerStyles.css
	- Out of breakpoint generic and/or media query class for device kind <device><context>Styles.css for example desktopHeaderStyles.css or mobileHeaderStyles.css
*/

@font-face{ 
font-family: 'GothamMedium';
src: url("/cfwebchannel/jakarta.faces.resource/css/Gotham-Medium.eot.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
src: url("/cfwebchannel/jakarta.faces.resource/css/Gotham-Medium.ttf.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
}

@font-face{ 
font-family: 'GothamLight';
src: url("/cfwebchannel/jakarta.faces.resource/css/gothamlightregular.eot.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
src: url("/cfwebchannel/jakarta.faces.resource/css/gothamlightregular.ttf.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
}

@font-face{ 
font-family: 'JosefinSlabRegular';
src: url("/cfwebchannel/jakarta.faces.resource/css/JosefinSlab-Regular.eot.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
src: url("/cfwebchannel/jakarta.faces.resource/css/JosefinSlab-Regular.ttf.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
}

@font-face{ 
font-family: 'JosefinSlabBold';
src: url("/cfwebchannel/jakarta.faces.resource/css/JosefinSlab-Bold.eot.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
src: url("/cfwebchannel/jakarta.faces.resource/css/JosefinSlab-Bold.ttf.xhtml;jsessionid=43076e294cd2cde668aaada2f3b4");
}

/*
 * ---- start OUT-BREAKPOINT definition ----
 */
 
 	/* start override HTML elements */
 	body {    
    	margin: 0 !important;
    	padding: 0 !important;
    	-webkit-tap-highlight-color: transparent !important; /* or rgba(0,0,0,0)*/
   		tap-highlight-color: transparent !important;
	}
	
	a:-webkit-any-link {
	    text-decoration: none !important; /*remove underlining on p:commandLink inner text tags */
	}
	/* end override HTML elements */
	
		
	/* start override PRIMEFACES elements */
	.ui-carousel{
		padding: 0 !important;
		text-align: center !important;
		margin: 0 !important;
	}
	
	.ui-carousel-header{
		padding: 0 !important;
	}
	
	.ui-carousel .ui-carousel-mobiledropdown {
    	display: none !important;
	}
	
	.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{
		margin: 0px;
	}
	body .ui-carousel .ui-carousel-viewport {
	    border: none;
	}
	
	body .ui-carousel .ui-carousel-content .ui-carousel-prev, body .ui-carousel .ui-carousel-content .ui-carousel-next {
	    width: 0px;
	    margin: 0px;
	}
	
	body .ui-panelgrid .ui-panelgrid-cell {
    	background: transparent !important;
	}
	
	.ui-panelgrid-cell{
		padding:0 !important;
	}
	
	.ui-widget-content{
		border:0 !important;
		background:none !important;
	}
	
	.ui-widget-header{
		background: white !important;
		border:0 !important;
	}
	
	.ui-panel .ui-panel-content{
		padding:0 !important;
	}
	.ui-panel{
		padding:0 !important;
	}
	
	.ui-chkbox .ui-chkbox-box {
		border:1px solid #ccc !important;
		background: #f1f1f1 !important;
		color: #81d742 !important;
	}
	
	.ui-chkbox .ui-chkbox-box.ui-state-active {
		border:1px solid #ccc !important;
		background: #f1f1f1 !important;
		color: #81d742 !important;
	}
	
	/*Short Menu*/	
					
	.ui-menubutton .ui-button {
    	background: transparent;
    	border: none;
    }
    
    .ui-menu.ui-menu-dynamic {
		background: white !important;
		width: 275px;
	}
	
	/* Generic Button */
	
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
		background: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	   	
	}
	
	/* end override PRIMEFACES elements */
	
	/* start COMMON layout */
		
	.fontAwesome-icon{
		margin-left: 2px;
		font-size:22px !important;
	}
		
	.infoFontAwesome-icon{
		font-size:20px !important;
		color: white !important;
	}	
	
	.arrowFontAwesome-icon{
	    font-size: 10pt !important;
		margin-right: 10px;
		color: #a5a9b4;
		animation: arrowFontAwesome-move 4s;
    	animation-fill-mode: forwards;
	}
			
	@keyframes arrowFontAwesome-move {
	    from {opacity: 0;}
	    to {opacity: 1;}
	}
	
	
	
	.title-text{
		position: relative;
		font-family: GothamMedium !important;
		font-size: 33pt !important;
	}
	
	.subtitle-text{
		position:relative;
		font-family: GothamLight !important;
		font-size: 18pt !important;
	}
	
	
	
	.futures-grid{
		position:relative;
		top:80px;
		text-align: justify !important;
	}
	
	.futuresArrowColumn-grid{
		width: 4% !important;
		vertical-align: text-bottom;
		padding-bottom: 15px !important;
		text-align:right;
		border: none !important;
		animation: futures-move 3s;
    	animation-fill-mode: forwards;
	}
	
	.futuresItemColumn-grid{
		width: 50% !important;
		padding-right:20px !important;
		padding-bottom: 15px !important;
		text-align: justify;
		border: none !important;
		animation: futures-move 3s;
    	animation-fill-mode: forwards;
	}
	
	.futureItem-text{
		font-family: GothamLight !important;
    	color: #637a8a;
		animation: future-move 4s;
    	animation-fill-mode: forwards;
	}
	
	@keyframes futures-move {
	    from {opacity: 0;}
	    to {opacity: 1;}
	}
		
	.futureItemLink-text{
		color: #315ca8 !important;
	}
	
	.common-button{
		position: relative;
		color:black !important;
		font-family: GothamMedium !important;
		/*background-color: RGBA(255,255,255, .30) !important;
		color: RGBA(255,255,255, 100) !important;
		text-shadow: 0 0px 0 rgba(255,255,255,0.7);
		border: none !important;
		*/
		background: -webkit-linear-gradient(#f4fdff,#caddff) !important;
		border-style: solid;
    	border-width: 1px;
    	border-color: #e9e9e9;
    	border-radius: 6px;
    }
	
	.common-button:hover{
		background: #ffedab !important;
		box-shadow: 0 4px 15px 0 #e2f0ff;
	}
	
	.advancedCommon-button{
		position: relative;
		color:black !important;
		font-family: GothamMedium !important;
		/*background-color: RGBA(255,255,255, .30) !important;
		color: RGBA(255,255,255, 100) !important;
		text-shadow: 0 0px 0 rgba(255,255,255,0.7);
		border: none !important;
		*/
		border-style: solid;
    	border-width: 2px;
    	border-color: #e9e9e9;
    	border-radius: 6px;
    }
		
	/* NOT USED
	.loader-container{
		position: fixed !important;
		bottom: 50% !important;
		left: 47% !important;
	}*/
	
	.spinnerAction-icon{
		float: right;
		height: 100px;
	}	
	
	/* end COMMON layout */
		
/*
 * ---- end OUT-BREAKPOINT definition ----
 */