@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700;900&display=swap);#fullArticle a strong,#fullArticle strong a,#serp-dd .result a:hover,#serp-dd .result>li.active,.category-list .category .article-count,.category-list .category:hover .article-count,.collection a,.contentWrapper a,.most-pop-articles .popArticles a,.most-pop-articles .popArticles a:hover span,.navbar .brand,.navbar .nav .active a,.navbar .nav .active a:focus,.navbar .nav .active a:hover,.navbar .nav li a:focus,.navbar .nav li a:hover,body{color:#00c4dd}#docsSearch #searchBar .search-query,#sidebar .nav-list a,.articleFoot p.lu,.articleFoot time.lu,body,body #sidebar form .search-query{font-family:'Source Sans Pro',sans-serif}#sidebar h3,body .navbar .nav li a{text-transform:none}.container-fluid,body .home-video{max-width:1170px}.articleList,body ul.sub-nav-list li{list-style:none}body .contentWrapper .ct-button:hover,body .footer-copy{background-color:#252239}body{font-size:16px;font-weight:400}@media (min-width:1200px){body .row-fluid .span3{width:20%}.row-fluid .span9{width:80%}}.contentWrapper{background:#fff;color:#222;min-height:460px;padding:85px 100px}#main-content{padding:32px 0 0 28px;background:0 0}#fullArticle blockquote,#fullArticle dd,#fullArticle div,#fullArticle li,#fullArticle ol,#fullArticle p,#fullArticle table,#fullArticle ul{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:400;line-height:27px;letter-spacing:.17px;letter-spacing:0;color:#242237}#fullArticle h1,#fullArticle h2,#fullArticle h3,#fullArticle h4,#fullArticle h5{color:#252239;margin-top:35px;margin-bottom:25px}.contentWrapper h1{font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;letter-spacing:1.6px;line-height:36px}.contentWrapper h2,.contentWrapper h3{font-family:Montserrat,sans-serif;line-height:40px;font-weight:700}.contentWrapper h2{font-size:24px;letter-spacing:1.3px}.contentWrapper h3{font-size:19px;letter-spacing:.2px}.contentWrapper h4,.contentWrapper h5,.contentWrapper h6{font-family:Montserrat,sans-serif;line-height:36px}.contentWrapper h4{font-size:16px;letter-spacing:.2px;font-weight:700}.contentWrapper h5{font-size:14px;letter-spacing:.35px;font-weight:700}.contentWrapper h6{font-size:13px;letter-spacing:.8px;font-weight:700}.category-list h3,.collection-category h2{letter-spacing:.7px;font-family:Montserrat,sans-serif;font-weight:700}#sidebar .nav-list a{font-size:16px;color:#5f727f}#searchBar.sm button{height:50px;top:0}#fullArticle blockquote p{margin-bottom:0}#fullArticle blockquote{padding-bottom:0}#fullArticle code,#fullArticle pre{font-size:12px;padding:20px 20px 20px 30px;line-height:24px;color:#5f727f;border:1px solid #dbe1df;background-color:#f7f9f9}#fullArticle li{position:relative;margin-bottom:15px}#fullArticle ol ol{padding-top:14px}#fullArticle dt{background-color:#00c4dd;font-size:14px;padding:8px 11px;margin-top:-3px;line-height:1;margin-bottom:30px}#fullArticle .callout,#fullArticle .callout-blue,#fullArticle .callout-green,#fullArticle .callout-red,#fullArticle .callout-yellow,#fullArticle .private-note{padding:40px 30px 34px 40px}.articleRatings{display:flex;align-items:center;justify-content:center;min-height:60px;padding:12px;background:#fff;border:1px solid #dbe1df;border-radius:4px;box-shadow:none;font-size:14px;color:#858585}#fullArticle img,.contentWrapper{border:1px solid #d6d6d6}#fullArticle hr{border-top:1px solid #d6d6d6;border-bottom:0 solid #fff;margin:40px auto 30px}#sidebar form .search-query{display:block;width:100%;margin:0;padding-right:35px;font-size:14px;line-height:18px;height:40px;border:1px solid #d6d6d6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;color:#5f727f}.category-list .category,.contentWrapper{box-shadow:0 2px 5px rgb(0 0 0 / 3%);border:none}.navbar .icon-private-w,.navbar .nav li a{font-weight:700;color:#252239;font-family:Montserrat,sans-serif;font-size:14px;text-transform:uppercase}.navbar .navbar-inner{background-color:#fff;padding-top:18px;padding-bottom:18px}#searchBar.sm button .icon-search{display:block;text-shadow:none;color:#5f727f}.articleFoot p.lu,.articleFoot time.lu{float:right;margin-top:2px;color:#a2adb4;font-size:14px;font-style:normal}footer p{margin-bottom:3em;color:#a2adb4;font-family:'Source Sans Pro',sans-serif font-size: 14px}.contentWrapper{border-radius:5px}input.search-query::placeholder{color:#5f727f}#docsSearch{padding:135px 0;background-size:cover;background-image:url('http://codex-themes.com/thegem/Slice_1.jpg');margin-bottom:80px}#docsSearch h1{font-size:60px;font-weight:700;letter-spacing:3.5px;color:#fff;font-family:Montserrat,sans-serif}#docsSearch #searchBar button{font-family:Montserrat,sans-serif;border:2px solid #4af4ff;width:32%;color:#4af4ff;text-transform:uppercase;border-radius:5px;background-color:transparent;font-size:15px;margin-top:8px;font-weight:700}#docsSearch #searchBar .search-query{width:63%}#docsSearch h1:after,body #docsSearch h2:after{content:'?';color:#4af4ff}#docsSearch form#searchBar{text-align:left;position:relative;margin-top:43px}#docsSearch div#serp-dd{margin-top:15px;box-shadow:none;border-radius:5px}.category-list .category{background-color:#fff;border-radius:9px;padding-top:44px!important;padding-bottom:50px!important}body .category-list .category{text-align:center;display:inline-block;width:27%;margin:1.6%;padding:1.5em 1em;cursor:pointer;-webkit-transition:background .15s;-moz-transition:background .15s;-o-transition:background .15s;transition:background .15s;vertical-align:top}body #docsSearch #searchBar button span,body #searchBar.sm,body .icon-article-doc:before,body footer>p,body li#hire,body section.articleFoot{display:none}body .custom-footer a.button,body li#buythegem a,body li#hire a{-webkit-transition:background-color .2s linear;-ms-transition:background-color .2s linear}.category-list h3{font-size:18px;position:relative;padding-bottom:13px}.category-list h3:after{content:'';width:50px;background-color:#04c5de;height:1px;position:absolute;bottom:0;left:50%;margin-left:-25px}#searchBar button{text-shadow:none!important}.collection-category .category-list{margin-left:-.8%!important;margin-right:-.8%!important}.collection-category h2{font-size:32px;margin-bottom:70px}body .articleList li{margin:.48em 0;padding-left:25px}.articleList{margin:50px 0 38px;font-size:1.3em}.navbar .nav>li>a{padding:11px 6px}#fullArticle .title{margin-bottom:40px}.articleRatings{margin-top:40px}.category-list p,body #fullArticle .callout,body #fullArticle .callout p,body #fullArticle .callout-blue,body #fullArticle .callout-blue p,body #fullArticle .callout-green,body #fullArticle .callout-green p,body #fullArticle .callout-red,body #fullArticle .callout-red p,body #fullArticle .callout-yellow,body #fullArticle .callout-yellow p,body #fullArticle .private-note,body #fullArticle .private-note p{font-size:16px}#docsSearch #searchBar .search-query{font-size:14px;border:none}#docsSearch #searchBar button:hover{background-color:#4af4ff;color:#333}.category-list .category:hover{text-decoration:none;background:#f8f8f8;border-color:transparent}#sidebar h3{font-size:20px;margin-bottom:32px;font-family:Montserrat,sans-serif}body #sidebar form .search-query{font-size:15px;height:50px;border-radius:3px}#fullArticle .callout-yellow{background:#fef7e4;border-color:#fac24f}.callout-blue h3,.callout-green h3,.callout-red h3,.callout-yellow h3{font-weight:700!important;font-size:16px!important}#fullArticle img{margin-top:30px;margin-bottom:50px;border:1px solid #dbe1df}body .category-list .category{border:1px solid transparent}body .category-list .category:hover{border:1px solid #e0e0e0}body #fullArticle h1{line-height:42px!important}body #fullArticle h2{letter-spacing:0;line-height:34px}body #fullArticle h3{font-size:21px;line-height:32px;letter-spacing:0}body #fullArticle h4{font-size:18px;line-height:25px;letter-spacing:0}body #fullArticle h6{letter-spacing:0;line-height:18px}.threeCol .collection,body .twoCol .collection{border:none;-webkit-box-shadow:0 2px 8px -2px rgba(34,39,43,.06);-moz-box-shadow:0 2px 8px -2px rgba(34,39,43,.06);box-shadow:0 2px 8px -2px rgba(34,39,43,.06)}body #fullArticle img{width:auto!important;height:auto!important}body #docsSearch{padding-top:100px;padding-bottom:100px;margin-bottom:50px}body #docsSearch.inner-banner{padding-top:1px;padding-bottom:55px;margin-bottom:50px;background-image:none;background-color:#0135e0}body .navbar .nav{top:15px}body .navbar .brand{padding:0}body #docsSearch h1,body .contentWrapper h1{letter-spacing:0}body #docsSearch h2{font-size:60px;font-weight:700;letter-spacing:0;color:#fff;text-align:center;font-family:Montserrat,sans-serif}body #searchBar{width:850px}body #searchBar button .icon-search{display:inline-block;font-size:20px;color:hsl(248deg 25% 18%)}body #docsSearch #searchBar button{width:auto;border:none}body li#buythegem a,body li#hire a{border:2px solid;padding-left:40px;padding-right:40px;border-radius:3px;min-width:92px;text-align:center;transition:background-color .2s linear}body li#hire{margin-right:20px}body li#hire a{border-color:#09b0d9;color:#09b0d9}body li#buythegem{margin-left:27px}body li#buythegem a{color:#0135e1;border-color:#0135e1}body li#hire a:hover{background-color:#09b0d9;color:#fff}body li#buythegem a:hover{background-color:#0135e1;color:#fff}body .navbar .navbar-inner{min-height:76px;padding-top:0;padding-bottom:0}body .navbar .nav>li>a{padding:5px 25px}body #fullArticle h5{line-height:22px;letter-spacing:0!important;margin-bottom:10px;font-size:15px}body #mainNav .container-fluid{position:relative;padding-top:20px;padding-bottom:20px}body #docsSearch #searchBar .search-query{width:100%}body .s-tags a{text-align:center;padding:3px 6px;color:#fff;background-color:#1100bf;font-size:14px;margin:5px;border-radius:3px}body .s-tags{text-align:center}body #docsSearch form#searchBar{margin-top:22px}body #docsSearch #searchBar button:hover{background-color:transparent}body .navbar-inner ul.nav{opacity:0}body .navbar-inner ul.nav.new-naw{opacity:1}body .custom-footer{display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ef0d9a804286306f8059429/images/63ce974b627fa96d949401a5/file-94SJdo7Cxs.png);padding-top:90px;padding-bottom:90px}body .threeCol h2{text-align:left;font-weight:700;letter-spacing:0;font-size:25px}body .threeCol h2 a{width:100%;margin-top:8px;font-family:Montserrat;color:#242237;font-size:21px}body .threeCol h2:before{font-size:14px;background-color:#e9f8fc;padding:5px 10px;font-weight:500;color:#00bcd4!important}body .custom-footer a.button,body .home-video a.button{padding:15px 22px;color:#06c6df;font-family:Montserrat;font-weight:700;text-decoration:none}body .threeCol #collection-1 h2:before{content:'38 Articles'}body .threeCol #collection-39 h2:before,body .threeCol #collection-6 h2:before{content:'36 Articles'}body .threeCol #collection-317 h2:before{content:'12 Articles'}body .threeCol #collection-36 h2:before{content:'34 Articles'}body .threeCol #collection-30 h2:before{content:'52 Articles'}body .threeCol #collection-33 h2:before{content:'30 Articles'}body .threeCol #collection-179 h2:before{content:'63 Articles'}body .threeCol #collection-42 h2:before{content:'18 Articles';content:'12 Articles'}body .threeCol #collection-451 h2:before{content:'21 Articles'}body .threeCol .collection .collection-body{padding-top:0;margin-top:-5px;text-align:left}body section#collection-42{width:96%}body .most-pop-articles .popArticles a,body .threeCol .popArticles a,body .twoCol .popArticles a{text-decoration:none;margin-left:0;line-height:20px}.most-pop-articles body .popArticles,.threeCol .popArticles,body .twoCol .popArticles{margin:0}body .threeCol .browse{color:#0031e9;text-decoration:underline;margin-top:0;font-size:16px}body .threeCol .browse:hover{color:#0031e9;text-decoration:none}body .custom-footer span{color:#fff;font-size:21px;font-family:Montserrat;letter-spacing:0;font-weight:700}body .custom-footer a.button{border-radius:3px;border:2px solid #06c6df;margin-top:60px;transition:background-color .2s linear}body .custom-footer a.button:hover{background-color:#06c6df;color:#fff}body .footer-copy{padding:30px 10px;text-align:center;font-size:14px;color:#8896a3}@media (max-width:980px){body .navbar .nav>li>a{padding:5px 12px}}body .Videotutorials-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:45px}body .Videotutorials-title{text-align:center;font-size:40px;font-family:Montserrat;color:#333;margin-bottom:40px;font-weight:700;margin-top:0;line-height:1}body .home-video{padding-left:20px;padding-right:20px;margin:0 auto;text-align:center}body .videotutorials{width:31%;position:relative;padding-top:25px;height:0;min-height:200px;margin:1%}body .videotutorials iframe{position:absolute;top:0;left:0;width:100%;height:100%}body .home-video a.button{border-radius:3px;border:2px solid #06c6df;-webkit-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear;display:inline-block;margin:0 auto 50px;text-align:center}body .home-video a.button:hover{background-color:6C6DF;color:#fff}body .page-heading{background-color:#fff;margin-top:-50px}body .container-fluid{display:flex;font-size:14px;padding-top:15px;padding-bottom:15px;color:#0e0e0e}body .page-heading a,body i.icon-arrow:before{color:#8d9ca9}body .page-heading i{font-weight:100!important;margin-left:5px;font-size:12px;margin-top:3px;display:block;margin-right:5px}body #sidebar .nav-list .active>a{font-weight:600}body ul.nav.nav-list .sub-nav-list li.active a,body ul.nav.nav-list>li.active>a{font-weight:600!important;color:#252239!important}body ul.nav.nav-list .sub-nav-list li a{font-weight:400!important}body ul.nav.nav-list a,body ul.nav.nav-list a:hover{color:#242237!important}body ul.articleList a{font-size:20px;color:#0031e9;letter-spacing:0;margin-bottom:11px;font-weight:300;display:inline-block;text-decoration:none}body #fullArticle strong{color:#252239}body iframe{margin-bottom:20px}body #fullArticle dt{margin-top:0!important;background-color:#00c4dd;font-size:14px;width:30px;height:30px;text-align:center;line-height:29px;padding:0!important}.contentWrapper .ct-button{background-color:#0031e9;border:none;padding:8px 16px;color:#fff;font-family:Montserrat;font-weight:700;border-radius:3px;letter-spacing:.3px;font-size:14px;text-decoration:none}body b{color:#000}body .s-tags a.active{background-color:#fff;color:#0000cd}body .most-pop-articles .popArticles a,body .threeCol .popArticles a,body .twoCol .popArticles a{color:#242237}body .contentWrapper a{color:#0135e0;text-decoration:underline}body .contentWrapper a:hover{color:#0135e0;text-decoration:none}body #fullArticle .callout-green{background:#f8f8f8;padding-top:1px!important;border-color:#e4e4e4;padding-bottom:40px}body #fullArticle .callout-green p{margin-bottom:10px}body .contentWrapper a b{color:#0135e0}body .articleList a:hover span{text-decoration:none;border-bottom:1px solid}body ul.articleList a>span:before{content:"\e604";font-family:helpscout-docs3;color:#0031e9;margin-right:10px;font-size:16px}@media (max-width:768px){body .category-list .category{width:100%}body iframe{width:100%;height:100%}body .contentWrapper{padding:40px 20px}body #docsSearch h1{line-height:56px}body li#buythegem a,li#hire a{display:inline-block;margin-left:0!important;margin-right:0!important;padding:inherit;color:#000;border:none;margin:0}body li#hire{margin-right:0}body #searchBar{width:80%}body .s-tags{text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}body .page-heading{margin-top:-50px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}body #main-content{margin:0;padding:0}body li#buythegem{margin-left:12px}body .container-fluid,body .navbar-inner .container-fluid{display:flex;flex-direction:column}body .navbar .btn-navbar{margin-top:22px}body .row-fluid.threeCol{margin-left:4%;width:92%}body .threeCol .collection{margin-bottom:20px}body .Videotutorials-wrapper{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:45px;flex-wrap:wrap}body .videotutorials{padding-top:25px;margin-bottom:25px}body .custom-footer{padding-top:90px;padding-bottom:90px;margin-left:-20px;margin-right:-20px}body .custom-footer span{text-align:center;line-height:26px;padding-left:20px;padding-right:20px}body .footer-copy{margin:0 -20px}body .container-fluid{display:flex;flex-direction:row}body .page-heading .container-fluid{flex-wrap:wrap}}body #fullArticle pre>p{font-family:inherit;font-size:14px}.pagination ul>li>span,body .pagination ul>li>a{float:left;padding:11px 16px;line-height:18px;text-decoration:none;background-color:#fff;margin:2px 10px 2px 2px;font-size:16px;border:1px solid #e4e4e4!important}body .pagination *{border-radius:0!important}body .pagination ul>li:hover a{background-color:#f8f8f8;color:#000}body .pagination ul>li.active{pointer-events:none}body #serp .nada{margin-top:25px}body #serp .articleList>li a{margin-left:0;margin-bottom:25px;font-size:20px}body #serp .articleList>li{padding:30px 30px 3px!important;background-color:#f8f8f8;margin-bottom:20px}#serp .nada,body #serp .articlesFound{color:#000;margin-top:-4px}body #serp p{font-size:16px;color:#222}