/*
 Theme Name:         Méthode Busquet
 Theme URI:            https://www.exorde.com
 Description:        A child theme of WPBS Theme
 Author:                 eXorde
 Author URI:         https://exorde.com/
 Template:             wp-bootstrap-starter
 Version:                1.4
*/

/****************************************
*** Theme customization starts below ***
*****************************************/
/* @import url('assets/css/header.css'); */
@import url('assets/css/helpers.css');

/*@font-face {
    font-family: 'Aovel-Neo-Ultralight';
    src:url('assets/css/webfont/Aovel-Neo-Ultralight.ttf.woff') format('woff'),
        url('assets/css/webfont/Aovel-Neo-Ultralight.ttf.svg#Aovel-Neo-Ultralight') format('svg'),
        url('assets/css/webfont/Aovel-Neo-Ultralight.ttf.eot'),
        url('assets/css/webfont/Aovel-Neo-Ultralight.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}*/

/* ----------------------
 	General styles
   ---------------------- */
html,
body {
	color: #666666;
	background-color: #f6f6f6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Century Gothic, Poppins, sans-serif;
	margin: 0 0 20px;
}

h1,
.h1 {
	font-size: 2rem;
}

h2,
.h2 {
	font-size: 1.8rem;
}

h3,
.h3 {
	font-size: 1.5rem;
}

h4,
.h4 {
	font-size: 1.3rem;
}

h5,
.h5 {
	font-size: 1.2rem;
}

h6,
.h6 {
	font-size: 1rem;
}

.entry-header {
	padding: 0;
}


nav {
	/*	background-image: url(assets/images/header-onepage-bkg.jpg);
	background-position: top center;
	background-size: cover;
	min-height: 180px; */
	background-color: #fff;
	padding: 1em;
	margin-bottom: 5vh;
}

.page h1.entry-title,
h1.entry-title {
	color: #90CFE1;
	font-family: Century Gothic, Poppins, sans-serif;
	/* 'Aovel-Neo-Ultralight', 
	background: #fff;*/
	display: block;
	border: 0;
	padding: 20px;
	margin: 0;
	font-size: 24px !important;
	font-weight: thin;
	text-align: center;
	transition: all .35s linear;
}

@media (max-width: 580px) {
	.page h1.entry-title {
		font-size: 24px;
	}
}

@media (max-width: 768px) {

	body,
	p,
	.methode-bq-facts p,
	li {
		font-size: 18px
	}
}

@media (max-width: 992px) {
	.page h1.entry-title {
		display: block;
		margin-left: 0;
		font-size: 30px;
		padding: 1em 0.5em;
	}
}

a {
	color: #A6CA12;
}

.btn-primary,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: #BED522;
	border-color: #BED522;
}

.btn-primary:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: #AEC512;
	border-color: #AEC512;
}

.btn-secondary {
	background-color: #555555;
	border-color: #555555;
}

#content.site-content {
	min-height: calc(100vh - 312px);
	padding-top: 0;
}

#content>.container-fluid {
	/*	padding-left:0;
	padding-right:0; */
}

#primary.content-area.col-sm-12 {
	padding: 0 !important;
}

#page {
	/*	background:url(assets/images/page-bkg.jpg) top left no-repeat;*/
}

.author.vcard {
	width: auto;
	display: inline;
	box-shadow: none;
	padding: 0;
}

.post-thumbnail {
	background: #f3f3f3 url(assets/images/logo-figures_nb.png) no-repeat center center;
}

.posted-on {
	font-size: 12px;
}

.orange-message a {
	color: white !important;
}

.bg-white {
	background-color: #fff;
	color: #789
}

.bg-grey {
	background-color: #eef2f6;
	color: #789
}

.bg-green {
	background-color: #BED522;
	color: #fff
}

.bg-blue {
	background-color: #90CFE1;
	color: #fff
}

.bg-darkblue {
	background-color: #00A5D1;
	color: #fff
}

