﻿.blog--section-title{border-bottom:1px solid #D8D8D8;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding-bottom:14px}.blog--section-title .section-title{font-weight:300;font-size:22px;line-height:32px;letter-spacing:0}@media (min-width: 992px){.blog--section-title .section-title{font-size:26px}}.blog--section-title .section-title--link{color:#19639A;white-space:nowrap}.blog-container{width:calc(100% - 30px);max-width:660px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.blog-container{max-width:720px}}@media (min-width: 992px){.blog-container{max-width:1180px}}.blog-index--hero{margin-top:50px}.tag-tutorials--posts,.blog-index--hero{display:flex;flex-direction:column}@media (min-width: 992px){.tag-tutorials--posts,.blog-index--hero{flex-direction:row;justify-content:space-between}}@media (max-width: 991px){.tag--hero-sidebar{order:-1}}.tag-tutorials--hero,.tag--devops{width:100%;--resource-meta-size: 14px}@media (max-width: 767px){.tag-tutorials--hero,.tag--devops{--resource-card-pad-v: 12px}}@media (min-width: 768px){.tag-tutorials--hero,.tag--devops{--resource-title-size: 30px;--resource-meta-size: 16px}}@media (min-width: 992px){.tag-tutorials--hero,.tag--devops{width:55.9322033898%}}.tag--hero-sidebar,.tag-tutorials--sidebar{width:100%}@media (min-width: 992px){.tag--hero-sidebar,.tag-tutorials--sidebar{width:39.8305084746%}}.tag-tutorials{margin:56px 0 56px}@media (min-width: 768px){.tag-tutorials{margin:70px 0 70px}}@media (min-width: 992px){.tag-tutorials{margin:100px 0 70px}}.most-popular{overflow:hidden;padding-top:100px;padding-bottom:88px;--resource-meta-size: 14px}@media (min-width: 768px){.most-popular{--resource-meta-size: 16px}}.most-popular h2{font-size:42px;font-weight:300}.most-popular .slick-arrow{color:#161616}@media (max-width: 1274px){.most-popular .slick-arrow{display:none !important}}@media (min-width: 1275px){.most-popular .slick-arrow.prev-arrow{left:-30px}.most-popular .slick-arrow.next-arrow{right:-30px}}.most-popular .slick-dots li.slick-active button:before{color:#161616}body.page-blog{padding-top:0}@media (min-width: 768px){body.page-blog{padding-top:70px}}body.page-blog,body.page-blog main{background:#F8F8F8}body.page-blog.post .post-content h2,body.page-blog.post .post-content h3{margin-bottom:18px;margin-top:48px}body.page-blog.blog-post-collection header p{line-height:inherit}body.page-blog.blog-post-author header img.headshot{height:auto;width:190px;max-width:100%;border-radius:95px}body.page-blog.blog-post-author header h2{margin-bottom:0}body.page-blog.blog-post-author header h2+p.subtitle{margin-top:0}body.page-blog.blog-post-author header .social-icon{font-size:20px;color:#898989;display:inline-block;margin-right:24px}body.page-blog.blog-post-author header h2 .social-icon:first-of-type{margin-left:24px}body.page-blog.blog-post-tag header h2{font-weight:300}body.page-blog ul.pagination li{display:inline}body.page-blog ul.pagination li .pagination-button{display:inline-block;width:48px;height:48px;padding-top:10px;text-align:center}body.page-blog ul.pagination li.active .pagination-button{border-radius:50%;background-color:#19639A;color:#FFFFFF}body.page-blog ul.pagination li .page-numeral{font-size:20px}body.page-blog ul.pagination li a,body.page-blog ul.pagination li a:link,body.page-blog ul.pagination li a:hover{text-decoration:none}body.page-blog.post article header{background:linear-gradient(to bottom, #F8F8F8 0px, #F8F8F8 95%, #fff 95%, #fff 100%)}body.page-blog.post article header h1{text-align:left}body.page-blog.post article .post-hero img{width:100%}body.page-blog.post article .social-btns a{display:block;margin-left:0;margin-bottom:30px;color:#898989}body.page-blog.post article .post-content img{width:100%;height:auto}body.page-blog.post article .post-content img.img-auto{width:auto;max-width:100%}body.page-blog.post article .featured-content{padding:60px;background-color:#003740;color:#FFFFFF;font-size:32px;font-weight:300;text-align:center}body.page-blog.post article .featured-content .button-solid,body.page-blog.post article .featured-content .button-solid-alt,body.page-blog.post article .featured-content .button-solid-dark,body.page-blog.post article .featured-content .button-outlined,body.page-blog.post article .featured-content .button-outlined-alt,body.page-blog.post article .featured-content .button-outlined-on-dark{margin-top:24px}@media (min-width: 768px){body.page-blog.post article .featured-content--image{text-align:left}}body.page-blog.post article .featured-content--image img{-webkit-filter:drop-shadow(0px 5px 15px rgba(0,0,0,0.1));filter:drop-shadow(0px 5px 15px rgba(0,0,0,0.1))}@media (max-width: 767px){body.page-blog.post article .featured-content--image img{margin-bottom:30px}}@media (min-width: 768px){body.page-blog.post article .featured-content--image img{float:right;width:40%;margin-left:30px}}body.page-blog.post article .pull-quote{background-color:#F8F8F8;color:#161616;border-left:4px solid #003740;margin:60px -60px;padding:60px}@media (max-width: 991px){body.page-blog.post article .pull-quote{margin-left:0;margin-right:0}}body.page-blog.post article .pull-quote blockquote{font-weight:initial;letter-spacing:initial;padding:initial;margin:initial;border-left:initial;font-size:32px;line-height:1.4;position:relative;margin-top:25px}body.page-blog.post article .pull-quote blockquote:before{content:"“";position:absolute;top:-80px;left:-4px;font-family:'Helvetica Neue';font-size:100px}body.page-blog.post article .pull-quote blockquote cite{font-size:initial;font-style:normal;display:block;margin-top:25px}body.page-blog.post article .pull-quote blockquote cite:before{content:"—"}body.page-blog.post article .text-box{padding:30px 35px;background-color:#F8F8F8}body.page-blog.post article .text-box,body.page-blog.post article .text-box p,body.page-blog.post article .text-box ul{color:#161616}body.page-blog.post .recommended-posts .resource-tile:nth-child(n+4){display:none}@media (min-width: 768px) and (max-width: 991px){body.page-blog.post .recommended-posts .resource-tile:nth-child(n+3){display:none}}body.page-blog.post .recommended-posts .recommended-posts-header{margin-bottom:-300px}body.page-blog.post .recommended-posts .recommended-posts-header+article.blog-post header{padding-top:390px}body.page-blog.post .recommended-posts .interstitial-signup{margin-bottom:-80px}body.page-blog.post .recommended-posts .interstitial-signup+article.blog-post header{padding-top:170px}body.page-blog.post main>footer{margin-top:300px}body.page-blog .post-content table.cci-blue-theme{margin-top:0;border:none;border-collapse:collapse;width:100%;color:#010101}body.page-blog .post-content tr:nth-child(odd){background-color:#E0F7FA}body.page-blog .post-content tr:nth-child(even){background-color:white}body.page-blog .post-content th,body.page-blog .post-content td{padding:7px 10px}body.page-blog .post-content th{background-color:#4DD0E1}body.page-blog .post-content td[colspan="2"]{padding-left:35px}body.page-blog .post-content td{border:1px solid #DDDDDD}body.page-blog .post-tags{line-height:2.5em}@media (max-width: 767px){body.page-blog .post-tags li{display:block}}body.page-blog .post-tags .tag{padding:5px 30px;font-size:70%;letter-spacing:0.5px;color:#27A0B6;border:1px solid #27A0B6;white-space:nowrap}body.page-blog .post-tags .tag:hover{color:#F3F3F3;background-color:#27A0B6}body.page-blog .search-results-metadata{color:#898989;font-size:15px;padding-bottom:12px;border-bottom:2px solid #D8D8D8;max-width:100%;overflow:hidden;text-overflow:ellipsis}body.page-blog .search-results-metadata .search-results-count{color:initial;font-weight:500}body.page-blog .search-results-metadata .search-query{color:initial;font-style:italic}body.page-blog .interstitial-signup h2{margin-top:0}@media (min-width: 768px){body.page-blog .interstitial-signup .card-body{padding:40px 60px}body.page-blog .interstitial-signup form input,body.page-blog .interstitial-signup form .country-dropdown{display:inline-block;width:35%;margin-right:8px}body.page-blog .interstitial-signup form button{display:inline-block;width:25%;margin-bottom:2px}body.page-blog .interstitial-signup form input,body.page-blog .interstitial-signup form select{height:50px}}body.page-blog hr{width:100%;margin-top:0;border-color:#F3F3F3;border-width:1px}body.page-blog .cci-avatar{width:50px;height:50px;margin-right:10px;border:none;box-shadow:none}.blog-nav--component{position:fixed;right:0;left:0;z-index:1030;top:0;background-color:#FFFFFF;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15)}@media (max-width: 767px){.blog-nav--component{position:-webkit-sticky;position:sticky}}@media (min-width: 768px){.blog-nav--component{transition:top 400ms ease}.nav-hide .blog-nav--component{top:calc(-70px - 20px)}}@media (min-width: 768px) and (max-width: 991px){.blog-nav--component .mobile-menu-button{display:block}}.blog-nav--lockup-link{--link-color: #161616;--link-color-hover: #161616}.blog-nav--lockup-title{font-size:25.2px;font-weight:300;letter-spacing:0.34px;line-height:24px;margin-left:9px}@media (max-width: 991px){.blog-nav--row-mobile{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 0}}@media (min-width: 992px){.blog-nav--row-desktop{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 0}}.blog-nav--toggle{position:relative;padding:9px 10px;margin-right:-10px;background-color:transparent;background-image:none;border:0 none transparent}.blog-nav--toggle:focus{outline:0}.blog-nav--toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;transition:all .2s;pointer-events:none;background-color:#161616}.blog-nav--toggle .top-bar{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:10% 10%;transform-origin:10% 10%}.blog-nav--toggle .middle-bar{opacity:0}.blog-nav--toggle .bottom-bar{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:10% 90%;transform-origin:10% 90%}.blog-nav--toggle.collapsed .top-bar,.blog-nav--toggle.collapsed .bottom-bar{-webkit-transform:rotate(0);transform:rotate(0)}.blog-nav--toggle.collapsed .middle-bar{opacity:1}.blog-nav--toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width: 992px){.blog-nav--toggle{display:none}}@media (max-width: 991px){.blog-nav--nav{flex-direction:column;align-items:flex-start;margin:0 -15px;padding:0 15px;max-height:500px;border-top:1px solid #D8D8D8}.blog-nav--nav.in{overflow-y:auto}}.blog-nav--nav.in{display:flex}@media (min-width: 992px){.blog-nav--nav{display:flex;flex-direction:row;align-items:center;min-height:48px}}.blog-nav--row-mobile .search-button{transition:opacity 250ms ease}body.blog-nav-open .blog-nav--row-mobile .search-button{opacity:0}@media (min-width: 992px){.blog-nav--row-mobile .search-button,.blog-nav--row-mobile .search-form{display:none !important}}@media (max-width: 991px){.blog-nav--nav .molecule-search{display:none}}@media (max-width: 991px){.blog-nav--list{margin-top:7.5px}.blog-nav--list-item{position:relative;display:block;padding:10px 0;font-size:15px}}.blog-nav--tag{--link-color: #161616;--link-color-hover: #049B4A}@media (min-width: 992px){.blog-nav--tags{display:none}}.blog-nav--tag:hover,.blog-nav--tag:focus{text-decoration:none}.blog-nav--tag.active{font-weight:500}.blog-nav--external-link{--link-color: #898989;--link-color-hover: #19639A;font-size:14px}@media (min-width: 992px){.blog-nav--external-links{order:-1}}@media (min-width: 992px){.blog-nav--external-link{margin-right:20px;font-size:16px}.blog-nav--external-link:last-child{margin-right:0}}@media (max-width: 991px){.blog-nav--footer{width:calc(100% + 30px);padding:15px;margin:10px -15px 0;text-align:center;border-top:1px solid #D8D8D8}}.molecule-search{position:relative;height:48px}.search-button{--link-color: #161616;--link-color-hover: #19639A;color:#161616;font-size:20px;padding:0 15px;margin:0 15px;cursor:pointer}.search-button:hover,.search-button:focus{color:#19639A}@media (max-width: 991px){.search-button{border-right:solid 1px #161616}.search-button svg{position:relative;top:2px}}@media (min-width: 992px){.search-button{border-left:solid 1px #161616;align-self:stretch;display:flex;align-items:center;margin-left:30px;padding-left:30px;height:100%}}.search-reset-btn,.search-cancel-btn{--link-color: #161616;--link-color-hover: #19639A;font-size:20px;cursor:pointer;color:#161616;padding:0 15px;opacity:0;transition:opacity 250ms ease-in-out}.search-reset-btn:hover,.search-reset-btn:focus,.search-cancel-btn:hover,.search-cancel-btn:focus{color:#19639A}.in .search-reset-btn,.in .search-cancel-btn{opacity:1;transition-delay:100ms}.search-cancel-btn{color:#7F7F7F;font-size:16px;border-left:1px solid #7F7F7F}form.search-form{display:flex;flex-direction:row;align-items:center;height:45px;background-color:#FFFFFF;overflow:hidden;position:absolute;top:0;height:48px;transition:left 250ms ease, right 250ms ease, width 250ms ease}@media (max-width: 991px){form.search-form{top:5px;right:0}}form.search-form.collapse{width:0}form.search-form.collapse.in{width:100%;display:flex}@media (min-width: 992px){form.search-form.collapse{right:15px}form.search-form.collapse.in{width:535px}}form.search-form input.search-query{margin:0;padding:0;border:none;font-size:17px;font-weight:300}@media (max-width: 991px){form.search-form input.search-query{width:calc(100% - 30px);margin-left:7px;padding-left:7px}}@media (min-width: 992px){form.search-form input.search-query{font-size:20px;width:calc(100% - 45px)}}.blog-footer{padding-top:26px;padding-bottom:33px}@media (min-width: 992px){.blog-footer{padding-top:52px;padding-bottom:52px}}.blog-footer--row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;border-top:1px solid #343434;padding:26px 0 30px}@media (min-width: 992px){.blog-footer--row{padding:15px 0}}.blog-footer--row:first-child{border-top:none}@media (max-width: 767px){.blog-footer--row:first-child{flex-direction:column;flex-wrap:nowrap;align-items:center}}.blog-footer--lockup-link{--link-color: #FFFFFF;--link-color-hover: #FFFFFF}@media (max-width: 767px){.blog-footer--lockup-link{justify-content:center;flex-grow:1}}.blog-footer--lockup-link:hover{color:#FFFFFF}.blog-footer--lockup-title{font-size:25.2px;font-weight:300;letter-spacing:0.34px;line-height:24px;margin-left:9px}.blog-footer--nav-list{margin:0 -12px;padding:0;list-style:none}@media (min-width: 768px){.blog-footer--nav-list{margin-right:0}}.blog-footer--nav-list li{display:inline-block;margin:0 12px 5px}.blog-footer--nav-link{--link-color: #36D4ED;--link-color-hover: #36D4ED;color:#36D4ED}@media (max-width: 767px){.blog-footer--social{text-align:center;flex-grow:1;margin-top:18px}}@media (max-width: 991px){.blog-footer--nav{text-align:center;flex-grow:1}}.blog-copyright{margin-bottom:5px}@media (max-width: 991px){.blog-copyright{margin-top:18px;text-align:center;flex-grow:1}}.language-select .dropdown-toggle-button,ul.horizontal.blue .language-select a.dropdown-toggle-button{color:#FFFFFF;font-size:14px;font-weight:700}.language-select .dropdown-toggle-button img,ul.horizontal.blue .language-select a.dropdown-toggle-button img{margin-right:6px;margin-top:-4px}.language-select .dropdown-toggle-button i,ul.horizontal.blue .language-select a.dropdown-toggle-button i{font-size:23px;margin-left:6px}.language-select .dropdown-item,ul.horizontal.blue .language-select a.dropdown-item{display:block;color:#161616;padding:4px 12px}.language-select .dropdown-item:hover,ul.horizontal.blue .language-select a.dropdown-item:hover{background:#E9E9E9}.language-select .dropdown-item.active,ul.horizontal.blue .language-select a.dropdown-item.active{background:#36D4ED}
