/*don't show the edit bg btn in basic mode */
body:not(.advMode) #changeBgInline,
body:not(.advMode) #changeBgFinetune {
    display: none !important;
}

/* Previous Theme CSS */
@media only screen and (max-width: 850px) {

    /* event deets */
    #splash-container .mega-location-wrap,
    #splash-container .mega-date-wrap {width: 50% !important;}
    #splash-container .spritely-rsvp {width: 100% !important;}
    #splash-container .spritely-rsvp #rsvp-button {display: block;}
    #splash-container #element-rsvp {position: relative; left: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
    
    /* main content */
    #splash-container .main-content,
    #splash-container .event-info-wrap {width: 100% !important;}
    #splash-container .event-info-wrap {background: rgb(241, 241, 241);}

    /* host section */
    #splash-container .element-host {margin: 15px 0;}
    #splash-container .host-left #host-img-block-wrap {width: 90px !important;}
    #splash-container .host-left #element-host .w7-8 {width: auto; margin: 12px 0 30px 10px;}
}

@media only screen and (max-width: 500px) {
    
    /* event deets */
    #splash-container .spritely-rsvp {padding: 18px !important;}
    #splash-container .mega-location-wrap,
    #splash-container .mega-date-wrap {width: 100% !important; padding: 15px !important;position: relative;}

    /* centering */
    #splash-container .host-left {width: auto !important;}
    #splash-container .host-left, #splash-container .mega-date-wrap > div, #splash-container .mega-location-wrap > div, #splash-container .element-time-container {text-align: center; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

}
/* End of Previous Theme CSS */

/* Previous Event CSS */
#element-title {
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    -ms-transform: skewY(-10deg);
    -o-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

.bs-2 {
    box-shadow: 0 0 0 2px;
}

.bs-3 {
    box-shadow: 0 0 0 3px;
}

.image-mask {
    opacity: .6;
}

.list .media {
    position: relative;
}

.list .media .media {
    opacity: .8;
}

/* styles for date and time */
.fauxbold {
    font-weight: 800;
}

/*.list .media .media:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    box-shadow: 0 0 0 1000px inset;*/
/*    opacity: .6;*/
/*}*/
/* End of Previous Theme CSS */

@media only screen and (max-width: 950px) {
    .element-social-links {width:100% !important; margin-top: 1.5em !important;}
	.button-wrap {margin-bottom:1.5em !important;}
    #splash-container .mega-date-wrap, #splash-container .mega-location-wrap {width: 50% !important;}
}
@media only screen and (max-width: 825px) {
    #element-title {font-size: .9em;}
}
@media only screen and (max-width: 750px) {
    #element-title {font-size: .8em;}
}
@media only screen and (max-width: 650px) {
    #element-title {font-size: .7em;}
}
@media only screen and (max-width: 600px) {
    #element-title {font-size: .6em;}
}
@media only screen and (max-width: 550px) {
    #splash-container .mega-date-wrap, #splash-container .mega-location-wrap {width: 100% !important;}
    #splash-container .mega-date-wrap > div {text-align: center;left: 0;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
}
@media only screen and (max-width: 500px) {
    #splash-container .mega-location-wrap {margin-top: 0em;} 
}

/* Adds text-shadow to date and time and bolds it 
#splash-container .mega-date-wrap{
	text-shadow: 0 1px 2px rgba(15, 15, 15, .8);
	font-weight: 800;
}
*/