:root {
	--section-spacing--: 20px;
}

.site-content {
	background: white;
}

.entry-header {
	display: none;
}

/*
 *---[ HEADINGS ]--------------------------------
 */
.section-heading {
	*margin: 25px auto !important;
	font-size: 13px !important;
	padding: 90px 0 25px 0px;
	position: relative;
	text-align: center;
}

.section-heading:first-line {
	font-family: Poynter,Georgia,serif;
	font-size: 28px;
}

.section-heading img {
	height: 60px;
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	object-fit: contain;
	margin: 0 auto;
}

.section-intro .sub-heading {
	*font-family: var(--global--font-serif);
	*font-size: 18px!important;
	*font-weight: normal;
}

/*
 *---[ HOME SECTION ]----------------------------
 */
.section-intro {
	--if--tablet: ($.width < 640);
	--if--mobile: ($.width < 400);
	--js--pgsize: ($.width + 0x0);
	position: relative;
	overflow: visible!important;
}

/*
 *---[ CAROUSEL ]-------------------------------
 */
.section-intro .carousel {
	background-color: #F8F7F3;
	border: 1px solid #b7ad76;
	*padding: 0px 10px;
	overflow: hidden;
	*position: relative;
	*height: 30px;
}

.section-intro .carousel ul {
	--slide--: calc(-100% * var(--index--, 1));
	margin: 0;
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	list-style: none;
	overflow: visible;
	transform: translate3d(var(--slide--), 0px, 0px);
	transition: all 500ms ease-in-out;
	position: relative;
}

.section-intro .carousel.wp-block ul {
	--slide--: 0;
	display: block;
}

