@charset "utf-8";
/****** FILE: themes/default/css/view_articles.css *****/
#main-content[data-view~="article"][data-view~="101"]{}#main-content[data-view~="article"] .article,#main-content[data-view~="article"] .post-content,#main-content[data-view~="article"] .common{background:#fff;padding:60px;}#main-content[data-view~="article"] .article{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}#main-content[data-view~="article"] .article p img{display:block;max-width:100%;height:auto;}#main-content[data-view~="article"] .post-content{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-moz-background-clip:padding-box !important;-webkit-background-clip:padding-box !important;}#main-content[data-view~="article"] .article.how-to{margin-bottom:40px;}#main-content[data-view~="article"] .article [data-component-type="ui-image-container"].feature-image{display:block;position:relative;margin-bottom:1.6em;}#main-content[data-view~="article"] .article [data-component-type="ui-image-container"][data-has-video="true"].feature-image{cursor:pointer;}#main-content[data-view~="article"] .article [data-component-type="ui-image-container"].feature-image,#main-content[data-view~="article"] .article [data-component-type="ui-image-container"].feature-image > img{width:100%;height:auto;}#main-content[data-view~="article"] .article [data-component-type="ui-image-container"].feature-image .play-icon{display:inline-block;width:200px;height:200px;position:absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:40;}#main-content[data-view~="article"] .article [data-component-type="ui-image-container"].feature-image .play-icon{-webkit-transition:opacity 256ms ease-in-out;-moz-transition:opacity 256ms ease-in-out;-ms-transition:opacity 256ms ease-in-out;transition:opacity 256ms ease-in-out;background:url('../../themes/default/images/icons/icon-video-blue-l.png') no-repeat 50% 50%;background-size:100% auto;opacity:0.25;}#main-content[data-view~="article"] .article [data-component-type="ui-image-container"].feature-image .play-icon:hover{background:url('../../themes/default/images/icons/icon-video-blue-l.png') no-repeat 50% 50%;background-size:100% auto;opacity:1;}#main-content[data-view~="article"] .time-saving-tips [data-component-type="ui-image-container"].feature-image .play-icon{background-image:url('../../themes/default/images/icons/icon-video-green-l.png');}#main-content[data-view~="article"] .time-saving-tips [data-component-type="ui-image-container"].feature-image .play-icon:hover{background-image:url('../../themes/default/images/icons/icon-video-green-l.png');}#main-content[data-view~="article"] > h2,#main-content[data-view~="article"] .article h2{font-size:54px;line-height:1em;}body.social-responsibility #main-content[data-view~="article"] .title-block h1{color:#005CA6;}body.social-responsibility .ui-component.purple,body.social-responsibility .ui-control.purple,body.social-responsibility .ui-control[data-control-state="selected"].purple{background:#005CA6 !important;background-image:none !important;border:none !important;color:#fff !important;text-shadow:none !important;}body.social-responsibility .ui-component.purple:hover,body.social-responsibility .ui-control.purple:hover,body.social-responsibility .ui-control[data-control-state="selected"].purple:hover{background:#fff !important;color:#005CA6 !important;}#main-content[data-view~="article"],#main-content[data-view~="article"] .article *{font-family:'Bitter';font-weight:normal;font-style:normal;line-height:1.6em;}#main-content[data-view~="article"] .article p,#main-content[data-view~="article"] .article p,#main-content[data-view~="article"] .article p *,#main-content[data-view~="article"] .article li,#main-content[data-view~="article"] .article li *{font-size:16px;line-height:1.6em;}body[data-browser="msie"] #main-content[data-view~="article"] .article p,body[data-browser="msie"] #main-content[data-view~="article"] .article p,body[data-browser="msie"] #main-content[data-view~="article"] .article p *{}#main-content[data-view~="article"] h2,#main-content[data-view~="article"] h3,#main-content[data-view~="article"] h4,#main-content[data-view~="article"] .article h2,#main-content[data-view~="article"] .article h3,#main-content[data-view~="article"] .article h4{font-family:'Sanchez-Regular';font-weight:normal;font-style:normal;text-rendering:optimizeLegibility;letter-spacing:-0.028em;}#main-content[data-view~="article"] .article h3{font-size:33px;}#main-content[data-view~="article"] .article h4{font-size:28px;}#main-content[data-view~="article"] .article h5{font-size:16px;color:#23bbc9;}#main-content[data-view~="article"] .article a{color:#23bbc9;}#main-content[data-view~="article"] .article a:link,#main-content[data-view~="article"] .article a:active,#main-content[data-view~="article"] .article a:visited{color:#23bbc9;-webkit-transition-duration:0.35s;-moz-transition-duration:0.35s;-ms-transition-duration:0.35s;transition-duration:0.35s;}#main-content[data-view~="article"] .article a:hover{color:#003F52;}#main-content[data-view~="article"] .article p{margin-bottom:1.5em;}#main-content[data-view~="article"] .article .video-container{width:100%;max-width:100%;}#main-content[data-view~="article"] .article .video-container iframe{width:100%;}#main-content[data-view~="article"] .article strong,#main-content[data-view~="article"] .article p strong{font-weight:bold !important;}#main-content[data-view~="article"] .article em,#main-content[data-view~="article"] .article p em{font-style:italic !important;}#main-content[data-view~="article"] p sub,#main-content[data-view~="article"] p sup{font-size:.75em;}#main-content[data-view~="article"] .app-links{clear:both;min-height:68px;}#main-content[data-view~="article"] .app-links > a,#main-content[data-view~="article"] .app-links > a img{display:inline-block;margin-right:20px;min-height:68px;}#main-content[data-view~="article"] .app-links > a img{margin:0 !important;}#main-content[data-view~="article"] .article table{background:#fff;border:1px solid #ffe291;margin-bottom:1.6em;}#main-content[data-view~="article"] .article table tr:first-child td,#main-content[data-view~="article"] .article table tr:first-child td p{display:table-cell;background:#ffe291;font-size:18px;line-height:28px;height:60px;vertical-align:middle;font-family:'proxima-nova',Helvetica,Arial;font-weight:700 !important;}#main-content[data-view~="article"] .article table tr td p{display:table-cell;vertical-align:middle;line-height:28px;height:60px;}#main-content[data-view~="article"] .article table tr td{padding:0 20px;}#main-content[data-view~="article"] .article table tr:first-child td p{margin:0;}#main-content[data-view~="article"] .article table tr:first-child td{padding:0 20px;}#main-content[data-view~="article"] .article table tr:first-child{padding:0 20px;border:none !important;}#main-content[data-view~="article"] .article table tr{border-top:1px solid #ffe291;padding:0 20px;}#main-content[data-view~="article"] .article table tr:nth-child(2n){background:#fff7e2;}#main-content[data-view~="article"] [data-control-type="ui-feature-box"][data-has-image="false"] [data-control-type="ui-feature-box-content-wrapper"]{width:100% !important;padding:20px 30px;max-height:260px;overflow:hidden;}#main-content[data-view~="article"] [data-control-type="ui-feature-box"] h3{font-family:'Bitter';font-weight:normal !important;font-style:normal !important;}#main-content[data-view~="article"] [data-control-type="ui-feature-box"] .step-number{display:block;position:absolute;left:30px;top:30px;color:#fff;font-family:"proxima-nova","Arial",sans-serif;font-weight:bold !important;font-style:normal !important;font-size:45px;}#main-content[data-view~="article"] [data-control-type="ui-feature-box"][data-has-image="false"] [data-component-type="ui-image-container"] .step-number{display:block;position:inherit;left:auto;top:auto;color:#23bbc9;padding:30px;}#main-content[data-view~="article"] .how-to-content.columns{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;}#main-content[data-view~="article"] .how-to-content{}@media screen and (max-width:1024px){}@media screen and (max-width:960px){#main-content[data-view~="article"] .article,#main-content[data-view~="article"] .post-content,#main-content[data-view~="article"] .common{padding:30px 20px;}#main-content[data-view~="article"] > h2,#main-content[data-view~="article"] .article h2,#main-content[data-view~="article"] > h3,#main-content[data-view~="article"] .article h3,#main-content[data-view~="article"] > h4,#main-content[data-view~="article"] .article h4{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}#main-content[data-view~="article"] > h2,#main-content[data-view~="article"] .article h2{font-size:48px;}#main-content[data-view~="article"] > h3,#main-content[data-view~="article"] .article h3{font-size:28px;line-height:1.25em;}#main-content[data-view~="article"] > h4,#main-content[data-view~="article"] .article h4{font-size:22px;line-height:1.25em;}#main-content[data-view~="article"] > img,#main-content[data-view~="article"] > img[width="320"],#main-content[data-view~="article"] .article img,#main-content[data-view~="article"] .article img[width="320"]{max-width:100%;height:auto;min-width:1em;min-height:1em;}#main-content[data-view~="article"] .article.how-to{margin-bottom:10px;}}
@media screen and (max-width:640px){#main-content[data-view~="article"] > [data-control-type="ui-youtube-shortcode"],#main-content[data-view~="article"] .article [data-control-type="ui-youtube-shortcode"]{}#main-content[data-view~="article"] > [data-control-type="ui-youtube-shortcode"] iframe,#main-content[data-view~="article"] .article [data-control-type="ui-youtube-shortcode"] iframe{width:100%;height:auto;}#main-content[data-view~="article"] .article table{table-layout:fixed !important;width:100% !important;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch !important;}#main-content[data-view~="article"] .article table td{width:auto !important;}}
@media screen and (max-width:480px){#main-content[data-view~="article"] > img,#main-content[data-view~="article"] > img[width="320"],#main-content[data-view~="article"] .article img,#main-content[data-view~="article"] .article img[width="320"]{max-width:100%;min-width:1em;width:100%;height:auto;min-height:1em !important;}}
@media screen and (max-width:320px){}