/***************************************************************************************************** BASE - START */
.fsnetPlayer { display: none;background: url('FSnetTemplates/SE2018/__commons/images/foregrounds/loaderSEtondo.gif') center center no-repeat }
/*.fsnetPlayer > .fb-video > span { width: 100% !important; height: 100% !important }*/
.fsnetPlayer iframe { background-color: black; width: 100% !important; height: 100% !important }
.newsletter #showOnline,
.newsletter .dontShowOnline { display: none }
.breadcrumb { text-transform: uppercase; }
.video-thumbnail { position: relative; cursor: pointer; }
.video-thumbnail:before { position: absolute; top: 50%;	left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: "\f01d"; font-family: FontAwesome; font-size: 100px; color: #fff; opacity: .8; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); }
.video-thumbnail:hover:before { color: #eee; }
.section-news .list-share li.item-pv { border-top: 2px solid #1e3567; float: right }
.section-news .list-share li.item-pv i { color: #1e3567; }

#baseLinksBar { position: fixed; z-index: 999; bottom: 0px; left: 0px; width: 100%; height: auto; text-align: center; background-color: #01737e; border-top: 1px solid #01737e; box-shadow: 0px 0px 44px 1px rgba(0, 0, 0, 0.5); padding: 7px 5px; transition: opacity 0.5s ease-out 0s }
#baseLinksBar ul { margin: 0px !important; padding: 0px !important }
#baseLinksBar li { display: inline; }
#baseLinksBar li a { font-family: "Cinzel", serif; color: white; font-size: 15px; font-weight: 700; text-transform: uppercase; margin: 0px 5px }
/***************************************************************************************************** BASE - START */



/***************************************************************************************************** MODAL IMAGE SLIDER - START */
/*.modalBlackBG { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: RGBA(0, 0, 0, 0.8); z-index: 99999 }
.modalWhiteBG { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: RGBA(255, 255, 255, 0.8); z-index: 99999 }
#imageHolder { position: absolute; border: solid 1px #dddddd; padding: 30px; border-radius: 10px; background-color: #f7f7f7; text-align: center; overflow: hidden }
#imageHolder img { border: solid 1px #dddddd; padding: 10px; margin-bottom: 10px; background-color: white }
.controller { font-size: 60px; position: absolute; color: #01737e; background-color: RGBA(255, 255, 255, 0.8); padding: 0px 10px; .title; font-weight: bolder; border-radius: 5px; cursor: pointer }
.controllerClose { font-size: 25px; position: absolute; color: #01737e; background-color: RGBA(255, 255, 255, 0.8); text-align: center; border-radius: 25px; width: 34px; height: 34px; cursor: pointer }
/***************************************************************************************************** MODAL IMAGE SLIDER - END ***/



/***************************************************************************************************** MENU - START */
body, html { overflow-x: hidden }
#menuMobile { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; z-index: 0; background-color: #01737e; color: white; box-sizing: border-box }
#menuMobile input { color: black }
#menuMobile .caret { border-width: 6px; position: relative; top: 8px }
#menuMobileContent { padding-left: 10px; width: 70%; box-sizing: border-box }
#site { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; transition: left 0.5s ease-out 0s; background-color: white }
#Header { left: inherit; right: auto !important; width: 100% !important; }
.fsnetMenu { color: white !important; font-family: "Cinzel", serif; line-height: 200% }
.fsnetSubmenu { display: none; box-sizing: border-box }
/*.fsnetSubmenu a { line-height: 100% !important }*/
.fsnetSubmenu.opened { display: block }
/***************************************************************************************************** MENU - END ***/



/***************************************************************************************************** FORM DONAZIONI - START */
.donazioniCnt { display: none; padding-top: 20px }
.donazioniCnt .error { border-color: red }
.donazioniCnt input[type=checkbox].error { outline: solid 1px red }
/***************************************************************************************************** FORM DONAZIONI - END ***/



/********************************************************************************************************* PALINSESTO - START */
.palimpsestCnt .palimpsest { position: relative; background-color: darkgray; display: inline-block; color: white; vertical-align: top }
.palimpsestCnt .palimpsest.palimpsestEvents { background-color: transparent }
.palimpsestCnt .palimpsest:last-child { margin-bottom: 1px }
.palimpsestCnt .palimpsest div { top: 0px; vertical-align: top; display: inline-block; border: solid 1px lightgray; border-left: none; text-align: left; height: 50px; width: 200px; box-sizing: border-box; padding: 10px; font-size: 120%; margin-bottom: -1px }
.palimpsestCnt .palimpsest.palimpsestEvents div { height: 100px }
.palimpsestCnt .palimpsest .palimpsestGap { background-color: transparent; padding: 0px !important }
.palimpsestCnt .palimpsest .palimpsestEvent { white-space: normal; font-size: 100%; background-color: gray }
.palimpsestCnt #palimpsestWrap { width: 90%; display: inline-block; white-space: nowrap !important; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; vertical-align: top; box-sizing: border-box; background-color: gray }
.palimpsestCnt .palimpsestChannels { display: inline-block; width: 10%; vertical-align: top; line-height: 78px; background-color: darkgray; padding: 98px 0px 0px 0px; box-sizing: border-box; border-right: solid 1px lightgray; border-top: solid 1px lightgray }
.palimpsestCnt .palimpsestChannels div { text-align: center; font-size: 120%; font-weight: bold; padding: 10px; color: white }
*[fsnet_stream] { cursor: hand; cursor: pointer }

.palimpsestOtherLiveCnt { position: absolute; top: 10px; left: 30px; display: table; border-collapse: separate; border-spacing: 5px; }
.palimpsestOtherLiveCnt .palimpsestOtherLive { display: table-cell; vertical-align: bottom; position: relative; width: 250px; height: 200px; border: solid 1px black; background-color: black; box-sizing: border-box; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3); margin-right: 10px; background-size: cover; background-position: center center }
.palimpsestOtherLiveCnt .palimpsestOtherLive .title { width: 100%; padding: 5px; color: white; font-weight: bold; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.8); max-height: 60%; overflow: hidden }
.palimpsestOtherLiveCnt .palimpsestOtherLive .fa-close { position: absolute; top: 5px; right: 5px; color: white; background-color: rgba(0, 0, 0, 0.8); width: 20px; height: 20px; border-radius: 10px; text-align: center; line-height: 20px}
.palimpsestOtherLiveCnt .palimpsestOtherLive .isOnAir { position: absolute; top: 3px; left: 3px; display: inline-table; padding: 3px 5px; border-radius: 3px; background-color: red; color: white; font-weight: bold; }

.streamSelector { position: absolute; top: 10px; right: 30px; }
.streamSelector li > span { display: inline-block; padding: 3px 10px; width: 100% }
.streamSelector li > span:hover { background-color: lightgray }

.streamSelector .btn-default1 { color: #333; background-color: #fff; border-color: #ccc; border-radius: 5px }
.streamSelector .btn-default1:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; }
.streamSelector .btn-default1:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.streamSelector .btn-default1:active { color: #333; background-color: #e6e6e6; border-color: #adadad; }

@media (max-width: 768px) {
	.palimpsestCnt #palimpsestWrap { width: 80%; }
	.palimpsestCnt .palimpsestChannels { width: 20%; }
	.palimpsestOtherLiveCnt .palimpsestOtherLive { width: 125px; height: 100px }
	.palimpsestOtherLiveCnt .palimpsestOtherLive .isOnAir { /*display: none;*/ font-size: 75%; padding: 0px }
	.palimpsestOtherLiveCnt .palimpsestOtherLive .title { /*display: none;*/ font-size: 75%; padding: 2px }	
	.palimpsestOtherLiveCnt .palimpsestOtherLive.video-thumbnail:before { font-size: 50px }
	.streamSelector { display: none }
}
/********************************************************************************************************* PALINSESTO - END ***/



/**************************************************************************************************** BIBBIA DONAZIONI - START */
li.bibleBook { display: inline-block; width: 30%; margin-right: 10px; float: left }
.bibleItem { text-align: justify; line-height: 175%; font-style: italic }
.bibleItem sup { color: #337ab7 !important; margin: 2px 5px; display: inline-block }
.bibleItem .foundString { background-color: yellow }
/**************************************************************************************************** BIBBIA DONAZIONI - END ***/