.section-intro .carousel ul li {
	min-width: 100%;
	text-align: center;
	padding: 5px 10px 3px;
	*line-height: 25px;
	font-size: 14px;
	font-weight: 700;
	color: #245f80;
	opacity: 0.8;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.section-intro .carousel ul.index-0 {
	transform: translate3d(100%, 0, 0);
	margin-left: -100%;
	transition: transform 0ms, margin-left 500ms;
}

.section-intro .carousel ul.index-0 li:last-of-type {
	position: absolute;
	left: -100%;
}

/*
.section-intro .carousel ul.slides li:first-of-type {
    color: red;
}
.section-intro .carousel:not([slide='0']) ul.slides {
	transform: translate3d(calc(-100% * (var(--slide--) - 0)), 0px, 0px);
	*transition-duration: 500ms;
}
.section-intro .carousel:not([slide='0']) ul.slides li:first-of-type {
     order: 2;
    *padding-left: 100%;
    *transform: translate3d(0,0,0);
    *transition-duration: 0;
}/*
.section-intro .carousel ul.slides {

    transition-duration: 0;
}
*/
/*
 *---[ INTRO COLUMNS ]---------------------------
 */
.section-intro .intro-cols {
	max-width: none!important;
	margin: 0!important;
	overflow: visible;
	flex-wrap: wrap;
	position: relative;
}

.section-intro .intro-cols > div {
	margin: 0!important;
}
.section-intro .intro-cols > .col-slides {
	flex-basis: 70%!important;
	flex-grow: 0!important;
	padding: 0 2.5%;
}

.section-intro .intro-cols > .col-quote {
	flex-basis: 100%!important;
	flex-grow: 1!important;
}

.section-intro .intro-cols > .col-promo { 
	flex-basis: 15%!important;
	flex-grow: 0!important;
}

.section-intro .intro-cols > .col-books { 
	flex-basis: 15%!important;
	flex-grow: 1!important;
	overflow: hidden!important;
	position: relative;
}

.section-intro.tablet .intro-cols > .col-slides {
	flex-grow: 1!important;
	flex-basis: 100%!important;
	padding: 0;
}

.section-intro.tablet .intro-cols > .col-promo {
	order: 2;
	flex-basis: 26%!important;
	flex-grow: 0!important;
	padding: 0 20px 20px 0;
}

.section-intro.mobile .intro-cols > .col-promo {
	flex-basis: 47%!important;
}

.section-intro.tablet .intro-cols > .col-books {
	order: 2;
	flex-basis: 0%!important;
	flex-grow: 1!important;
}

.section-intro.tablet .intro-cols > .col-quote {
	
}
/*
 *---[ NEW BOOK ]------------------------------
 */
.section-intro .new-book {
	*width: 100%;
	*position: absolute;
	*left: 0;
}

.section-intro .new-book img {
	height: auto;
	width: 100%!important;
	outline: 1px solid #D4CDC5;
	outline-offset: -1px;
}

/*
 *---[ TOP BOOKS ] ----------------------------
 */
 .section-intro .intro-cols > .col-books {
	position: relative;
 }

.section-intro:not(.tablet) .col-books .sub-heading:not(.wp-block) {
	display: none;
}

.section-intro .top-books {
	--rows--: 4;
	--marg--: 2px;
	position: absolute;
	display: flex;
	flex-flow: row wrap;
	left: 0; top: 0; bottom: 7%; right: 0;
	overflow: hidden;
	box-sizing: content-box;
	margin: calc(-1 * var(--marg--));
	margin-right: -15%;
}

.section-intro .top-books .the-item {
	height: calc(100% / var(--rows--));
	display: block;
	padding: var(--marg--);
	box-sizing: border-box;
	cursor: pointer;
}

.section-intro .top-books .the-item img.thumb {
	width: auto;
	height: 100%;
	object-fit: contain;
	outline: 1px solid rgba(0,0,0,0.6);
	outline-offset: -1px;
}

.section-intro .top-books .the-item:hover img.thumb {
	opacity: 0.7;
}

.section-intro:not(.tablet) .col-books:hover:before-- {
	position: absolute;
	display: block;
	content: 'Lectures Recommendées';
	color: white;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 5;
	text-align: center;
	*line-height: 100%;
	padding-top: 70%;
	font-size: 18px;
	*font-weight: bold;
}

.section-intro.tablet .intro-cols .top-books {
	--rows--: 2;
	top: 30px;  bottom: 20px;
	margin: -3px -15% -3px -3px;
}

/*
 *--- intro ------------------------------------
 */
.section-intro .slideshow {
	*width: 65%;
	*margin: 0 auto!important;
}

.section-intro .slideshow {
	*padding: 0;
	*margin: 0;
	*max-width: 650px;
}

/*
 *---[ SLIDESHOW ] ------------------------------
 */
.section-intro .slideshow {
	position: relative;
	overflow: visible;
}

.section-intro .slideshow > div {
	width: 100%;
}

.section-intro .slideshow .slide {
	opacity: 0;
	position: absolute;
	*display: none;
	z-index: 2;
	top: 0px;
	-webkit-transition: opacity 2s ease-out;
	-moz-transition: opacity 2s;
	-o-transition: opacity 2s;
	transition: opacity 2s;
}

.section-intro .slideshow .slide.active {
	opacity: 1;
	position: relative;
}

.section-intro .slideshow .slide > img.frame {
	width: 100%;
	height: auto;
	display: none;
}

.section-intro .slideshow .slide > img.image {
	--margin--: 4%;
	width: calc(100% - 2*var(--margin--));
	height: auto;
	margin: var(--margin--);
	top: 0%;
	display: none;
	position: absolute;
	*box-sizing: content-box;
	z-index: 2;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

.section-intro.mobile .slideshow .slide > img.image {
	--margin--: 7%;
}

.section-intro.mobile .slideshow .slide > img.mobi {
	display: block;
}

.section-intro:not(.mobile) .slideshow .slide > img.full {
	display: block;
}

.section-intro .slideshow .navig {
	position: absolute;
	top: calc(50% - 12px);
	z-index: 2;
	display: none;
}

.section-intro .slideshow .navig>.prev, .section-intro .slideshow .navig>.next {
	padding: 16px;
	color: white;
	width: auto;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 1px 1px 2px #333333;
	transition: background-color 0.6s ease;
	user-select: none;
}

.section-intro .slideshow .navig>.prev {
	float: left;
	border-radius: 0 6px 6px 0;
}

.section-intro .slideshow .navig>.next {
	float: right;
	border-radius: 6px 0 0 6px;
}

.section-intro .slideshow .navig>.prev:hover, .section-intro .slideshow .navig>.next:hover {
	background-color: rgba(0,0,0,0.6);
}

.section-intro .slideshow .links {
	position: absolute;
	text-align: center;
	z-index: 3;
	bottom: -20px;
}

.section-intro .slideshow.mobile .links {
	bottom: 0px;
}

.section-intro .slideshow .links>.goto {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 2px;
	background-color: #39414d;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.section-intro .slideshow .links>.goto:hover, .section-intro .slideshow .links>.goto.active {
	background-color: #bd081c;
}

/*---------------------------------------------*
 *--- SECTION NAVBAR                        ---*
 *---------------------------------------------*/
.section-intro .nav-btns {
	--primary-nav--font-size: 14px;
	margin: 0 auto;
	position: relative;
	background: none!important;
	overflow: visible;
}

.section-intro .nav-btns:before {
	content: '';
	position: absolute!important;
	outline: 1px solid #ccc;
	display: block;
	width: 100vw;
	height: 100%;
	background: #f0f0f0;
	left: 50%;
	margin-left: -50vw;
	*background: url(../images/yellow-bubble-background.jpg)!important;
	*background-attachment: fixed;
}

.section-intro .nav-btns ul {
	background: none!important;
	flex-wrap: nowrap;
	align-items: stretch;
}

.section-intro .nav-btns li {
	display: block;
	flex-grow: 1;
	width: 25%!important;
	text-align: center;
	*background-color: red;
	*border: 1px solid blue;
	margin: 0;
	padding: 0;
}

.section-intro .nav-btns li > * {
	font-size: 14px!important;
}

.section-intro .nav-btns li img {
	margin: 10px auto;
	width: 100%!important;
	height: 60px;
	object-fit: contain;
}

/*
.section-navbar.section-navbar {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    *background-color: #fbf9f1;
    *background: url(../images/yellow-bubble-background.jpg);
    *background-attachment: fixed;
}
*/
.section-navbar.section-navbar .buttons {
	display: flex;
	list-style-type: none;
	padding: 0px;
}

.section-navbar.section-navbar .buttons li {
	flex-grow: 1;
	text-align: center;
}

.section-navbar.section-navbar .buttons img {
	display: block;
	margin: 10px auto;
	height: 60px;
	object-fit: contain;
}

/*
 *---[ TEXTS + VIDEOS ] ------------------------
 */
.section-intro .columns {
	margin: 0 -20px!important;
	max-width: none!important;
	flex-wrap: wrap!important;
}

.section-intro .columns > div {
	margin: 0 20px!important;
	flex-basis: 0!important;
}

.section-intro .col-texts {
	flex-grow: 75!important;
	min-width: 240px;
}

.section-intro .col-videos {
	flex-grow: 25!important;
	min-width: 240px;
}

/*
 *---[ TOP VIDEOS ] ----------------------------
 */
.section-intro .top-playlists {
	--if--narrow: ($.first.width < 180);
	--margin--: 20px;
	--textsz--: 14px;
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	padding: var(--margin--) var(--margin--) 0 0;
	background: #e9e9e1;
}

.section-intro .top-playlists .the-item {
	margin: 0 0 var(--margin--) var(--margin--);
	position: relative;
	flex-basis: calc(50% - 2 * var(--margin--));
	flex-grow: 1;
	min-width: 140px;
	box-sizing: border-box;
	cursor: pointer;
}

.section-intro .top-playlists .the-item .thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
}

.section-intro .top-playlists .the-item:after {
	content: '';
	z-index: 1;
	position: absolute;
	*border: 4px solid red;
	top: 0; left: 0; bottom: 0; right: 0;
	background: linear-gradient(transparent 50%, #000);
	*display: block;
}

.section-intro .top-playlists .the-item .title {
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	left: 0;
	color: white;
	*padding: 2px 4px;
	margin: 2px 8px;
	*border-left: 6px solid #f39438;
	opacity: 0.9;
	*font-weight: 400;
	font-size: var(--textsz--);
	font-family: var(--global--font-serif);
	text-align: center;
	*text-shadow: 0 0 5px #000;
	*background-color: rgba(0,0,0,0.5);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.section-intro .top-playlists.narrow {
	--textsz--: 12px;
	--margin--: 15px;
}

/*
 *--- intro ------------------------------------
 */
/*
@media only screen and (max-width: 700px) {
    .section-intro .top-videos,
    .section-intro .new-book {
        display: none;
    }
    .section-intro .slideshow {
        width: 100%;
    }
}*/
/*
 *---------------------------------------------
 */
.section-intro .intro-texts {
	--spacing--: var(--section-spacing--);
	--linecol--: #cccccc;
	--imgsize--: 150px;
	--minsize--: 220px;
	display: flex;
	flex-flow: row wrap;
	*max-width: none!important;
	margin: 0px calc(-1 * var(--spacing--))!important;
	*overflow-x: auto;
	overflow: hidden;
	margin-bottom: 8px!important;
}

.section-intro .intro-texts .the-item {
	min-width: var(--minsize--);
	flex-basis: 25%;
	flex-grow: 1;
	padding: 0px var(--spacing--);
	margin-bottom: 8px;
	border-right: 1px dotted var(--linecol--);
}

.section-intro .intro-texts .the-item:not(:first-of-type) {
	*border-left: 1px dotted var(--linecol--);
}

.section-intro .intro-texts .the-item .clip-text {
	max-height: 150px;
	overflow: hidden;
	position: relative;
}

.section-intro .intro-texts .the-item .clip-text:after {
	content: '[+]';
	font-weight: 900;
	color: var(--morecol--,#e0e0e0);
	padding-top: 50px;
	text-align: center;
	position: absolute;
	background: linear-gradient(transparent, white calc(100% - 20px));
	width: 100%;
	bottom: 0;
	*border: 1px solid blue;
}

.section-intro .intro-texts .the-item:hover {
	--metacol--: #004a6d;
	--textcol--: #7D4202;
	--imgopac--: 0.8;
	--morecol--: #00f;
}

.section-intro .intro-texts .the-item img {
	width: 100%;
	max-height: var(--imgsize--);
	min-height: var(--imgsize--);
	object-fit: cover;
	padding: 5px 0;
}

.section-intro .intro-texts .the-item .title {
	color: #000000;
	font-size: 14px;
	font-family: var(--global--font-0-serif);
	font-weight: bolder;
	line-height: 1.1em;
	margin: 5px 0;
}

.section-intro .intro-texts .the-item .excpt {
	font-size: 14px;
	line-height: 1.3em;
	line-height: 1.em;
	*margin-bottom: 15px;
}

/*
.section-intro .intro-texts .the-item .excpt:after {
    content: ' lire plus';
    font-weight: bold;
    color: #bd081c;
}
.section-intro .intro-texts .the-item .excpt:after a:hover {
    text-decoration: underline
}*/
/*
 *---------------------------------------------
 */
.section-intro .intro-quote {
	*background: none!important;
}

.section-intro .intro-quote img {
	*opacity: .8;
	*visibility: hidden;
	outline-offset: -6px;
	outline: 1px solid rgba(0,0,0,0.2);
}

.section-intro .intro-quote p {
	font-size: calc(max(min(1.6vw, 16px), 11px));
	font-weight: 400;
	line-height: 1.2em;
	*opacity: 0.9;
	color: #7B7E74!important;
}

.section-intro .intro-quote p:first-of-type {
	margin-top: 18px!important;
	font-family: var(--global--font-serif);
	font-style: italic;
}

.section-intro .intro-quote p {
	*line-height: 1.1em;
}

/*
 *---------------------------------------------
 */
.section-intro .intro-cols {
	margin-top: 26px;
}

/*---------------------------------------------*
 *--- SECTION BOOK                          ---*
 *---------------------------------------------*/
.section-books {
	--if--tablet: ($.width < 640);
	--if--mobile: ($.width < 400);
	--js--pgsize: ($.width + 0x0);
	padding-bottom: var(--section-spacing--);
	*background: #ffffff;
	/*#f9f8f4*/
}

/*
 *---------------------------------------------
 */
.section-books .columns {
	margin: 0 -15px!important;
	max-width: none!important;
}

.section-books .columns > * {
	margin: 0 15px!important;
}

.section-books .content {
	flex-grow: 7!important;
	flex-basis: 0!important;
	min-width: 160px;
}

.section-books .sidebar {
	flex-basis: 0!important;
	flex-grow: 3!important;
	min-width: 220px;
}

/*
 *---------------------------------------------
 */
.section-books .content {
	display: flex;
	flex-flow: column nowrap;
}

.section-books .sidebar {
	display: flex;
	flex-flow: column nowrap;
	*justify-content: space-between;
}

.section-books .sidebar > *:first-child {
	*flex-shrink: 1;
	flex-grow: 1;
}

/*

@media (max-width: 768px) {
}
@media (max-width: 480px) {
    .section-books .sidebar {
        flex-basis: 50%!important;
        flex-grow: 0!important;
        min-width: 0;
    }
    .section-books .content {
        flex-basis: 0!important;
        flex-grow: 1;
    }
}
@media (max-width: 400px) {
    .section-books .sidebar {
        flex-basis: 100%!important;
        flex-grow: 1;
    }
    .section-books .content {
        flex-basis: 100%!important;
        flex-grow: 1;
    }
}
*/
/*
 *--- [ BOOK BILLBOARDS: common.css ]------------
 */
.section-books.tablet .top-billboard {
	display: none;
}
.section-books:not(.tablet) .top-billboard-mobile {
	display: none;
}

/*
 *---[ BOOK LIST ]-------------------------------
 */
.section-books .book-list {
	--bordcol--: #F2EAE3;
	--backcol--: #FDFDFB;
	--spacing--: var(--section-spacing--);
	--linecol--: #cccccc;
	--minsize--: 150px;
	display: flex;
	flex-flow: row wrap;
	border: dotted var(--linecol--);
	border-width: 0 0 1px 1px;
	* background: #FDFDFB;
	flex-grow: 1;
}

.section-books .book-list .the-item {
	flex-grow: 1;
	flex-basis: 25%;
	min-width: var(--minsize--);
	padding: 15px 10px;
	text-align: center;
	border: dotted var(--linecol--);
	border-width: 1px 1px 0 0;
}

.section-books .book-list .the-item:hover {
	background: var(--backcol--);
	opacity: .8;
}

.section-books .book-list .the-image {
	height: 175px;
	display: block;
	margin: 0 auto 8px auto;
	outline: 1px solid #d0d0d0;
	outline-offset: -1px;
}

.section-books .book-list .the-author {
	font-size: 12px;
	text-decoration: underline;
	margin-bottom: 7px;
}

.section-books .book-list .the-title {
	line-height: 1.2em;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 7px;
}

.section-books .book-list .the-subtitle {
	font-size: 11px;
	text-align: center;
	line-height: 1.3em;
}

/*
 *---[ BOOK PROMO ]------------------------------
 */
/*
.section-books .book-promo img {
    *width: 100%;
}
.section-books .book-promo > figcaption {
    font-size: 13px;
    text-align: left;
    line-height: 1.4;
    margin-top: 16px;
}
.section-books .book-promo {
    * width: 100%;
}
*/
/*
 *--- book promo - author ---------------------
 */
.section-books .promo-author {
	position: relative;
	padding: 12px 0 12px 75px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
	*border-width: 1px 0 1px 0;
	background: #f8f5f0;
}

.section-books .promo-author > .name {
	font-size: 16px;
	font-weight: 700;
	font-family: var(--global--font-serif);
}

.section-books .promo-author > .occu {
	font-size: 12px;
}

.section-books .promo-author > img {
	left: 0;
	top: 0;
	position: absolute;
	border-radius: 50%;
	max-height: 100%;
	width: auto;
	padding: 5px;
	box-sizing: border-box;
}

.section-books .book-promo {
	overflow: hidden;
	position: relative;
}

.section-books .book-promo figcaption {
	height: 100px;
}

.section-books .book-promo:after {
	content: '';
	height: 60px;
	display: block;
	position: absolute;
	background: linear-gradient(transparent, white calc(100% - 10px));
	width: 100%;
	bottom: 0px;
	*border: 1px solid blue;
}

.section-books .book-quote {
	--if--too-small: (($.width || $.parent.width) < 300);
	margin-top: var(--section-spacing--)!important;
}

.section-books .book-quote.too-small {
	display: none;
}

/*
@media (max-width: 620px) {
    .section-books .book-quote-lg {
        display: revert;
    }

    .section-books .book-quote-sm {
        display: none;
    }
}
*/
/*---------------------------------------------*
 *--- SECTION ARTICLES                      ---*
 *---------------------------------------------*/
.section-events {
	background: linear-gradient( to right, #aabebf, #aabebf 50%, #5b5f62 50% );
	/*#0A4158;*/
}

.section-events img {
	margin: 0 auto;
}

/*---------------------------------------------*
 *--- SECTION ARTICLES                      ---*
 *---------------------------------------------*/
.section-texts {
	--bordcol--: #d5dbe2;
	--backcol--: #ebeef3;
	--spacing--: var(--section-spacing--);
	*background: var(--backcol--);
	*border-top: 1px solid var(--bordcol--);
	overflow: hidden;
}

.section-texts .columns {
	margin: 0 calc(-1 * var(--spacing--));
	max-width: none!important;
}

.section-texts .content {
	flex-grow: 1!important;
	flex-basis: 0!important;
	margin: 0!important;
}

.section-texts .sidebar {
	flex-basis: 30%!important;
	flex-grow: 0!important;
	border-left: 1px dotted var(--bordcol--);
	padding: 0 var(--spacing--);
	min-width: 240px;
	margin: 0!important;
}

/*
@media (max-width: 768px) {
}
@media (max-width: 720px) {
}
@media (max-width: 440px) {
    .section-texts .sidebar {
        flex-basis: 50%!important;
        flex-grow: 0!important;
        min-width: 0;
    }
    .section-texts .content {
        flex-basis: 0!important;
        flex-grow: 1;
    }
}*/
@media (max-width: 490px) {
	.section-texts .sidebar {
		flex-basis: 100%!important;
		flex-grow: 1!important;
	}

	.section-texts .content {
		flex-basis: 100%!important;
		flex-grow: 1!important;
	}
}

/*
/*---------------------------------------------*
 *--- SECTION VIDEO                         ---*
 *---------------------------------------------*/
.section-videos {
	--bordcol--: #b7d1e5;
	--backcol--: #f1ece8;
	--spacing--: var(--section-spacing--);
	--setmarg--: -1;
	*border-top: 1px solid var(--bordcol--);
	overflow: hidden;
}

.section-videos .columns {
	margin-left: 0;
	margin-right: calc(-1 * var(--spacing--));
	max-width: none!important;
	position: relative;
}

.section-videos .content {
	margin: 0;
	padding-right: var(--spacing--);
	flex-grow: 1;
	overflow: hidden!important;
}

.section-videos .sidebar {
	margin-left : 0;
	margin-right: var(--spacing--);
	border: dotted var(--bordcol--);
	border-width: 0 1px 1px 1px;
	background-color: #f7f7f7;
	*outline: 1px solid var(--bordcol--);
	*outline-offset: -1px;
}

.section-videos .sidebar .sub-heading {
	background-color: white;
}

.section-videos .video-player {
	width: 100%;
	min-height: 50px;
	max-height: none!important;
	padding-bottom: calc(100% * 9 / 16);
	margin-bottom: var(--spacing--);
	*margin-top: 0;
	position: relative;
	*box-sizing: border-box;
}

.section-videos .video-player #yt-player {
	width: 100%;
	height: 100%;
	position: absolute;
}

@media only screen and (max-width: 781px) {
	.section-videos .columns {
		padding-top: calc(100% * 9 / 16 + var(--spacing--));
	}

	.section-videos .video-player {
		position: absolute;
		left: 0;
		top: 0;
	}

	.section-videos .sidebar {
		order: -1;
		margin-bottom: 10px!important;
	}
}

/*
 *--- video playlist ----------------------------
 */
/*
.video-playlist {
  --txthei--: 20px;
}
.video-playlist .the-item {
    display: flex;
    flex-flow: row;
    height: calc(3*var(--txthei--));
    overflow: hidden;
    margin-bottom: 15px;
}
.video-playlist .the-item .index {
    font-size: 12px;
    margin: auto 0;
    min-width: calc(3ch + 5px);
    text-align: center;
}
.video-playlist .the-item .thumb {
    width: calc(3*var(--txthei--)*4/3);
    height: 100%;
}
.video-playlist .the-item .texts {
    margin: 0 5px;
}
.video-playlist .the-item .title {
    font-size: 15px;
    font-weight: bold;
    line-height: var(--txthei--);
    max-height: calc(2*var(--txthei--));
    overflow: hidden;
    text-overflow: ellipsis;
}
.video-playlist .the-item .categ {
    font-size: 12px;
    line-height: var(--txthei--);
    text-overflow: ellipsis;
}
.video-playlist .the-item .metas {
    font-size: 12px;
    line-height: var(--txthei--);
    text-overflow: ellipsis;
}
*/
/*---------------------------------------------*/
/*
#videos {
  margin: auto -30px;
}
#videos>.the-item {
    width: 33%;
    float: left;
    padding: 0 30px;
    border-left: 1px solid #e1e1e1;
}
*/
/*
 *---
 */
p.main-review.main-review {
	font-size: 12px;
}

/*
 *---
 */