.page-template-template-playbook .category-header{height:560px;position:relative}.page-template-template-playbook .category-header h1{position:relative;margin:305px 61px 0;float:left;width:90%;box-sizing:border-box;background:rgba(62,184,123,.9);font-size:92px;text-transform:uppercase;color:#fff;padding:0 30px}.page-template-template-playbook .category-header h1 span{float:left;width:auto;padding:0 35px;height:65px;line-height:65px;font-size:55px;position:absolute;top:-65px;left:0;background:#4576bb}.page-template-template-playbook .category-header h1 span:before{position:absolute;left:-61px;top:-37px;background:url(//www.exploring.org/wp-content/themes/learning/images/blue-title-shadow.svg) no-repeat;float:left;width:61px;height:103px;content:''}.page-template-template-playbook .introduction,.page-template-template-playbook .second-block{float:left;width:100%;padding:30px 61px 55px;box-sizing:border-box;background:#221c50;position:relative}.page-template-template-playbook .introduction h2{float:left;margin-top:-62px;margin-bottom:15px;width:auto;height:40px;line-height:40px;padding:0 15px;margin-left:50px;position:relative;background:#e6b424}.page-template-template-playbook .introduction h2:before{float:left;width:44px;height:40px;background:url(//www.exploring.org/wp-content/themes/learning/images/playbook-yellow-arrow.svg) no-repeat;content:'';position:absolute;left:-50px;top:0}.page-template-template-playbook .introduction .text{float:left;width:100%}.page-template-template-playbook .introduction .text p{font-size:18px;line-height:1.5;margin:0}.page-template-template-playbook .introduction:after{float:left;width:26px;height:17px;background:url(//www.exploring.org/wp-content/themes/learning/images/bottom-blue-arrow.svg) no-repeat center bottom;position:absolute;bottom:-17px;left:115px;content:''}.page-template-template-playbook .second-block{padding-bottom:30px;background-size:cover;background-repeat:no-repeat;background-position:center top}.page-template-template-playbook .second-block .white-cover{position:absolute;float:left;width:100%;height:100%;top:0;left:0;z-index:0;background:rgba(255,255,255,.7)}.page-template-template-playbook .second-block .contents{float:left;box-sizing:border-box;width:100%;border:4px solid #221c50;padding:20px 35px 35px;position:relative;z-index:1}.page-template-template-playbook .second-block .contents h2{text-transform:uppercase;color:#221c50;font-size:39px}.page-template-template-playbook .second-block .contents p{color:#221c50;font-size:16px;line-height:1.5}.page-template-template-playbook .site-main{float:left;width:100%;background:#fff}.phases{float:left;width:100%}.phase{float:left;width:100%;margin-bottom:6px}.phase .col-left{float:left;width:50%;padding:47px 0 47px 61px;box-sizing:border-box}.phase .col-left .icon{float:left;margin-right:10px}.phase .col-left h2{float:left;width:auto;font-size:50px;color:#fff;text-transform:uppercase;line-height:1}.phase .col-left h2 span{display:block;font-size:26px;color:#221c50}.phase .col-right{float:left;width:50%}.phase .col-right .item{float:left;width:100%;box-sizing:border-box;padding:30px 50px 15px;min-height:222px;background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center top}.phase .col-right .item *{color:#221c50;font-size:16px;line-height:1.5}.phase .col-right .item h3{font-size:24px;margin-bottom:1em;text-transform:uppercase}.phase .col-right .item p,.phase .col-right .item li{margin-bottom:15px}.phase .col-right .item ul li{display:block;background:url(//www.exploring.org/wp-content/themes/learning/images/green-arrow-small.svg) left 5px no-repeat;padding-left:15px}.phase .owl-dots .owl-dot{float:left;width:12px;height:12px;background:#b2e3fa;margin-right:10px;border-radius:50%;margin:0 5px}.phase .owl-dots .owl-dot.active{background:#4576bb}.phase .owl-dots{float:left;width:auto;margin:-12px 20px 0}.phase .owl-controls .owl-nav div{float:left;width:10px;height:12px;background:url(//www.exploring.org/wp-content/themes/learning/images/owl-right-nav.svg) center no-repeat;position:static}.phase .owl-controls .owl-nav div.owl-prev{background:url(//www.exploring.org/wp-content/themes/learning/images/owl-left-nav.svg) center no-repeat}.phase .owl-controls .owl-nav div.owl-next{float:right}.phase .owl-controls{position:absolute;top:165px;left:-100%;padding-left:145px}.phase:nth-child(2) .owl-dots .owl-dot.active{background:#e6b424}.phase:nth-child(4) .owl-dots .owl-dot.active{background:#221c50}@media all and (max-width:1150px){.page-template-template-playbook .category-header h1{font-size:62px;margin-top:160px}.page-template-template-playbook .category-header h1 span,.phase .col-left h2{font-size:35px}.phase .col-left h2{margin-top:6px}.phase .col-left{width:100%;padding:30px 0 30px 61px}.phase .col-right{width:100%}.phase .owl-controls{position:absolute;top:-59px;left:auto;padding-left:0;right:0;margin-right:61px}}@media all and (max-width:800px){.page-template-template-playbook .category-header h1{font-size:52px;margin-top:260px}}@media all and (max-width:650px){.page-template-template-playbook .category-header h1{font-size:42px}.page-template-template-playbook .category-header h1 span{font-size:25px}.page-template-template-playbook .introduction h2{font-size:18px}.phase .col-left{padding:20px 0 45px 30px}.phase .col-right .item{padding:30px}.phase .owl-controls{top:-30px;left:30px;right:auto}.page-template-template-playbook .introduction,.page-template-template-playbook .second-block{padding:30px}}@media all and (max-width:600px){.page-template-template-playbook .category-header h1 span:before{display:none}.page-template-template-playbook .category-header h1{margin-left:0;line-height:1;padding:10px 30px}.page-template-template-playbook .introduction h2{height:auto;line-height:1.2;padding:10px 15px}.page-template-template-playbook .second-block .contents{padding:5px 15px}.page-template-template-playbook .category-header h1 span{height:auto;line-height:1;padding:10px 30px}.page-template-template-playbook .category-header{height:460px}.page-template-template-playbook .introduction .text p{font-size:16px}.phase .col-right .item h3{line-height:1.2}.phase .col-left .icon img{width:60px}.phase .col-left h2{font-size:25px}.phase .col-left h2 span{font-size:20px}}