.bg-green a,
.bg-blue a {
	color: #f6f6f6;
	text-decoration: underline;
}

.bg-white a,
.bg-grey a {
	color: #BED522
}

.bg-grey a.btn-primary {
	color: #FFF
}

.bg-grey h3,
.bg-grey h4 {
	color: #BcB5B9
}

.bg-green h3,
.bg-blue h3 {
	color: rgba(255, 255, 255, 0.8)
}

.bg-red {
	background-color: #fcc;
	color: #c00;
}

.bg-cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 300px;
}

/* ----------------------
 	GUTTENBERG EDITOR
   ---------------------- */
.wp-block,
.editor-styles-wrapper .wp-block {
	max-width: 1140px !important;
}

/* ----------------------
 	FRONTPAGE
   ---------------------- */
header#masthead {
	margin: 0 0 64px;
	background-color: #fff;
	box-shadow: none;
	padding: 0;
}

#frontpage-header {
	background: #fff url(assets/images/header-bkg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 135px;
}

#frontpage-header img.logo-head {
	max-width: 70%;
}

#frontpage-header img.logo-figure {
	max-width: 88%;
}

@keyframes pop-in {
	0% {
		opacity: 0;
		transform: translateY(-4rem) scale(1.2);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

.animate-pop-in {
	animation: pop-in .9s ease-out forwards;
}

#frontpage-sub-header {
	background: #b8d119;
	padding-bottom: 115px;
	margin-bottom: 0px;
	position: relative;
}

#frontpage-sub-header p,
#frontpage-sub-header h3 {
	text-align: center;
	color: #fff;
}

#frontpage-bubble {
	border-radius: 42px;
	position: absolute;
	bottom: -98px;
	left: 0;
	right: 0;
	padding: 42px;
	width: 800px;
	max-width: 800px;
	margin: 0 auto;

	border: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.25);
	z-index: 75;
}

#frontpage-bubble h1 {
	color: #00a5d1;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}

#frontpage-bubble h1 small {
	font-size: 60%;
}

.frontapge-cover {
	background-color: #BCD71A;
	margin: -24px 0 15px;
	height: calc(30vh);
}

.frontpage-shortcuts {
	background: #00a5d1;
	/* #cbf1ff; */
	color: #fff;
	/*#4f7593; */
	text-align: center;
	padding: 0;
	margin-top: 120px;
}

.frontpage-shortcuts .wp-block-column {
	background: #00a5d1;
	/* #cbf1ff; */
	color: #bbd1ef;
	padding: 96px 0.5em 80px;
}

.frontpage-shortcuts .fp_icon {
	position: absolute;
	left: 50%;
	top: -80px;
	margin-left: -80px;
	background: #fff;
	border-radius: 50%;
}

.frontpage-shortcuts h2 a {
	font-size: 18px;
	margin-bottom: 8px;
	color: #fff;
	font-weight: bold
}

.frontpage-shortcuts .wp-block-column:hover .fp_icon {
	/* transform: rotate(-24deg); */
	top: -100px;
	transition: all .25s linear;
}

.wp-block-group.z-depth-2.bg-green.rnd-2 {
	max-width: 360px;
	margin: 0 auto !important;
}

.fp_keys-figures {
	margin: 50px auto;
	width: 230px;
	height: 230px;
	font-family: Century Gothic, sans-serif;
	background-color: transparent;
	border: 4px solid #b8d400;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	padding-top: 64px;
	line-height: 24px;
}

.fp_keys-figures strong {
	font-weight: normal;
	color: #b8d400;
	font-size: 60px;
}

.fp_keys-figures em,
.fp_keys-figures i {
	font-weight: normal;
	font-size: 12px;
}

.fp_keys-figures:hover {
	background: #b8d400;
	color: #fff;
	transition: all .15s linear;
}

.fp_keys-figures:hover strong,
.fp_keys-figures:hover a {
	text-decoration: none;
	color: #fff;
}

@media (max-width: 1169px) {
	#frontpage-bubble {
		left: 10%;
		right: 10%;
		width: auto;
	}
}

