/* time-marketing  */

/* MODAL */
.pf-widget-modal.time-marketing .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
    max-width: 600px;
}

.pf-widget-slideout.time-marketing .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
}
.pf-widget-slideout.time-marketing {
    width: 450px;
}

/* IMAGE */
.pf-widget.time-marketing .pf-widget-img {
    border-radius: 0;
    top: 200px !important;
    width: 300px !important;
    height: 200px !important;
    object-fit: contain;
    margin-left: 0 !important;
    left: 23% !important;
}

.pf-widget-slideout.pf-widget-variant-2.time-marketing .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 22% !important;
    margin-left: 0 !important;
    top: auto!important;
    bottom: 20%;
}
/* HEADLINE */    

.pf-widget.time-marketing .pf-widget-headline::before {
    content: url(https://s3.us-west-2.amazonaws.com/s.leveragelab.com/lytics-time/files/Time_Magazine_logo_w80px.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
}

.pf-widget.time-marketing .pf-widget-headline{
    font-weight: 600;
    color: #e90606;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 20px;
    margin-top: 30px !important;
}
.pf-widget-slideout.time-marketing .pf-widget-headline {
    font-size: 18px !important;
}

/* MESSAGE */
.pf-widget.time-marketing .pf-widget-message {
    color: black;
    line-height: 1;
    font-size: 36px;
    font-weight: 700;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget-slideout.time-marketing .pf-widget-message {
    font-size: 28px !important;
}

/* BUTTON */

.pf-widget.time-marketing .pf-widget-btn.pf-widget-ok {
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e90606;
    letter-spacing: 1px;
    margin-top: 220px;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget.time-marketing .pf-widget-btn.pf-widget-cancel {

}

.pf-widget-slideout.time-marketing  .pf-widget-btn {
    margin-top: 200px !important;
}

/*CLOSE */
.pf-widget.time-marketing .pf-widget-close {
    color: #000;
    font-size: 34px;
    font-weight: 500;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;

}

/* FOOTER*/
.pf-widget.time-marketing .pf-widget-footer{
    color: #003e7e;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 8pt;

}


/* Small Devices, Tablets */
@media only screen and (max-width: 738px) and (orientation: portrait) {
.pf-widget-modal.time-marketing .pf-widget-content {
    max-width: 350px;
}
.pf-widget-slideout.time-marketing {
    max-width: 330px;
}
.pf-widget-slideout.time-marketing .pf-widget-headline {
    font-size: 16px !important;
}
.pf-widget-slideout.time-marketing .pf-widget-message {
    font-size: 24px !important;
}
.pf-widget.time-marketing .pf-widget-message {
    font-size: 24px;
}
  
.pf-widget.time-marketing .pf-widget-headline::before {
    left: 0;
    right: 0;
}
.pf-widget-slideout.pf-widget-variant-2.time-marketing .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 12% !important;
    top: auto!important;
    bottom: 24%;
}
.pf-widget.time-marketing .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    margin-left: 0;
    left: 12% !important;
    bottom: 24% !important;
    top: auto !important;
}
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 543px) and (orientation: portrait) {
.pf-widget-slideout.time-marketing .pf-widget-content {
    max-width: 330px;
}
.pf-widget.time-marketing .pf-widget-close {

}
 .pf-widget-slideout.time-marketing .pf-widget-headline {
    font-size: 14px !important;
}
.pf-widget.time-marketing .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 12% !important;
    bottom: 24% !important;
    top: auto !important;
}
    
.pf-widget.time-marketing .pf-widget-message {
    font-size: 24px;
}
  
.pf-widget.time-marketing .pf-widget-headline::before {
    left: 0;
    right: 0;
}
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) and (orientation: portrait) {
    
}

/* time-marketing-mobile - FOR MOBILE DEVICES ONLY */

.pf-widget-modal.time-marketing-mobile .pf-widget-content {
    display: none;
}
.pf-widget-modal.time-marketing-mobile {  
    display: none;
}
/* Small Devices, Tablets */
@media only screen and (max-width: 738px) and (orientation: portrait) {
    .pf-widget-modal.time-marketing-mobile {  
    display: block;
}
.pf-widget.time-marketing-mobile .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 12% !important;
    bottom: 24% !important;
    top: auto !important;
}
    
