/*== 1 - GENERIC ==*/
*:focus { outline:none !important; }
::selection {/* WebKit/Blink Browsers */ background: #333; color:#fff; }
::-moz-selection {/* Gecko Browsers */
 background: #333;
 color:#fff;
}
body { margin:0; padding:0px; background:#fff; font-family: 'Open Sans', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; color:#58626e; }
a.moreInfo { color:#52075a; position: relative; display: inline-block; }
p { margin:0 0 1rem 0; padding:0; }
strong, b { font-weight:700 }

img { border:none; vertical-align:top; max-width:100%; }

/***** Button Style */
.Theme.btn { background:#52075a; color:#fff; border:none; border-radius: 12px; padding: 10px 25px; }
.Theme.btn:hover, .Theme.btn:focus, .Theme.btn.focus { /*background:#1f262e;*/ color:#fff; }
.Theme.btn.Black { background:#1f262e; }
.Theme.btn.Black:hover, .Theme.btn.Black:focus, .Theme.btn.Black.focus { background:#52075a; }
.Theme.btn.AnchorBtn { padding:0; }
.Theme.btn.AnchorBtn a { color:#fff; padding: .5em 1.1em; display:block; }

/***** Helpers for this and that */
.vollkorn { font-family: 'Vollkorn'; }

/* Tabs account page */
body #tabs.ui-widget.ui-widget-content { border: 1px solid #53075b; background-color: #fff; }
body .ui-tabs .ui-tabs-nav li { border-bottom-width:1px; }
body .header-navigation-tabs li.active { border-bottom:4px solid #89dc7b !important; border-top: none; }
body .ui-tabs .ui-tabs-nav { padding:.8em .8em 0 .8em; ; border: none; background-color:#ffffff; }
body .ui-corner-top { border-radius:0; }
body .ui-tabs .ui-state-default, body .ui-tabs .ui-widget-content .ui-state-default, body .ui-tabs .ui-widget-header .ui-state-default { border-right:1px solid #53075B; ; border-radius:0; border:none; }
body .ui-tabs .ui-state-hover, body .ui-tabs .ui-widget-content .ui-state-hover, body .ui-tabs .ui-widget-header .ui-state-hover { border-left:1px solid #53075B; ; border-radius:0; border:none; }
body .ui-state-active a, body .ui-state-active a:link { color:#ffffff; ; font-weight:bold; }
body .section-text, body .expiration-warning, body .vanilla-flat-tabs { color:#ffffff; }
body #ypulse-manage-newsletter .row { margin: 0; color: #fff; }
body .ui-tabs .ui-tabs-panel { padding: 0em .8em; }
body .ui-tabs .ui-tabs-nav li { margin-right: 1px; margin-bottom: 0; border-bottom: 1px solid #53075b; background-color: #f9f9f9; }
body .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color:#53075b; }
body #piano-manage-account iframe { width:100% !important; }
div#ypulse-manage-newsletter a.cscra-btn { background-color: #3d0543; color: #ffffff; padding: 10px 30px; border-radius: 12px; float: left; margin-top: 1em; margin-bottom: 1em; }
body .daterangepicker .ranges li{padding: 3px 12px;margin-bottom: 5px;}
body #filterpostform li label{cursor:pointer;}
 @media All and (max-width:760px) {
.Theme.btn.AnchorBtn a { padding:10px 20px; }
}
/***** Input Field Style */
label { font-weight: 400; color: #333; margin-bottom: 4px; }
.custom-control-input:checked~.custom-control-label::before {
 border-color: #53075b;
 background-color: #53075b;
}
 .custom-control-input:focus~.custom-control-label::before {
 box-shadow: 0 0 0 0.2rem rgba(83,7,91,.15);
}
/***** GoTo Top Button */
.topBtn { display:none; position: fixed; right: 20px; bottom: 20px; cursor: pointer; z-index: 1001; }
.topBtn a { display:inline-block; }
.topBtn img { height:50px; width:50px; }
 @media All and (max-width:767px) {
.topBtn { bottom:5px; margin-right:-15px; }
.topBtn img { height:40px; width:40px; }
}
/*** Just a simple class to hide things w/o !important (on default) ***/
.hidden { display: none; }
/*== 2 - ELEMENTS ==*/
ul, ol, li { margin:0; padding:0; }
ul, ol { margin-left:18px; }
li { margin-bottom:10px; }
/*== 3 - SCROLLING ==*/
#ScrollingPartners { width:100%; position:relative; }
.ScrollProject { display:inline-block; vertical-align:top !important; text-align:left; }
.ScrollProject img { height:40px !important; margin:0px 25px; }
 @media All and (max-width:576px) {
.ScrollProject img { margin:0px 15px; }
}
/*== 4 - MODAL BOX ==*/
.modal-backdrop { background:#53075B; }
.modal-backdrop.in, .modal-backdrop.show { filter: alpha(opacity=4); opacity: 0.4; }
.MyBox.modal { text-align: center; padding: 0!important; }
.MyBox.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin:0; }
.MyBox .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; background:none; width:90%; max-width:800px; }
/* Popup Header */
.MyBox .modal-header { background: #fff; border-bottom: 1px solid #e7e7e7; border-radius:0; padding: 20px 30px; position:relative; }
.MyBox .close { position: absolute; top: 0px; right: 0px; background: no-repeat; filter: alpha(opacity=100); opacity: 1; z-index: 1; margin:0; padding:0; }
.MyBox .close img { height:24px; width:24px; margin: 16px; }
/* Popup Body */
.MyBox .modal-content { background: #fff; border: none !important; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: none; box-shadow: none; padding:0; }
.MyBox .modal-content .modal-body { padding:60px 70px; }
/* Popup Footer */
.MyBox .modal-footer { background: #fff; border-top: 1px solid #e7e7e7; border-radius:0; padding: 20px 30px; justify-content: left; }
 @media All and (max-width:760px) {
.MyBox .modal-content .modal-body { padding: 30px; }
}
 @media All and (max-width:576px) {
.MyBox .modal-header { padding:15px; }
.MyBox .modal-content .modal-body { padding: 20px; }
.MyBox .modal-footer { padding:15px; }
}
/*== 5 - CAROUSEL  -  https://mdbootstrap.com/docs/jquery/javascript/carousel/ ==*/
.MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev { display:-webkit-box; display:-ms-flexbox; display:flex; }
.MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-next { -webkit-transform:translateX(100%); transform:translateX(100%) }
@media(min-width:768px) {
.MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-next { -webkit-transform:translateX(33%); transform:translateX(33%) }
}
.MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev { -webkit-transform:translateX(-100%); transform:translateX(-100%) }
@media(min-width:768px) {
.MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev { -webkit-transform:translateX(-33%); transform:translateX(-33%) }
}
.MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-right, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-left { -webkit-transform:translateX(0); transform:translateX(0) }
.MyCarousel .carousel-indicators { bottom:0; display:none; }
.MyCarousel .carousel .carousel-indicators li { width:14px; height:14px; cursor:pointer; border-radius:50%; background-color:#d8d8d8; opacity:1; }
.MyCarousel .carousel-multi-item .carousel-indicators .active { background-color:#52075a; }
 @media All and (max-width:1199px) {
.MyCarousel .carousel { padding-bottom:50px; }
.MyCarousel .carousel-indicators { display:flex; }
}
/** Piano stuff **/
/* Fixed container to envetually show Piano inline messages at the bottom */
#piano-inline-container { position: fixed; bottom: 0; right: 0; background: #52075a; width: 100%; text-align: center; opacity: 0.9; z-index: 100; color: #FFFFFF; }
/* Sticky container at the top for eventual Piano messages */
#piano-sticky-inline-container { position: sticky; position: -webkit-sticky; top: 0; z-index: 999999; }
#piano-sticky-inline-container-close { position: absolute; top: 0; right: 0; margin: 1em; height: 100%; cursor: pointer; }
/* Hidden Piano container */
#piano-hidden-container { display:none; visibility:hidden; }