@media (max-width: 992px) {
	#frontpage-bubble {
		left: 1em;
		right: 1em;
		padding: 28px;
		border-radius: 32px;
		min-width: 70%;
		/*440px;*/
	}

	#frontpage-bubble h1 {
		font-size: 26px;
		line-height: 25px;
	}
}

/** ============================================================================ 
    La Méthode
    ============================================================================ */
.methode-bq-blue {
	background: #90cfe1;
	color: #fff;
}

.methode-bq-green {
	background: #bed522;
	color: #fff;
	padding-bottom: 3em;
}

.methode-bq-blue,
.methode-bq-green,
.methode-bq-facts {
	padding-right: 0px;
	padding-left: 0px;
}

.leo-michele-photo {
	background: #ccc url(assets/images/leo-et-michele-busquet.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 425px;
	margin: 0;
}

.methode-bq-blue h2,
.methode-bq-green h2 {
	color: #fff;
	padding: 1em;
}

.methode-bq-green p,
.methode-bq-green li {
	font-weight: 600;
}

.methode-bq-blue p,
.methode-bq-facts p {
	padding: 0 8%;
	font-family: Times new roman, Helvetica, serif;
	font-style: italic;
	font-size: 20px;
	line-height: 26px;
}

.methode-bq-facts .wp-bootstrap-blocks-row.row {
	margin-top: 2em;
}

.methode-bq-facts .col {
	margin: 0;
}

.methode-bq-facts h2 {
	text-align: center;
	padding-bottom: 2em;
}

.methode-bq-blue h2,
.methode-bq-blue .figure,
.methode-bq-blue .wp-block-image,
.methode-bq-facts h2,
.methode-bq-facts .figure,
.methode-bq-facts .wp-block-image {
	margin: 0 auto;
}

@media (max-width: 1280px) {
	.methode-bq-facts h2 {
		padding: 1em 0;
	}

	.methode-bq-facts p {
		font-size: 18px;
		line-height: 20px;
		padding: 0 1em 1em;
	}
}

@media (max-width: 992px) {
	.methode-bq-blue p {
		font-size: 20px;
		line-height: 24px;
		padding: 0 2em 1em;
	}
}

.uagb-testinomial-text-wrap {
	font-size: 24px;
}

.uagb-tm__author-name {
	font-size: 15px;
}

/** ------------------------------------------------------------------
    FORMATION
    ------------------------------------------------------------------ */

#ville_grid a {
	line-height: 42px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin: 0.5em;
	box-shadow: 0 0 28px 6px rgba(120, 120, 120, 0.2);
	background: #fff;
	color: #666;
	text-decoration: none;
}

/* couleurs des seminaires. A synchroniser avec l\'admin si changement */
.bkg-s1 {
	background-color: #ffe500 !important;
}

.bkg-s2 {
	background-color: #ff9903 !important;
}

.bkg-s3 {
	background-color: #d592c7 !important;
}

.bkg-s4 {
	background-color: #984ea3 !important;
}

.bkg-s5 {
	background-color: #b3dd49 !important;
}

.bkg-s6 {
	background-color: #80ced0 !important;
}

.bkg-s7 {
	background-color: #f54fa5 !important;
}

.bkg-s8 {
	background-color: #9ab9d8 !important;
}