.pf-widget.time-marketing-mobile .pf-widget-message {
    font-size: 24px;
}
  
.pf-widget.time-marketing-mobile .pf-widget-headline::before {
    left: 0;
    right: 0;
}

/* MODAL */
.pf-widget-modal.time-marketing-mobile .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
    max-width: 330px;
    display: block !important;
}

.pf-widget-slideout.time-marketing-mobile .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
}
.pf-widget-slideout.time-marketing-mobile {
    max-width: 330px;
}

/* IMAGE */
.pf-widget.time-marketing-mobile .pf-widget-img {
    border-radius: 0;
    top: 200px !important;
    width: 300px !important;
    height: 200px !important;
    object-fit: contain;
    margin-left: 0 !important;
    left: 3% !important;
}

.pf-widget-slideout.pf-widget-variant-2.time-marketing-mobile .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 22% !important;
    margin-left: 0 !important;
    top: auto!important;
    bottom: 20%;
}
/* HEADLINE */    

.pf-widget.time-marketing-mobile .pf-widget-headline::before {
    content: url(https://s3.us-west-2.amazonaws.com/s.leveragelab.com/lytics-time/files/Time_Magazine_logo_w80px.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
}

.pf-widget.time-marketing-mobile .pf-widget-headline{
    font-weight: 600;
    color: #e90606;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 16px !important;
    margin-top: 30px !important;
}
.pf-widget-slideout.time-marketing-mobile .pf-widget-headline {
    font-size: 16px !important;
}

/* MESSAGE */
.pf-widget.time-marketing-mobile .pf-widget-message {
    color: black;
    line-height: 1;
    font-size: 24px !important;
    font-weight: 700;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget-slideout.time-marketing-mobile .pf-widget-message {
    font-size: 24px !important;
}

/* BUTTON */

.pf-widget.time-marketing-mobile .pf-widget-btn.pf-widget-ok {
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e90606;
    letter-spacing: 1px;
    margin-top: 220px;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget.time-marketing-mobile .pf-widget-btn.pf-widget-cancel {

}

.pf-widget-slideout.time-marketing-mobile  .pf-widget-btn {
    margin-top: 200px !important;
}

/*CLOSE */
.pf-widget.time-marketing-mobile .pf-widget-close {
    color: #000;
    font-size: 34px;
    font-weight: 500;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;

}

/* FOOTER*/
.pf-widget.time-marketing-mobile .pf-widget-footer{
    color: #003e7e;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 8pt;

}

}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 543px) and (orientation: portrait) {

.pf-widget.time-marketing-mobile .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 12% !important;
    bottom: 24% !important;
    top: auto !important;
}
    
.pf-widget.time-marketing-mobile .pf-widget-message {
    font-size: 24px;
}
  
.pf-widget.time-marketing-mobile .pf-widget-headline::before {
    left: 0;
    right: 0;
}

/* MODAL */
.pf-widget-modal.time-marketing-mobile .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
    max-width: 330px;
    display: block !important;
}

.pf-widget-slideout.time-marketing-mobile .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
}
.pf-widget-slideout.time-marketing-mobile {
    max-width: 330px;
}

/* IMAGE */
.pf-widget.time-marketing-mobile .pf-widget-img {
    border-radius: 0;
    top: 200px !important;
    width: 300px !important;
    height: 200px !important;
    object-fit: contain;
    margin-left: 0 !important;
    left: 23% !important;
}

.pf-widget-slideout.pf-widget-variant-2.time-marketing-mobile .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 22% !important;
    margin-left: 0 !important;
    top: auto!important;
    bottom: 20%;
}
/* HEADLINE */    

