/*
Theme Name: bst-master
Description: Bootstrap Starter Theme (custom R20)
Version: 2.7.1
Text Domain: bst-master
*/


/*
Gris moyen : #737373
Sable Amis du R20 : #C59C71
Bleu twitter : #1DA1F2
Bleu titre / fond carrousel vidéos et menu : #0C77A5
Vert clair / Communautés : #B1C800
Bleu foncé / Technologies : #2B469C
Rose foncé / Financements : #9E2384
Vert / Le monde est vert : #007600
Orange / Fond vert Femmes R20 : #E67500
*/

/*
@media (min-width: 768px) {
	body {
		padding-top: 50px;
	}
}
@media (min-width: 992px) {
	body {
		padding-top: 180px;
	}
}
*/

@font-face {
	font-family : 'Museo-300';
	src         : url('./fonts/museo-sans-condensed/MuseoSansCnd-300.woff') format('woff');
}
@font-face {
	font-family : 'Museo-500';
	src         : url('./fonts/museo-sans-condensed/MuseoSansCnd-500.woff') format('woff');
}
@font-face {
	font-family : 'Museo-700';
	src         : url('./fonts/museo-sans-condensed/MuseoSansCnd-700.woff') format('woff');
}  
@font-face {
	font-family : 'ProximaNova-Regular';
	src         : url('./fonts/proxima-nova/315BC9_2_0.eot');
	src         : url('./fonts/proxima-nova/315BC9_2_0.eot?#iefix') format('embedded-opentype'),url('./fonts/proxima-nova/315BC9_2_0.woff2') format('woff2'),url('./fonts/proxima-nova/315BC9_2_0.woff') format('woff'),url('./fonts/proxima-nova/315BC9_2_0.ttf') format('truetype');
}

@font-face {
	font-family : 'ProximaNova-Semibold';
	src         : url('./fonts/proxima-nova/315BC9_5_0.eot');
	src         : url('./fonts/proxima-nova/315BC9_5_0.eot?#iefix') format('embedded-opentype'),url('./fonts/proxima-nova/315BC9_5_0.woff2') format('woff2'),url('./fonts/proxima-nova/315BC9_5_0.woff') format('woff'),url('./fonts/proxima-nova/315BC9_5_0.ttf') format('truetype');
}
 
@font-face {
	font-family : 'ProximaNova-SemiboldIt';
	src         : url('./fonts/proxima-nova/315BC9_8_0.eot');
	src         : url('./fonts/proxima-nova/315BC9_8_0.eot?#iefix') format('embedded-opentype'),url('./fonts/proxima-nova/315BC9_8_0.woff2') format('woff2'),url('./fonts/proxima-nova/315BC9_8_0.woff') format('woff'),url('./fonts/proxima-nova/315BC9_8_0.ttf') format('truetype');
} 
/*
@font-face {
	font-family: 'ProximaNovaA-Regular';
	src: url('./fonts/proxima-nova/315BC9_0_0.eot');
	src: url('./fonts/proxima-nova/315BC9_0_0.eot?#iefix') format('embedded-opentype'),url('./fonts/proxima-nova/315BC9_0_0.woff2') format('woff2'),url('./fonts/proxima-nova/315BC9_0_0.woff') format('woff'),url('./fonts/proxima-nova/315BC9_0_0.ttf') format('truetype');
} 

@font-face {
	font-family: 'ProximaNovaS-Regular';
	src: url('./fonts/proxima-nova/315BC9_1_0.eot');
	src: url('./fonts/proxima-nova/315BC9_1_0.eot?#iefix') format('embedded-opentype'),url('./fonts/proxima-nova/315BC9_1_0.woff2') format('woff2'),url('./fonts/proxima-nova/315BC9_1_0.woff') format('woff'),url('./fonts/proxima-nova/315BC9_1_0.ttf') format('truetype');
}*/