.col-formation-summary {
	background: rgba(0, 0, 0, 0.1) url('../../../wp-content/uploads/2020/02/M029.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 300px;
	vertical-align: middle;
}

.formation-summary {
	background-color: rgba(255, 255, 255, 0.9);
	width: auto;
	margin: 5em auto;
	max-width: 480px;
	padding: 1em;
	color: #888;
}

.formation-summary a {
	color: #a7ba1b;
}

.formation-summary p {
	font-size: 18px;
}

.formation-facts li {
	font-size: 18px;
	line-height: auto;
	padding-bottom: 1em;
}

.data-edit {
	display: none
}

/* blocs modules */
.x2-module-block div.col-xs-12>div {
	box-shadow: 0 0 28px 6px #eee;
	border-radius: 8px;
	margin: 0
}

.x2-module-block h4 {
	color: #fff;
	min-height: 108px
}

.x2-module-block h4,
p {
	padding: 1em
}

.x2-module-block b {
	color: #fff;
	min-height: 58px;
	display: block
}

.x2-module-block b,
p {
	padding: 0.6em 1.2em
}

@media (min-width: 992px) {
	.x2-module-block b {
		min-height: 95px
	}
}

.formation-organisateur {
	max-width: 840px;
	min-width: 64%;
	margin: 2em auto;
	border: 1px solid #eee;
}

/* BLOCK INFOS FORMATION */
.formation-encart {
	background: #f6f6f9;
	padding: 1em;
	margin: 1em;
}

.formation-encart table {
	margin: 1.5em 0;
	color: #222;
}

.formation-encart .icon {
	padding: 0.5em;
	text-align: center;
	color: #aaa;
}

.formation-encart td {}

.formation-encart .formation-tarif {
	padding: 0;
	margin: 0 auto;
}

.formation-encart .formation-tarif>i {
	font-size: 12px;
}

/* Inscription form */
#insForm {
	max-width: 780px;
	min-width: 360px;
	margin: 5em auto
}

#insForm label {
	font-weight: normal;
	cursor: pointer
}

.table-diplome td {
	border: 0;
	text-align: center
}

.formation-seminaires {
	width: 100%;
}

.formation-seminaires .col-by-4,
.formation-seminaires .col-by-8 {
	margin: 0 auto;
	float: left;
}

.formation-seminaires .col-by-4 {
	max-width: 150px;
	min-width: 98px;
	width: 25%;
}

.formation-seminaires .col-by-8 {
	min-width: 112px;
	width: 12%;
}


/* BLOCK DATES FORMATIONS */
.form-button {
	position: absolute;
	bottom: -16px;
	left: calc(50% - 200px);
	width: 400px;
	z-index: 255;
	text-align: center;
}

.form-button a {
	padding: 0.25em 16px 0.25em 8px;
	background: #BED522;
	color: #fff;
	border-radius: 16px;
}

.form-button a:hover {
	text-decoration: none;
	background: #BAD21C;
}

.formation_closed {
	opacity: 0.6;
	background: #f3f3f3;
}

.dt-module {
	float: right;
	width: 164px;
	/*max-width:50%;*/
	background: rgba(206, 208, 207, 0.2) url(assets/images/dates_arrow.png) no-repeat bottom center;
	/*#f6f8f7*/
	border-radius: 16px;
	padding: 8px;
	margin-left: 1em
}

.formation_closed .dt-module {
	background-color: transparent;
}

.dt-module p {
	font-size: 75%;
	text-align: center
}

.dt-module p i {
	color: #999;
	display: block;
	line-height: 90%;
}

.dt-block {
	float: left;
	width: 50%;
	text-align: center;
	padding-bottom: 8px;
}

.dt-block .dt-day,
.dt-block .dt-month,
.dt-block .dt-year {
	display: block;
	/*	line-height:90%; */
}

.dt-block .dt-day {
	font-size: 150%;
	line-height: 80%;
}

.dt-block .dt-month {
	font-weight: bold;
	text-transform: uppercase;
}

.dt-block .dt-year {
	line-height: 80%;
}

/** ------------------------------------------------------------------
	WOOCOMMERCE
    ------------------------------------------------------------------ */
.woocommerce form .form-row label {
	line-height: 1;
	margin: 1rem 0 0.25rem;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}

.woocommerce-input-wrapper {
	width: 100%;
}

.woocommerce-bacs-bank-details {
	background-color: #eef2f6;
	color: #789;
	padding: 1.5em;
}

