/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


/* -----------------------------------------------------------------*/
/* TAille supp icone 15:36 26/10/2016*/
/**/
/* -----------------------------------------------------------------*/

.icon-2-3x {
  font-size: 0.6666666666666em;
}


/* -----------------------------------------------------------------*/
/* LETTER SPACING 15:57 14/10/2016*/
/**/
/* -----------------------------------------------------------------*/

.ls-0-1 { letter-spacing: -0.1px !important; }
.ls-0-2 { letter-spacing: -0.2px !important; }
.ls-0-3 { letter-spacing: -0.3px !important; }
.ls-0-4 { letter-spacing: -0.4px !important; }
.ls-0-5 { letter-spacing: -0.5px !important; }

.ls-1 { letter-spacing: -1px !important; }


.slogan-sstitre  {
letter-spacing: -0.2px !important;
font-weight: 400 !important;
font-size: 12px;

}

/* -----------------------------------------------------------------*/
/* COULUER DE BOUTON THEME BGC ARGO*/
/**/
/* -----------------------------------------------------------------*/


.button-orange-bgc { background-color: #E94A3D; }
.button-3d.button-orange-bgc:hover,
.button-reveal.button-orange-bgc:hover { background-color: #E94A3D !important; }


.button-vert-bgc { background-color: #138C8C; }
.button-3d.button-vert-bgc:hover,
.button-reveal.button-vert-bgc:hover { background-color: #138C8C !important; }

.button-bleu-bgc { background-color: #1C3354; }
.button-3d.button-bleu-bgc:hover,
.button-reveal.button-bleu-bgc:hover { background-color: #1C3354 !important; }


.button-bgc-green { background-color: #138C8C; }
.button-3d.button-bgc-green:hover,
.button-reveal.button-bgc-green:hover { background-color: #138C8C !important; }



.button-menu-orange {
    background-color: #E94A3D;
	letter-spacing: 0;
	font-size: 11px !important;
	padding: 0 12px !important;
	margin: 0px 0px 15px 0px !important;
}
.button-menu-orange:hover{
color: #FFF!important;
}


.button-menu-green {
    background-color: #138C8C;
	letter-spacing: 0;
	font-size: 11px !important;
	padding: 0 12px !important;
	margin: 0px 0px 15px 0px !important;
}



/* -----------------------------------------------------------------*/
/* COULUER DE Label THEME BGC ARGO*/
/**/
/* -----------------------------------------------------------------*/
.label-orange-bgc {
    background-color: #E94A3D;
}
.label-vert-bgc {
    background-color: #138C8C;
}
.label-bleu-bgc {
    background-color: #1C3354;
}


/* Fancy Title ORANGE pour Biogeochemical-Argo Announcement- Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title-orange-bgc.title-bottom-border h1,
.fancy-title-orange-bgc.title-bottom-border h2,
.fancy-title-orange-bgc.title-bottom-border h3,
.fancy-title-orange-bgc.title-bottom-border h4,
.fancy-title-orange-bgc.title-bottom-border h5,
.fancy-title-orange-bgc.title-bottom-border h6 {
	display: block;
	background: transparent;
	padding: 0 0 10px;
	border-bottom: 2px solid #E94A3D;
}

.fancy-title-orange-bgc {
	color: #E94A3D !important;
}

.fancy-title-orange-bgc a {
    text-decoration: none !important;
    color: #E94A3D;
}


.fancy-title-orange-bgc a:hover {
    color: #222;
}

/* Fancy Title BLEU BGC 
-----------------------------------------------------------------*/

.fancy-title-bleu-bgc.title-bottom-border h1,
.fancy-title-bleu-bgc.title-bottom-border h2,
.fancy-title-bleu-bgc.title-bottom-border h3,
.fancy-title-bleu-bgc.title-bottom-border h4,
.fancy-title-bleu-bgc.title-bottom-border h5,
.fancy-title-bleu-bgc.title-bottom-border h6 {
	display: block;
	background: transparent;
	padding: 0 0 10px;
	border-bottom: 2px solid #1C3354;
}

.fancy-title-bleu-bgc {
	color: #1C3354 !important;
}

.fancy-title-bleu-bgc a {
    text-decoration: none !important;
    color: #1C3354;
}


.fancy-title-bleu-bgc a:hover {
    color: #222;
}


/* Fancy Title VERT BGC
-----------------------------------------------------------------*/

.fancy-title-vert-bgc.title-bottom-border h1,
.fancy-title-vert-bgc.title-bottom-border h2,
.fancy-title-vert-bgc.title-bottom-border h3,
.fancy-title-vert-bgc.title-bottom-border h4,
.fancy-title-vert-bgc.title-bottom-border h5,
.fancy-title-vert-bgc.title-bottom-border h6 {
	display: block;
	background: transparent;
	padding: 0 0 10px;
	border-bottom: 2px solid #138C8C;
}

.fancy-title-vert-bgc {
	color: #138C8C !important;
}

.fancy-title-vert-bgc a {
    text-decoration: none !important;
    color: #138C8C;
}


.fancy-title-vert-bgc a:hover {
    color: #222;
}


/* -----------------------------------------------------------------*/
/*  HOME PAGE													  	*/
/*  MENU HOME LARGEUR DU MENU		     							*/
/*				                   									*/
/* -----------------------------------------------------------------*/

	
.side-header #header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.067);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    /*width: 260px;*/
	width: 280px;
    z-index: 10;
	}
	
	
.side-header #logo:not(.nobottomborder)::after, .side-header #primary-menu:not(.nobottomborder)::after {
    border-bottom: 0px solid #e5e5e5;
    content: "";
    display: block;
    width: 20%;
}	
.side-header #logo {
    float: none;
    margin: 20px 0 0px;
}
	

	
.side-header #header-wrap {
	/*width: 300px;*/
	width: 260px;
	/*padding-right: 40px;*/
	padding-right: 10px;
}

.side-header #header .container {
	/*padding: 0 30px !important;*/
	padding: 0 15px !important;
}
	
	

	
	
	
/* -----------------------------------------------------------------*/
/*          						  			*/
/* SIDE PANEL														*/
/*																	*/
/* -----------------------------------------------------------------*/

#side-panel .side-panel-wrap {
  padding: 20px 70px 50px 20px;
}

/* pour uniformiser avec le menu de la home */
.nav-tree li a {
    letter-spacing: 1px;
}



	
	
	
	
	
	
	
	
	
	

/* -----------------------------------------------------------------*/
/* COUNTER HOMEPAGE FOOTER 17:22 18/10/2016
/*
/* -----------------------------------------------------------------*/
.counter.counter-small + h5 {
    font-size: 11px;
}

/* -----------------------------------------------------------------*/
/* Overwrite TOM 14:24 14/03/2016*/
/*HOME PAGE - TAILLE ROLL OVER BACKGROUND BLANC POUR SS MENU*/
/* -----------------------------------------------------------------*/
.portfolio-notitle .portfolio-desc {
	height: 108px;
	/*padding: 8px 5px;*/
	/*bottom: -131px;*/
	bottom: -108px;
	left: 0;
		
}

.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom: -108px;
	border-bottom: 0;
}


/* -----------------------------------------------------------------*/
/* Overwrite TOM 12:46 04/11/2016*/
/*HOME PAGE - PORTFOLIO Aspect des textes descriptions*/
/* -----------------------------------------------------------------*/

/* original*/
/*
.portfolio-desc {
	z-index: 3;
	padding: 15px 5px 10px;
}

.portfolio-desc h3 {
	margin: 0;
	padding: 0;
	font-size: 19px;
}

.portfolio-desc h3 a { color: #222; }

.portfolio-desc h3 a:hover { color: #1ABC9C; }

.portfolio-desc span {
	display: block;
	margin-top: 3px;
	color: #888;
}

*/



.portfolio-desc-home span a { color: #888; }

.portfolio-desc-home span a:hover { color:  #1ABC9C; }



/* -----------------------------------------------------------------*/
/* Overwrite TOM 12:46 04/11/2016*/
/*HOME PAGE - Aspect des Overlay*/
/* -----------------------------------------------------------------*/

/* opacité de l'overlay*/
.portfolio-overlay-home {
    background-color: rgba(0, 0, 0, 0.4);
}











/* -----------------------------------------------------------------*/
/* Overwrite TOM 11:55 17/03/2016               				      */
/* PROJECT PAGE														*/
/* Encadrememnt images Sponsors PAGE														*/
/* -----------------------------------------------------------------*/
.dotted-image2px {
	border:2px dotted #DDDDDD;
}



.content-wrap-small {
    padding: 30px 0;
    position: relative;
}

/* -----------------------------------------------------------------*/
/* Overwrite TOM 01:44 18/03/2016                			        */
/* PORTFOLIO														*/
/* Reduction espace									         		*/
/* -----------------------------------------------------------------*/

.portfolio-filter {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    float: left;
    list-style: outside none none;
    margin: 0 0 8px;
    position: relative;
}

/* -----------------------------------------------------------------*/
/* TOM 16:26 18/03/2016                                             */
/*											*/
/* Reduction espace									         		*/
/* -----------------------------------------------------------------*/

.bottommargin-ssm {
    margin-bottom: 15px !important;
}

.topmargin-ssm {
    margin-top: 15px !important;
}

/* -----------------------------------------------------------------*/
/* Overwrite TOM 01:44 18/03/2016                    */
/*Project Diaporama														*/
/*Agrandissement des thumbs									*/
/* -----------------------------------------------------------------*/
.flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img {
    display: block;
    height: auto !important;
    width: 105px !important;
}


/* -----------------------------------------------------------------*/
/*  TOM 01:44 12:26 01/04/2016                   */
/* Bordure Participating countries														*/
/*							*/
/* -----------------------------------------------------------------*/

.border-portfolio-1 {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 0px;
    padding: 4px;
    transition: border 0.2s ease-in-out 0s;
}



/* -----------------------------------------------------------------*/
/*  TOM 16:41 01/04/2016                 							*/
/*  Participating Countries / Participating labo			*/
/*							*/
/* -----------------------------------------------------------------*/

/* fork de la classe .entry-content*/
.entry-content-tom1 {
    margin-top: 1px;
    position: relative;
	line-height: 1.0;

	
	}

.entry-meta-tom1 {
	margin: 20px 5px -15px 0;
	list-style: none;
}

.entry-meta-tom1 li {
	float: left;
	font-size: 13px;
	line-height: 12px;
	margin: 0 10px 15px 0;
	color: #999;
	font-family: 'Crete Round', serif;
	font-style: italic;
}

.entry-meta-tom1 li:before {
	display: inline-block;
	margin-right: 10px;
	opacity: 0.5
}

.entry-meta-tom1 li i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-right: 3px;
}

.entry-meta-tom1 li a { color: #999; }

.entry-meta-tom1 li a:hover { color: #1ABC9C; }

.entry-meta-tom1 li:first-child:before { display: none; }

.entry-meta-tom1 li ins {
	font-weight: 600;
	text-decoration: none;
}

/* ----------------------------------------------------------------
Steering committee
-----------------------------------------------------------------*/

.portfolio-6 .portfolio-desc h3 {
    font-size: 14px;
}




/* RElated Project */
/* Style original dans section */
/* ----------------------------------------------------------------
	Shop
-----------------------------------------------------------------*/

/* remplace product par projet*/


.projet { position: relative; }

.shop .projet {
	float: left;
	padding: 0 20px 20px 0;
	width: 25%;
}

.projet-image {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.projet-image > a,
.projet-image .slide a,
.projet-image img {
	display: block;
	width: 100%;
	height: 100%;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .projet-image > a {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.projet-image > a:nth-of-type(2) {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.projet-image:hover > a:nth-of-type(2) {
	opacity: 1;
	z-index: 2;
}

.projet-desc {
	padding: 15px 0;
	font-size: 14px;
}

.projet-title { margin-bottom: 0px; }

.projet-title h3 {
	margin: 0;
	font-size: 20px;
}

.projet-title h3 a,
.single-product .projet-title h2 a { color: #1C3354; }

.projet-title h3 a:hover,
.single-product .projet-title h2 a:hover { color: #1ABC9C; }

.projet-price {
	font-size: 14px;
	font-weight: lighter;
	color: #444;
	margin-bottom: 4px;
}

.projet-price del {
	font-weight: 400;
	font-size: 90%;
	color: #888;
}

.projet-price ins {
	text-decoration: none;
	color: #1ABC9C;
}

.projet-overlay {
	position: absolute;
	width: 100%;
	height: 44px;
	line-height: 44px;
	top: auto;
	bottom: -44px;
	left: 0;
	z-index: 6;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .projet-overlay {
	-webkit-transition: bottom .3s ease-in-out;
	-o-transition: bottom .3s ease-in-out;
	transition: bottom .3s ease-in-out;
}

.projet:hover .projet-overlay { bottom: 0; }

.projet-overlay a {
	display: block;
	float: left;
	width: 100%;
	font-size: 13px;
	color: #FFF;
	background-color: #1C3354;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.1);
}



body:not(.device-touch):not(.device-xs):not(.device-xxs) .projet-overlay a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.projet-overlay a.item-quick-view { border-right: 0; }

.projet-overlay a i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-right: 3px;
}

.projet-overlay a:hover {
	background-color: #138C8C;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}




/* Shop - Single
-----------------------------------------------------------------*/

.single-product .projet {
	width: 100%;
	margin: 0;
}


.single-product .projet-image,
.single-product .projet-image img { height: auto; }

.single-product .projet-desc { padding: 10px 0px 10px; }

.single-product .projet-title h2 {
	font-size: 28px;
	margin-bottom: 8px;
}

.single-product .projet-price {
	float: left;
	font-size: 14px;
	color: #888;
	margin-bottom: 0;
}

.single-product .projet-rating {
	float: right;
	position: relative;
	top: 9px;
}

.single-product .projet-desc .line { margin: 20px 0; }


.single-product .add-to-cart.button {
	height: 40px;
	line-height: 40px;
}

.projet-meta {
	font-size: 13px;
	color: #777;
}

.projet-meta > .panel-body { margin-bottom: -5px; }

.projet-meta > .panel-body > span {
	display: block;
	margin-bottom: 5px;
}


.single-product .feature-box.fbox-plain.fbox-small { padding-left: 26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon { width: 20px; }

.single-product .feature-box.fbox-plain.fbox-small h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 7px;
}

.single-product .feature-box.fbox-plain.fbox-small p { margin-left: -26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 18px; }


/* Individual Product
-----------------------------------------------------------------*/

.projet.iproduct {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.iproduct .projet-image,
.iproduct .projet-image a,
.iproduct .projet-image img { height: auto; }




/* -----------------------------------------------------------------*/
/*  TOM 14:58 02/09/2016             							*/
/*  Component DataTable - Bootstrap style	     		*/
/*					                                        		*/
/* -----------------------------------------------------------------*/

/* Datatable PEER REVIEW ARTICLES liste/*
/* Style années*/

.table-list-th {
    display: none;
	
}

.table-list-groupsstitle {
    background-color: #fff;
	color: #138C8C;
	letter-spacing: 1;
	font-size: 26px !important;
	font-weight: lighter;
	
}

.table-list-td-groupsstitle {
    	padding-top: 2px !important;
		padding-bottom: 2px !important;
		/*margin-bottom: 20px !important;*/
}




/* -----------------------------------------------------------------*/
/*  TOM 14:40 07/09/2016        									*/
/*  Vue blog 4 colonnes									     		*/
/*	Utilisé dans Relevant Reports 			                   		*/
/* -----------------------------------------------------------------*/

.entry-custom1 { 
		 padding: 0 0 25px;
}

.margin-entry-content-custom { 
		 margin-top: 15px !important;
}
.margin-entry-image-custom { 
		margin-bottom: 15px !important;
}


/* -----------------------------------------------------------------*/
/*  TOM 11:33 13/09/2016      										*/
/*  Table responsive pour PastMeetings					     		*/
/*	Utilisé dans Relevant Reports 			                   		*/
/* -----------------------------------------------------------------*/

#past-meeting {
  width: 100%;
}

#past-meeting td {
  vertical-align: middle;
}

/* Column widths are based on these cells */
.row-pm1 {
  width: 15%;
}
.row-pm2 {
  width: 60%;
}
.row-pm3 {
  width: 10%;
}
.row-pm4 {
  width: 15%;
}

.row-um1 {
  width: 10%;
}
.row-um2 {
  width: 70%;
}
.row-um3 {
  width: 30%;
}



.table-hover-dark > tbody > tr:hover {
	background-color: #E8E8E8;
}


/* -----------------------------------------------------------------*/
/*  TOM 18:33 15/09/2016    										*/
/*  Toogle  pour Upcoming Meetings					     		*/
/*				                   		*/
/* -----------------------------------------------------------------*/

/* pour enlever les marges dans un toogle et inserer par exemple un table*/
.togglec-nopadding {
	padding: 0!important;
}

/* -----------------------------------------------------------------*/
/*  TOM 18:29 21/09/2016										*/
/*  TIMELINE POUR PAST MEETING				     		*/
/*				                   		*/
/* -----------------------------------------------------------------*/

.entry {
	border-bottom: 2px solid #ffffff;
}



/* -----------------------------------------------------------------*/
/* 13:23 04/10/2016								  	*/
/*  TABLEAU ALIGNEMENT Celulle vertical milieu		     		*/
/*				                   		*/
/* -----------------------------------------------------------------*/
.valigncenter {
vertical-align: middle!important;
}


/* -----------------------------------------------------------------*/
/* 15:54 03/11/2016							                    	*/
/* FOOTER                                       		     		*/
/*				                   	                             	*/
/* -----------------------------------------------------------------*/

/*Couleur de fond du footer (avant #333 dans dark.css)*/

#footer.dark,
.dark #footer {
	background-color: #162943;
	color: #CCC;
	border-top-color: rgba(0,0,0,0.2);
}

/* -----------------------------------------------------------------*/
/* 18:08 15/11/2016					                    	*/
/* TOGGLE                                     		     		*/
/*				                   	                             	*/
/* -----------------------------------------------------------------*/

/* TOGGLETitle - Bottom Short Border
-----------------------------------------------------------------*/
.togglet.title-bottom-border h1,
.togglet.title-bottom-border h2,
.togglet.title-bottom-border h3,
.togglet.title-bottom-border h4,
.togglet.title-bottom-border h5,
.togglet.title-bottom-border h6 {
	display: block;
	background: transparent;
	padding: 0 0 10px;
	border-bottom: 2px solid #1ABC9C;
}



/* -----------------------------------------------------------------*/
/* PANNEAU vue sans Scientific Highlights
-----------------------------------------------------------------*/
/* remplace panel-info*/
.panel-info-blue-bgc {
    border-color: #1C3354;
}


.panel-info-blue-bgc > .panel-heading {
    background-color: #1C3354;
    border-color: #1C3354;
    color: #FFFFFF;
}

.panel-info-blue-bgc > .panel-heading > .panel-title > a:hover {
    color: #E6E6E6;
}



/* remplace panel-success*/

.panel-success-green-bgc {
    border-color: #138C8C;
}


.panel-success-green-bgc > .panel-heading {
    background-color: #138C8C;
    border-color: #138C8C;
    color: #FFFFFF;
}

.panel-success-green-bgc > .panel-heading > .panel-title > a:hover {
    color: #E6E6E6;
}


/* remplace panel-danger*/

.panel-danger-orange-bgc {
    border-color: #E94A3D;
}


.panel-danger-orange-bgc > .panel-heading {
    background-color: #E94A3D;
    border-color: #E94A3D;
    color: #FFFFFF;
}

.panel-danger-orange-bgc > .panel-heading > .panel-title > a:hover {
    color: #E6E6E6;
}


/* -----------------------------------------------------------------*/
/* PROGRAM NEWS - Link sur etiquettes TAG
-----------------------------------------------------------------*/
.label-vert-bgc > a {
	    color: #FFFFFF;
		text-decoration: none;
}

.label-orange-bgc > a {
	    color: #FFFFFF;
		text-decoration: none;
}

.label-bleu-bgc > a {
	    color: #FFFFFF;
		text-decoration: none;
}


/* -----------------------------------------------------------------*/
/* DATA-MANAGMENT-TASK-TEAM
	-----------------------------------------------------------------*/
/* pour les MODAL */

.green-bold {
    display: inline-block;
    font-weight: bold;
    color: #1ABC9C;
}


/* -----------------------------------------------------------------*/
/* PEER REVIEW ARTICLES
	-----------------------------------------------------------------*/
/* pour la barre de sous menu */

.nav-tabs-bgc > li.active  {
    font-size: 14px;
    font-weight: bold;

}



/* -----------------------------------------------------------------*/
/* TOOLS AND RESSOURCES
	-----------------------------------------------------------------*/

/* Feature Box - Blue Background
-----------------------------------------------------------------*/

.feature-box.fbox-bleu-bgc.fbox-outline .fbox-icon { border-color: #1C3354; }

.feature-box.fbox-bleu-bgc .fbox-icon i,
.feature-box.fbox-bleu-bgc .fbox-icon img { background-color: #1C3354 }


/* Feature Box - Border - Blue */

.feature-box.fbox-border.fbox-bleu-bgc .fbox-icon { border-color: #1C3354; }
.feature-box.fbox-border.fbox-bleu-bgc .fbox-icon i,
.feature-box.fbox-border.fbox-bleu-bgc .fbox-icon img { color: #1C3354; }

/* Feature Box - Plain - Blue*/
.feature-box.fbox-plain.fbox-bleu-bgc .fbox-icon i,
.feature-box.fbox-plain.fbox-bleu-bgc .fbox-icon img { color: #1C3354; }


/* Hover*/
.fbox-effect.fbox-bleu-bgc .fbox-icon i:after { box-shadow: 0 0 0 2px #1C3354; }

.fbox-effect.fbox-bleu-bgc .fbox-icon i:hover,
.fbox-effect.fbox-bleu-bgc:hover .fbox-icon i { background-color: #1C3354; }



/* Feature Box - Orange Background
-----------------------------------------------------------------*/

.feature-box.fbox-orange-bgc.fbox-outline .fbox-icon { border-color: #E94A3D; }

.feature-box.fbox-orange-bgc .fbox-icon i,
.feature-box.fbox-orange-bgc .fbox-icon img { background-color: #E94A3D }

/* Feature Box - Border - Orange */

.feature-box.fbox-border.fbox-orange-bgc .fbox-icon { border-color: #E94A3D; }
.feature-box.fbox-border.fbox-orange-bgc .fbox-icon i,
.feature-box.fbox-border.fbox-orange-bgc .fbox-icon img { color: #E94A3D; }

/* Feature Box - Plain - Orange*/
.feature-box.fbox-plain.fbox-orange-bgc .fbox-icon i,
.feature-box.fbox-plain.fbox-orange-bgc .fbox-icon img { color: #E94A3D; }

/* Hover*/
.fbox-effect.fbox-orange-bgc .fbox-icon i:after { box-shadow: 0 0 0 2px #E94A3D; }

.fbox-effect.fbox-orange-bgc .fbox-icon i:hover,
.fbox-effect.fbox-orange-bgc:hover .fbox-icon i { background-color: #E94A3D; }



/* Feature Box - Vert Background
-----------------------------------------------------------------*/

.feature-box.fbox-vert-bgc.fbox-outline .fbox-icon { border-color: #138C8C; }

.feature-box.fbox-vert-bgc .fbox-icon i,
.feature-box.fbox-vert-bgc .fbox-icon img { background-color: #138C8C }

/* Feature Box - Border - Vert */

.feature-box.fbox-border.fbox-vert-bgc .fbox-icon { border-color: #138C8C; }
.feature-box.fbox-border.fbox-vert-bgc .fbox-icon i,
.feature-box.fbox-border.fbox-vert-bgc .fbox-icon img { color: #138C8C; }

/* Feature Box - Plain - Vert*/
.feature-box.fbox-plain.fbox-vert-bgc .fbox-icon i,
.feature-box.fbox-plain.fbox-vert-bgc .fbox-icon img { color: #138C8C; }

/* Hover Vert*/
.fbox-effect.fbox-vert-bgc .fbox-icon i:after { box-shadow: 0 0 0 2px #138C8C; }

.fbox-effect.fbox-vert-bgc .fbox-icon i:hover,
.fbox-effect.fbox-vert-bgc:hover .fbox-icon i { background-color: #138C8C; }