body {
	font-family : 'ProximaNova-Regular' !important;
	font-size   : 20px !important;
}

blockquote {
	font-family   : 'ProximaNova-SemiboldIt' !important;
	font-size     : 20px !important;
	border-left   : 5px solid #0C77A5 !important;
	margin-top    : 10px !important;
	margin-bottom : 10px !important;
}

h1 {
  font-family : 'Museo-700' !important;
  color       : #0C77A5 !important;
}

h2, h3{
  font-family : 'ProximaNova-Semibold' !important;
  font-size   : 22px !important;
}

h4 {
  font-family : 'Museo-300' !important;
}


/*h5, h6 {
  font-family : 'Museo-300' !important;
}
*/

@media only screen and (max-width: 768px) {
  h1 {
    font-size : 26px !important;
  }
  .article-badge-label {
	font-size : 12px !important;
  }
  .relance-title {
	font-size : 16px !important;
  }
  .relance-link {
	font-size : 8px !important;
  }
}

/*
#sticky-menu {
	position:fixed;
	top:0;
	z-index:1000;
	width:100%;
}*/

#header-top-navbar {
	background-color : #F5F5F5;
	height           : auto;
}
#header-tagline  {
	font-family : 'Museo-300' !important;
	color       : #0C77A5;
	right: 10px;
}
#r20-roc {
	margin : 20px;
}

#header-search-bar {
	margin-top    : 10px;
	margin-bottom : 10px;
}

.nav-menu-title {
	font-family : 'Museo-500';
	font-size   : 18px;
}

.ad-container {
	border     : 1px solid #737373;
	position   : relative;
	margin-top : 25px;
}

.ad-title {
	background-color : white;
	left             :-1px;
    margin-left      : 0px;
    margin-top       : -8px;
	padding-left     : 0px;
	padding-right    : 4px;
	position		 : absolute;
	font-family      : 'Museo-700';
	font-size        : 12px;
	color            : #737373;
}

.ad-text {
	color       : white;
	font-family : 'Museo-700';
}
.ad-text > a {
	color           : white !important;
	text-decoration : underline !important;
}


.article-legend {
	font-family : 'Museo-300';
	font-size   : 18px;
}

.article-thumb {
	width  : 800px;
	height : 360px;
}

#main-article-container {
	position   : relative;
	margin-top : 25px;
	overflow   : hidden;
}

#main-article-layer {
	position         : absolute;
	top              : 0px;
	right            : 0px;
	height           : 100%;
	width            : 360px;
	z-index          : 2;
	background-color : rgba(0, 0, 0, 0.7);
	overflow         : hidden;
	text-overflow    : ellipsis;
	color            : white;
}
#main-article-tag {
	color            : black !important;
	background-color : #909090 !important;
}
#main-article-title {
	position : absolute;
	top      : 15%;
	margin   : 10px;
}
#main-article-title>a:hover {
	color : white;
}

#main-article-content {
	position : absolute;
	top      : 50%;
	margin   : 10px;
}
#main-article-tag-container {
	position : absolute;
	top      : 80%;
	margin   : 10px;
	right    : 0px;
}

.video-article-container {
	position   : relative;
	margin-top : 25px;
	overflow   : hidden;
}

.video-article-layer {
	position         : absolute;
	top              : 0px;
	right            : 0px;
	height           : 100%;
	width            : 360px;
	z-index          : 2;
	overflow         : hidden;
	text-overflow    : ellipsis;
	color            : white;
}
.video-article-tag {
	color            : black !important;
	background-color : #909090 !important;
}
.video-article-title {
	margin   : 10px;
}

.video-article-content {
	margin   : 10px;
}
.video-article-tag-container {
	position : absolute;
	top      : 70%;
	margin   : 10px;
	right    : 0px;
}

.article-badge {
	position : absolute;
	top      : 0px;
	left     : 0px;
}
.article-badge-label {
	font-family   : 'Museo-500';
	font-size     : 16px;
	color         : white;
	padding-right : 8px;
	padding-left  : 8px;
}

