﻿.pro-tip .inner{background:#fff;padding-bottom:6rem;padding-top:6rem;position:relative;}.pro-tip .inner::before{border:1px solid #8fd8f2;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0;}.pro-tip .copy{padding-bottom:0;}.pro-tip .copy .title{display:inline-block;letter-spacing:1px;line-height:1.25;max-width:calc(100% - 100px);padding-bottom:.66em;position:relative;text-transform:uppercase;}.pro-tip .copy .title::before{background:#0077b3;background:-moz-linear-gradient(left,#0077b3 0%,#8fd8f2 100%);background:-webkit-linear-gradient(left,#0077b3 0%,#8fd8f2 100%);background:linear-gradient(to right,#0077b3 0%,#8fd8f2 100%);content:"";display:block;height:2px;left:-1px;position:absolute;top:100%;width:calc(100% + 100px);}.pro-tip .copy p{font-size:1.8rem;}.pro-tip .copy p+p{margin-top:1.5em;}.pro-tip.filled .inner{background:#f3f9fc;}.pro-tip.filled .inner::before{border:none;}.pro-tip.has-image img{bottom:0;margin-left:40px;max-width:320px;min-width:200px;position:absolute;right:3%;width:40%;}.swiss-type+.pro-tip[data-module="pro-tip"]{margin-top:32px;padding-top:32px;}@media only screen and (max-width:970px){.swiss-type+.pro-tip[data-module="pro-tip"]{margin-top:27px;padding-top:27px;}}@media only screen and (max-width:400px){.swiss-type+.pro-tip[data-module="pro-tip"]{margin-top:21px;padding-top:21px;}}.choices+.pro-tip[data-module="pro-tip"]{margin-top:24px;padding-top:24px;}@media only screen and (max-width:970px){.choices+.pro-tip[data-module="pro-tip"]{margin-top:13px;padding-top:13px;}}@media only screen and (max-width:400px){.choices+.pro-tip[data-module="pro-tip"]{margin-top:11px;padding-top:11px;}}@media only screen and (min-width:971px){.pro-tip.has-image .grid .inner{padding-right:45%;}}@media only screen and (max-width:970px){.pro-tip.has-image .grid .inner{padding-bottom:30%;}.pro-tip.has-image img{width:45%;}}@media only screen and (max-width:780px){.pro-tip .inner{padding-bottom:8vw;padding-top:8vw;}.pro-tip .copy .title{max-width:none;padding-right:20px;}.pro-tip .copy .title::before{width:100%;}.pro-tip .copy p{font-size:1.4rem;}.pro-tip.has-image .grid .inner{padding-bottom:180px;}}@media only screen and (max-width:400px){.pro-tip{max-width:none;}.pro-tip .grid{margin-left:-25px;margin-right:-25px;}.pro-tip .grid .inner{padding:31.25px 25px;}.pro-tip .grid .inner::before{border-left:none;border-right:none;}.pro-tip .copy{padding:0;}}