.pf-widget.time-marketing-mobile .pf-widget-headline::before {
    content: url(https://s3.us-west-2.amazonaws.com/s.leveragelab.com/lytics-time/files/Time_Magazine_logo_w80px.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
}

.pf-widget.time-marketing-mobile .pf-widget-headline{
    font-weight: 600;
    color: #e90606;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 16px !important;
    margin-top: 30px !important;
}
.pf-widget-slideout.time-marketing-mobile .pf-widget-headline {
    font-size: 16px !important;
}

/* MESSAGE */
.pf-widget.time-marketing-mobile .pf-widget-message {
    color: black;
    line-height: 1;
    font-size: 24px !important;
    font-weight: 700;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget-slideout.time-marketing-mobile .pf-widget-message {
    font-size: 24px !important;
}

/* BUTTON */

.pf-widget.time-marketing-mobile .pf-widget-btn.pf-widget-ok {
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e90606;
    letter-spacing: 1px;
    margin-top: 220px;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget.time-marketing-mobile .pf-widget-btn.pf-widget-cancel {

}

.pf-widget-slideout.time-marketing-mobile  .pf-widget-btn {
    margin-top: 200px !important;
}

/*CLOSE */
.pf-widget.time-marketing-mobile .pf-widget-close {
    color: #000;
    font-size: 34px;
    font-weight: 500;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;

}

/* FOOTER*/
.pf-widget.time-marketing-mobile .pf-widget-footer{
    color: #003e7e;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 8pt;

}

}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) and (orientation: portrait) {
    
}

    /* time-marketing-desktop - FOR DESKTOP ONLY */

/* MODAL */

.pf-widget-modal.time-marketing-desktop .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
    max-width: 600px;
}

.pf-widget-slideout.time-marketing-desktop .pf-widget-content {
    background-color: white;
    border: 7px solid #e90606;
}
.pf-widget-slideout.time-marketing-desktop {
    width: 450px;
}

/* IMAGE */
.pf-widget.time-marketing-desktop .pf-widget-img {
    border-radius: 0;
    top: 200px !important;
    width: 300px !important;
    height: 200px !important;
    object-fit: contain;
    margin-left: 0 !important;
    left: 23% !important;
}

.pf-widget-slideout.pf-widget-variant-2.time-marketing-desktop .pf-widget-img {
    border-radius: 0;
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
    left: 22% !important;
    margin-left: 0 !important;
    top: auto!important;
    bottom: 20%;
}
/* HEADLINE */    

.pf-widget.time-marketing-desktop .pf-widget-headline::before {
    content: url(https://s3.us-west-2.amazonaws.com/s.leveragelab.com/lytics-time/files/Time_Magazine_logo_w80px.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
}

.pf-widget.time-marketing-desktop .pf-widget-headline{
    font-weight: 600;
    color: #e90606;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 20px;
    margin-top: 30px !important;
}
.pf-widget-slideout.time-marketing-desktop .pf-widget-headline {
    font-size: 18px !important;
}

/* MESSAGE */
.pf-widget.time-marketing-desktop .pf-widget-message {
    color: black;
    line-height: 1;
    font-size: 36px;
    font-weight: 700;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget-slideout.time-marketing-desktop .pf-widget-message {
    font-size: 28px !important;
}

/* BUTTON */

.pf-widget.time-marketing-desktop .pf-widget-btn.pf-widget-ok {
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e90606;
    letter-spacing: 1px;
    margin-top: 220px;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
}

.pf-widget.time-marketing-desktop .pf-widget-btn.pf-widget-cancel {

}

.pf-widget-slideout.time-marketing-desktop  .pf-widget-btn {
    margin-top: 200px !important;
}

/*CLOSE */
.pf-widget.time-marketing-desktop .pf-widget-close {
    color: #000;
    font-size: 34px;
    font-weight: 500;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;

}

/* FOOTER*/
.pf-widget.time-marketing-desktop .pf-widget-footer{
    color: #003e7e;
    font-family: Roboto Condensed,Arial Narrow,arial,sans-serif;
    font-size: 8pt;

}


/* Small Devices, Tablets */
@media only screen and (max-width: 738px) and (orientation: portrait) {
.pf-widget-modal.time-marketing-desktop .pf-widget-content {
    display:none;
}
    .pf-widget-modal.time-marketing-desktop {  
    display: none;
}
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 543px) and (orientation: portrait) {
.pf-widget-modal.time-marketing-desktop .pf-widget-content {
    display:none;
}
    .pf-widget-modal.time-marketing-desktop {  
    display: none;
}
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) and (orientation: portrait) {
    .pf-widget-modal.time-marketing-desktop .pf-widget-content {
    display:none;
}
    .pf-widget-modal.time-marketing-mobile {  
    display: none;
}
}