.woocommerce-terms-and-conditions {
	border: 1px solid rgba(100, 100, 100, .2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	background: #fff;
	margin: 0 -15px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background: #F6F6F9;
}

.woocommerce-additional-fields {
	display: none;
}

/** ------------------------------------------------------------------
    Comite Pedagogique
    ------------------------------------------------------------------ */

.comite-pedagogique .advgb-infobox-wrap {
	min-height: 210px;
}

.tshowcase-hover-box>div {
	overflow: hidden;
}

.tshowcase-hover-box img {
	width: 256px;
	vertical-align: top;
}

/* #tshowcase-hover-wrap.tshowcase-white-hover-wrap span span {
    opacity: 100 !important;
    top: 225px !important;
    margin: 0;
    background: rgba(255, 255, 255, 0.9) !important;
	color: #222222;
    width: 100% !important;
    height: 256px !important;
    font-size: 15px !important;
    line-height: 24px;
    padding:6px !important;
} */
#tshowcase-hover-wrap.tshowcase-white-hover-wrap span:hover span {
	top: 0;
}

#tshowcase-hover-wrap.tshowcase-white-hover-wrap .tshowcase-box-title a {
	color: #A6CA12 !important;
	text-align: center !important;
	font-weight: bold;
	display: block;
}

#tshowcase-hover-wrap.tshowcase-white-hover-wrap span span .tshowcase-box-info-inner div {
	padding: 8px !important;
}

.tshowcase-box-details .fab,
.tshowcase-box-table .fab,
#tshowcase-single-wrap .fab,
.tshowcase-box-details .fas,
.tshowcase-box-table .fas,
#tshowcase-single-wrap .fas {
	color: #ccc;
}

.tshowcase-vcard .ts-circle img,
.tshowcase-box-photo img,
.tshowcase-inner-box img,
.tshowcase-row-fluid .ts-circle img {
	width: 200px !important;
	max-width: auto;
}

.tshowcase-row-fluid .tshowcase-single-title,
.tshowcase-row-fluid .tshowcase-single-groups,
.tshowcase-row-fluid .tshowcase-single-location,
.tshowcase-row-fluid .tshowcase-single-telephone,
.tshowcase-row-fluid .tshowcase-single-email {
	padding-bottom: 1em;
}

.featherlight .featherlight-content {
	position: absolute !important;
	/*    text-align: left;
    vertical-align: middle;
    display: inline-block; */
	overflow: auto !important;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;
	top: 0;
	right: 0;
	min-height: 100%;
	background: #fff;
	margin: 0 !important;
	cursor: auto;
	white-space: normal;
	min-width: 480px;
	max-width: 50%;
	overflow-y: auto;
}

@media (max-width: 1196px) {
	.titre-comite-pedagogique h1 {
		top: -19em;
	}
}

@media (max-width: 992px) {
	.titre-comite-pedagogique h1 {
		top: -calc(.comite-pedagogique - 50px);
	}
}

@media (max-width: 580px) {
	.comite-pedagogique .advgb-infobox-wrap {
		min-height: auto;
	}
}

/** ------------------------------------------------------------------ 
    ANNUAIRE
    ------------------------------------------------------------------ */
.pro-entry .entry .entry-content p,
.pro-entry .entry .entry-summary p {
	margin: 0 !important;
	padding: 0
}

.entry.pro-list {
	margin-top: 0
}

.pro-entry .entry .entry-content,
.entry.pro-list .entry-content {
	padding: 0 1em
}

.pro-entry .entry .entry-content {
	margin-top: 0 !important
}

.annuaire-widget {
	max-width: 1480px;
	margin: 0 auto;
}

div.mt20.mb10 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.vcard {
	color: #878;
	min-height: 155px;
	width: 100%;
	display: block;
	position: relative;
	box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.08), 0 4px 10px 0 rgba(0, 0, 0, 0.05);
	padding: 1em;
	border-radius: 0.75em;
	margin-bottom: 1em;
}

.vcard i.mt10 {
	font-size: 13px;
}

.alt_text {
	color: #bab;
	font-size: 0.95em;
	line-height: 32px;
	display: block
}