.article-container {
	position   : relative;
	margin-top : 25px;
	overflow   : hidden;
}

.article-tag-container {
	margin-top:-10px;
	font-size        : 12px !important;
}
.article-tag {
	padding          : 3px;
	background-color : #C1C1C1;
}

.background-color-community          { background-color: #B1C800; }
.background-color-financing          { background-color: #9E2384; }
.background-color-technology        { background-color: #2B469C; }
.background-color-greenworld        { background-color: #007600; }
.background-color-greenfundwomen { background-color: #E67500; }

.background-color-blue                     { background-color: #0C77A5; }
.background-color-grey                     { background-color: #737373; }

.border-top-community                      { border-top: 4px solid #B1C800; }
.border-top-financing                      { border-top: 4px solid #9E2384; }
.border-top-technology                    { border-top: 4px solid #2B469C; }
.border-top-greenworld                    { border-top: 4px solid #007600; }
.border-top-greenfundwomen             { border-top: 4px solid #E67500; }

.border-bottom-community                { border-bottom: 1px solid #B1C800; }
.border-bottom-financing                { border-bottom: 1px solid #9E2384; }
.border-bottom-technology              { border-bottom: 1px solid #2B469C; }
.border-bottom-greenworld              { border-bottom: 1px solid #007600; }
.border-bottom-greenfundwomen       { border-bottom: 1px solid #E67500; }

.text-community          { color: #B1C800; }
.text-financing          { color: #9E2384; }
.text-technology        { color: #2B469C; }
.text-greenworld        { color: #007600; }
.text-greenfundwomen { color: #E67500; }

.text-white-no-decoration {
	color      : white;
	decoration : none;
}
.text-white-no-decoration:hover {
	color : white;
}
.text-grey-no-decoration {
	color      : #333;
	decoration : none;
}

.carousel-article-title {
	font-family   : 'Museo-700';
	padding       : 5px;
	color         : white !important;
}
		
@media (min-width: 768px) {
	.carousel-inner {
		width: 750px !important;
	}
  
	.carousel-article-title {
		font-size     : 12px !important;
	}
}
@media (min-width: 992px) {
	.carousel-inner {
		width: 970px !important;
	}
  
	.carousel-article-title {
		font-size     : 16px !important;
	}
}
@media (min-width: 1200px) {
	.carousel-inner {
		width: 1170px !important;
	}
	
	.carousel-article-title {
		font-size     : 20px !important;
	}
}
.carousel-container {
	background-color : #0C77A5;
	max-width        : 1280px;
	height           : 400px;
	color            : white;
}
.carousel-indicators {
	top : 240px;
}

.carousel-title {
	font-family   : 'Museo-700';
	font-size     : 24px;
	padding       : 30px;
}

.carousel-title >a {
	color           : white !important;
	text-decoration : underline !important;
}

/*
.carousel-all-video-link{
	font-family   : 'Museo-300';
	font-size     : 14px;
}
*/
	
.carousel-control {
    background-image : none !important;
	outline          : none !important;
	width            : 50px !important;
	top              : -40px !important;
	/*height           : 50px !important;*/
}
/*.carousel.slide {
	height : 200px;!important
}*/

.footer-container {
	margin-top       : 30px;
	padding-top      : 10px;
	color            : white;
	background-color : #737373;
}

.footer-title-1 {
	font-family : 'Museo-700';
	font-size   : 22px !important;
}

.footer-title-2 {
	font-family : 'Museo-300';
	font-size   : 18px !important;
}

.footer-text, .footer-text * {
	font-family : 'Museo-300';
	font-size   : 14px;
	color       : white !important;
}

.footer-content, .footer-content * {
	font-family : 'Museo-300';
	font-size   : 12px;
	color       : white !important;
	padding-left: 10px;
}

.arnold-web-site-link {
	font-family : 'Museo-500';
}

.img-social-network {
	max-height : 32px;
}

.r20friends-container {
	position     : relative;
	height       : 450px;
	width        : 100%;
	margin-top   : 50px;
	border-right : 6px solid #C59C71;
}

.r20friends-border-badge {
	position         : absolute;
	background-color : white;
	top              : -6px;
	padding-left     : 6px;
	padding-right    : 6px;
	z-index          : 3;
	font-family      : 'museo-500';
	font-size        : 14px;
	color            : #C59C71;
}

.r20friends-title {
	padding-left : 5px;
	padding-top  : 5px;
	font-family  : 'museo-300';
	font-size    : 32px;
	color        : #737373;
	border-left  : 6px solid #C59C71;
	border-top   : 6px solid #C59C71;
}

.r20friends-list-group {
	height     : 394px;
	display    : block;
	overflow   : hidden;
	overflow-y : scroll;
}

.r20friends-item-title {
	font-family  : 'museo-700';
	font-size    : 16px;
}
.r20friends-item-content {
	font-family  : 'museo-300';
	font-size    : 16px;	
}
.twitter-container {
	position     : relative;
	height       : 450px;
	width        : 100%;
	margin-top   : 60px;
	border-right : 6px solid #1DA1F2;
}

.twitter-border-badge {
	position         : absolute;
	background-color : white;
	left             : 112px;
	top              : -6px;
	padding-left     : 6px;
	padding-right    : 6px;
	z-index          : 3;
	font-family      : 'museo-500';
	font-size        : 14px;
	color            : #1DA1F2;
}

.twitter-title {
	padding-left : 5px;
	padding-top  : 5px;
	font-family  : 'museo-300';
	font-size    : 32px;
	color        : #737373;
	border-left  : 6px solid #1DA1F2;
	border-top   : 6px solid #1DA1F2;
}

/* HOMEPAGE AGENDA */
.agenda-container {
	position     : relative;
	height       : 450px;
	width        : 100%;
	margin-top   : 50px;
	border-right : 6px solid #737373;
}
.agenda-border-badge {
	background-color : white;
	position         : absolute;
	left             : 112px;
	top              : -6px;
	padding-left     : 6px;
	padding-right    : 6px;
	z-index          : 3;
	font-family      : 'museo-500';
	font-size        : 14px;
	color            : #737373;
}

.agenda-title {
	padding-left : 5px;
	padding-top  : 5px;
	font-family  : 'museo-300';
	font-size    : 32px;
	color        : #737373;
	border-left  : 6px solid #737373;
	border-top   : 6px solid #737373;
}

.agenda-list-group {
	height     : 394px;
	display    : block;
	overflow   : hidden;
	overflow-y : scroll;
}
.agenda-item-title {
	font-family : 'museo-300';
	font-size   : 14px;
	color       : #A0090E;
}

.agenda-item-content {
	color       : black;
	font-family : 'museo-300';
	font-size   : 14px;
}


.homepage-video-container {
	position   : relative;
	border-top : 4px solid #737373;
	margin-top : 25px;
}

.homepage-video-badge {
	position         : absolute;
	top              : -10px;
	left             : 10px;
	padding-left     : 5px;
	padding-right    : 5px;
	font-family      : 'museo-500';
	font-size        : 14px;
	color            : #737373;
	background-color : white;
}

.relance-container {
	margin-top:50px;
	height:105px;
	position : relative;
	overflow:hidden;
}

.relance-title {
	position    : absolute;
	left        : 105px;
	margin-top  : 5px;
	font-family : 'museo-700';
	font-size   : 30px;
	line-height : 35px;
}

.relance-link {
	position    : absolute;
	right       : 0px;
	font-family : 'museo-700';
	font-size   : 14px;
	top         : 80px;
}
.relance-img {
	height : 100px;
	width  : 100px;
}
a:hover {
	text-decoration:none !important;
}