﻿/*****Custom Font Style*****/
@font-face {
    font-family: 'agendaregular';
    src: url('../font/Agenda/agenda-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*****Base Reset Style*****/
body,div,p,table,caption,tbody,tfoot,thead,tr,th,td,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,fieldset,legend,input,textarea,blockquote,iframe{margin:0; padding:0;}

table{border-collapse:collapse; border-spacing:0;}

caption,th{text-align:left;}

fieldset,img,abbr,acronym{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}

strong{font-weight:bold;}

ol,ul{list-style:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

.hasLayout, .contain{*zoom:1;}

.contain:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.capitalize{text-transform:capitalize;}

.upperCase{text-transform:uppercase;}

.lowerCase{text-transform:lowercase;}

.floatLeft{float:left; _display:inline;}

.floatRight{float:right; _display:inline;}

.underline{text-decoration:underline;}

.right{right:0;}

.none{display:none;}

.bold{font-weight:bold;}


/*****Ad Style*****/
body{background-color:#343579;}

.content{height:100%; background-color:#343579; padding:24px; font-family:"Roboto", Arial, sans-serif; color:#FFFFFF; box-sizing:border-box;}

.performance{min-width:238px;}

.allocation{min-width:238px;}

.icon{position:absolute; width:60px; height:60px; top:0; right:0; margin:24px;}

.eyebrow{font-size:14px; letter-spacing:1.3px; text-transform:uppercase; padding-right:65px; padding-top:44px;}

.eyebrow.twoLine{padding-top:27px;}

.headline{font-size:24px; line-height:27px; padding-top:8px;}

.text{font-size:16px; line-height:20px; padding-top:8px;}

.CTA{width:max-content; background-color:transparent; font-family:"agendaregular", Arial, sans-serif; font-size:12px; letter-spacing:.5px;  margin:30px 0; padding:6px 15px; border: 1px solid #FFFFFF; border-radius:15px; display:inline-block;}

.disclaimer{position:absolute; bottom:0; font-size:11px; line-height:13px; padding-bottom:24px; padding-right:24px;}

.disclaimerLink{position:absolute; bottom:0; right:0; font-size:11px; line-height:13px; padding-bottom:24px; padding-right:24px; text-decoration:underline; cursor:pointer; z-index:2;}

.disclaimerBox{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#343579; font-size:11px; line-height:13px; padding:24px; opacity:0; box-sizing:border-box; z-index:-1} 

a.backgroundClick{position:absolute; width:100%; height:100%; top:0; left:0; background-image:url('//ad.wsodcdn.com/noBkgd.png');}

@media (max-width:300px) {

    .icon{display:none;}

    .eyebrow{padding-right:0;}

    .performance{padding:15px;}

    .performance .eyebrow{padding-top:27px;}
}