.vcard .bloc_diplome-mbb {
	position: absolute;
	width: 120px;
	left: 140px;
	bottom: 8px;
	padding: 1em;
	font-size: 11px;
	color: #f3f3f3;
	min-height: 48px;
}

.vcard .bloc_diplome-mb {
	position: absolute;
	width: 120px;
	left: 10px;
	bottom: 8px;
	padding: 1em;
	font-size: 11px;
	color: #f3f3f3;
	min-height: 48px;
}

.vcard .bloc_diplome-mbb.pratique-uniq,
.vcard .bloc_diplome-mb.pratique-uniq {
	background-image: url(assets/ico_specialiste.png);
	background-repeat: no-repeat;
	background-position: top right
}

.vcard .bloc_icons {
	position: absolute;
	width: 26px;
	right: 10px;
	bottom: 8px;
}

.vcard .bloc_icons img {
	width: 20px;
	margin-top: 2px
}

.pro-fiche .bloc_diplome-mb,
.pro-fiche .bloc_diplome-mbb {
	float: left;
	width: 42%;
	padding: 1em;
	margin: 1em 6% 1em 0;
	color: #f3f3f3;
	min-height: 64px;
}

.bloc_diplome-mb b,
.bloc_diplome-mbb b {
	color: #fff;
	font-size: 115%;
	display: block
}

.bloc_diplome-mb {
	background: #3399cc;
	display: inline-block;
	height: 24px;
}

.bloc_diplome-mbb {
	background: #f06eaa;
	display: inline-block;
	height: 24px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
	text-decoration: none !important;
}

#ficheMap {
	margin: 3em 0;
}

/* ----------------------
 	ARTICLE DE PRESSE
   ---------------------- */
.cat-presse div.article-archive {
	min-height: 520px;
	overflow: hidden
}

.cat-presse div.article-archive .article-image {
	/*display:none; */
	display: block;
	text-align: center;
	background: #f9f9fa;
	min-height: 64px;
	/*175px*/
}

.archive .navigation.posts-navigation {
	width: 100%;
	margin: 1em 24px;
}

@media (max-width: 1360px) {

	/*	.cat-presse div.col-md-6 {
		max-width:50%;
		flex:0 0 50%;
	} */
	.cat-presse div.article-archive {
		min-height: 520px;
	}
}

@media (max-width: 768px) {
	.cat-presse div.article-archive {
		min-height: 220px;
	}
}

/* ----------------------
 	CONTACT
   ---------------------- */
.contact-map {
	background: #777;
	color: #fff;
	font-size: 18px;
}

.contact-bkg-map {
	background: #333 url(assets/images/office-map.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 250px;
}

/* ----------------------
 	ONEPAGE
   ---------------------- */
/*header#masthead {
	margin: 0 0 64px;
    background-color: #fff;
    box-shadow: none;
    padding: 0;
}*/
#onepage-header {
	background: #f9f9f9 url(assets/images/header-onepage-bkg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 135px;
}

#onepage-header img.logo-head {
	max-width: 80%;
}

#onepage-header img.logo-figure {
	max-width: 72%;
}

/* ----------------------
 	FOOTER
   ---------------------- */
body footer {
	/*background-color:#555 !important;
	color:#ddd;*/
	margin-top: 5vh;
	color: #d0ccde;
	padding: 16px 0;
}

a.res-links {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	/*background-color:#bbb;
	color:#555 !important; */
	background-color: #eee;
	margin: 0.25em 1em 0 0;
	display: inline-block;
	padding-top: 12px;
	text-align: center;
}

a.res-links:hover {
	color: #fff !important;
}

a.res-links.fb:hover {
	background-color: #355189;
}

a.res-links.yt:hover {
	background-color: #e04c3f;
}

a.res-links.in:hover {
	background-color: #007bb5;
}

a.res-links.rss:hover {
	background-color: #ff9900;
}

@media (max-width: 992px) {
	a.res-links {
		padding-top: 16px;
	}
}