/* Includes styles for both /resources/ and partner resource center */
#main.resources{width:auto;margin:0;}
.resources-top,.resources-sticky-bar,.resources-content{width:100%;padding:0;margin:0;}
.resources-top .inner,.resources-sticky-bar .inner,.resources-content .inner,.prc-vars-bar.inner{width:977px;padding:0 0 0 10px;margin:0px auto;}
.resources-top{background:#edf7ff;min-height:500px; /* Calc will work here for most browsers to stretch the top section out,but it won't work for safari so we will also have to do it in JS for john */
	/* height:calc( 100vh - 237px ); */
-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin-bottom:-44px;}
.prc-vars .resources-top{margin:0;background:#c8dbea;}
.resources-top .inner{/* Since resources-top is position relative,we should try percentages here */
	/* margin-top:10%; */
	padding:50px 0 40px 3px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;flex-direction:column; /* justify-content:space-around; */
justify-content:center;height:100%;}
.prc-vars .resources-top .inner{padding:60px 0 65px 3px;}
.resources-top .inner .row:first-child{margin-top:-20px;height:75px;}
.resources-top .inner .row:last-child{/* margin-top:-10px; */
height:350px; /* margin-bottom:40px; */}
.resources-top h1{color:#000;margin:10px 0 15px -2px;font:300 42px/48px "Helvetica Neue","Oxygen",Helvetica,Arial,sans-serif;}
.prc-vars .resources-top h1{font:300 35px/40px "Helvetica Neue","Oxygen",Helvetica,Arial,sans-serif;letter-spacing:-0.3px;}
.resources-top h2{font:300 22px/24px "Helvetica Neue","Oxygen",Helvetica,Arial,sans-serif;height:24px;}
.resources-top .section-header,.resources-top .featured{float:left;}
.resources-top .top-link{float:right;text-align:right;margin:24px 0;}
.resources-top .top-link a{font-size:13px;}
.resources-top .top-link p{color:#000;font-size:14px;font-weight:300;margin:0 0 2px;}
.resources-top .upcoming{margin-top:55px;float:right;width:320px;height:295px;background:#fff;border:1px solid #d8e1e8;display:flex;flex-direction:column;justify-content:center;/* overflow:hidden; */
padding:20px 28px;position:absolute;right:0;top:106px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.prc-vars .resources-top .upcoming{border:1px solid #b6c7d5;}
.resources-top .upcoming h2,.resources-top .upcoming h3{color:#000;font:400 20px/24px "Oxygen",Helvetica,Arial,sans-serif;margin:0;}
.resources-top .upcoming h3{font-size:16px;line-height:20px;}
.resources-top .upcoming a{display:block;}
.resources-top .upcoming a h3{max-height:42px;overflow:hidden;-webkit-transition:color 0.3s;transition:color 0.3s;}
.resources-top .upcoming a h3:hover{color:#0368b8;}
.resources-top .upcoming a p{margin:9px 0 0;font-size:15px;color:#0368b8;-webkit-transition:color 0.3s;transition:color 0.3s;}
.resources-top .upcoming a p:hover{color:#083553;}
.resources-top .upcoming p.date{color:#404040;font-size:12px;}
.resources-top .upcoming p.date:hover{color:#404040;}
.resources-top .upcoming div{padding:15px 0;border-bottom:1px solid #d6d6d6;}
.resources-top .upcoming div:last-child{border:0;padding-bottom:0;}
.resources-sticky-bar{/* This changes to fixed when we scroll down.
	Starting with position absolute avoids changing the total page height while scrolling */
position:absolute;width:100%;height:100px;z-index:999;background:#051c2d;margin-top:44px; /* Keeps it under the nav bar when it goes into fixed mode */}
.resources-sticky-bar ul,.resources-sticky-bar div.filter-by{display:inline-block;vertical-align:top;}
div.filter-by{-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 0 0 30px;}
div.filter-by label{display:block;color:#fff;font:300 17px/20px "Oxygen","HelveticaNeue",Arial,sans-serif;margin-bottom:8px;}
.prc-banner-block div.filter-by { width: 335px; text-align: left; }
.resources-sticky-bar ul.type-select li{display:inline-block;vertical-align:top;}
.resources-sticky-bar ul.type-select li a{/* also has background images */
display:block;background-color:#1e3241;background-image:url("/themes/globalsign/images/resource-icons.png");background-repeat:no-repeat;background-position:0% 10px;width:123px;height:100px;margin-right:-2px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:68px 0 0;-webkit-transition:background-color 0.2s;transition:background-color 0.2s;}
.resources-sticky-bar ul.type-select li:nth-child(2) a{background-position:25% 10px;padding:60px 20px 0 20px;}
.resources-sticky-bar ul.type-select li:nth-child(3) a{background-position:50% 10px;}
.resources-sticky-bar ul.type-select li:nth-child(4) a{background-position:75% 10px;}
.resources-sticky-bar ul.type-select li:nth-child(5) a{background-position:100% 10px;}
.resources-sticky-bar ul.type-select *{color:#fff!important;font:300 14px/16px "Oxygen","HelveticaNeue",arial,sans-serif!important;}
.prc-banner-block .resources-sticky-bar ul.type-select li a { background: #1e3241; padding:60px 20px 0 20px !important; white-space: nowrap; }/*No background in prc banner pages*/
.prc-banner-block .resources-sticky-bar ul.type-select li:nth-child(5) a { width: 130px; }
.resources-sticky-bar ul.type-select li a:hover,.resources-sticky-bar ul.type-select li a.active{background-color:#0368b8;}
.resources-content{min-height:500px;background:#fbfbfb;padding:144px 0 65px 0;}
.resources-content div.content-section{margin:80px 0 0;}
.resources-content div.content-section.hidden{display:none;}
.resources-content div.content-section h2{font:300 22px/24px "HelveticaNeue","Oxygen",Helvetica,Arial,sans-serif;}
.resources .content-section{width:990px;}
/* Begin resource box block type */
.resource-box{display:inline-block;vertical-align:top;margin-right:60px;margin-bottom:60px;box-shadow:0px 2px 9px -1px rgba(0,0,0,0);-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;}
.prc-vars .resource-box{margin-right:38px;}
.resources .content-section .resource-box{display:inline-block;vertical-align:top;margin-right:8px;margin-bottom:10px;}
.resource-box:hover{box-shadow:0px 2px 8px -1px rgba(0,0,0,0.25);}
.resource-box a{display:block;position:relative;height:293px;width:240px;border:1px solid #d8e1e8;margin:-1px;}
.prc-vars .resource-box a{width:258px;border:1px solid #b6c7d5;}
.resources .content-section .resource-box a{height:270px;width:237px;}
.resource-box .top{position:relative;width:100%;height:215px; background-color:#0f68b2;background-position:50% 50%;background-size:cover;color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:5px solid rgba(9,75,118,0.8);-webkit-transition:background-size 0.5s,box-shadow 0.3s;transition:background-size 0.5s,box-shadow 0.3s;}
.featured .resource-box .top{height:238px;}
.featured .resource-box.zoom .top{background-size:120% 120%;}
.featured .resource-box.zoom:hover .top{background-size:100% 100%;}
.resource-box .top.datasheet{background-image:url("/themes/globalsign/images/resource-thumb-datasheet.jpg");}
.resource-box .top.whitepaper{background-image:url("/themes/globalsign/images/resource-thumb-whitepaper.jpg");}
.resource-box .top.ebook{background-image:url("/themes/globalsign/images/resource-thumb-ebook.jpg");border-bottom:5px solid rgba(19,120,34,0.8);}
.resource-box .top.video{background-image:url("/themes/globalsign/images/resource-thumb-video.jpg");}
.resource-box .top.casestudy{background:#fff;border-bottom:0;}
.resource-box .top.webinar{background-image:url("/themes/globalsign/images/resource-thumb-webinar.jpg");}
.resource-box em{font-style:normal;font-weight:300;font-size:20px;}
.resource-box p{font-size:15px;}
.prc-vars .resource-box p{width:75%;}
.resource-box .top-cover{height:100%;width:100%;background:#000;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.resource-box:hover .top-cover{opacity:0.1;}
.resource-box .top-inner{position:absolute;bottom:0px;margin-top:-100%;padding:20px;text-align: left;}
.resource-box .top-inner img{/* width:120px;height:auto; */}
.content-section .resource-box .top-inner p{opacity:0.7;font-size:14px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.content-section .resource-box .top.video .top-inner p{opacity:0.7;font-size:14px;background:url("/themes/globalsign/images/resources-arrow-icon.png") 100% 64% no-repeat;width:102px;}
.content-section .resource-box .top-inner em{font-size:17px;}
.resource-box .bottom{position:absolute;bottom:0;width:100%;height:55px;background:url("/themes/globalsign/images/globalsign-logo-125x27.png") no-repeat 15px 45% #fff;background-size:58%;}
.resource-box .bottom.casestudy{background:url("/themes/globalsign/images/globalsign-logo-white-125x27.png") no-repeat 15px 45% #074373;}
/* Case study specific */
.resource-box[resource-type="casestudy"] .top{background-size:auto;background-repeat:no-repeat;background-position:50%;height:100% !important;}
.resource-box.featured[resource-type="casestudy"] .top{height:100%;}
.resource-box[resource-type="casestudy"] .top .top-inner{background:#0b63ab;height:100%;width:100%;position:absolute;bottom:-100%;padding:50px 20px;display:flex;flex-direction:column;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:bottom 0.5s;transition:bottom 0.5s;}
.resource-box[resource-type="casestudy"] .top .top-inner:last-child{margin-bottom:0;}
.resource-box[resource-type="casestudy"] .top-cover{-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.resource-box[resource-type="casestudy"] a:hover .top .top-inner{bottom:0%;}
.resource-box[resource-type="casestudy"] .top-inner p:hover{opacity:1;}
.resource-box[resource-type="casestudy"] a{height:215px;}
.resource-box.featured[resource-type="casestudy"] a{height:293px;}
.resource-box[resource-type="casestudy"] .bottom{display:none;}
/* End resource box block type */
.prc-vars-bar{background:#051c2d;min-height:205px;max-height:205px;width:100%;overflow:hidden;}
.prc-vars-bar .inner{overflow:hidden;text-align:center;}
.prc-vars-bar .inner div{text-align:left;padding:27px 12px 0 65px;border-right:1px solid #041827;border-left:1px solid #172c3c;display:inline-block;vertical-align:top;width:250px;height:205px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.prc-vars-bar .inner div:first-child{border-left:0;}
.prc-vars-bar .inner div:last-child{border-right:0;}

.prc-vars-bar .inner a{text-align:left;padding:27px 12px 0 65px;border-right:1px solid #041827;border-left:1px solid #172c3c;display:inline-block;vertical-align:top;width:250px;height:205px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.prc-vars-bar .inner a:first-child{border-left:0;}
.prc-vars-bar .inner a:last-child{border-right:0;}
.prc-vars-bar .inner a .main-cta-btn2 {
	transition: background 0.2s !important;
}
.prc-vars-bar .inner a:hover .main-cta-btn2 {
	background: #cad800;
	transition: background 0.2s !important;
}

.prc-vars-bar .inner h3{font:300 19px/19px "Oxygen",Helvetica,Arial,sans-serif;color:#fff;margin:0 0 10px;}
.prc-vars-bar .inner p{font:200 15px/16px "Helvetica Neue","Oxygen",Helvetica,Arial,sans-serif;color:rgba(255,255,255,0.5);margin:7px 0;}
.prc-vars-bar .inner a p { transition: color 0.2s; }
.prc-vars-bar .inner a:hover p { color: rgba(255,255,255,0.6); transition: color 0.2s; }
.prc-vars-bar .inner img{position:absolute;left:12px;top:30px;width:40px;height:auto;}
/*.prc-vars-bar .inner div a{margin-top:4px;display:inline-block;background:#b8c800;padding:10px 19px;color:#fff;-webkit-transition:background 0.2s;transition:background 0.2s;}*/
/*.prc-vars-bar .inner div a:hover{color:#fff;background:#69b80c;}*/
.resources-top .inner .selectric,.resources-top .inner select{width:230px;text-align:left;border:1px solid #9dc2df;background:#fff;}
.resources-top .inner .selectric p,.resources-top .inner select{font-size:17px;padding:7px 10px 4px;}
.resources-top .inner .selectric .button:after{border:7px solid transparent;border-top-color:#676767;top:16px;right:10px;}
.prc-vars .resources-top .section-header{margin-top:7px;}
.prc-vars .selectricItems{box-shadow:0px 2px 6px rgba(0,0,0,0.2);}

.mainv2-content-block .resource-box { margin-right: 40px; margin-bottom: 20px; }
.mainv2-content-block .resource-box:last-child { margin-right: 0; }
.mainv2-content-block .resource-box .top { height: 190px; }
.mainv2-content-block .resource-box a { height: 235px; width: 208px; }
.mainv2-content-block .resource-box em { font-size: 15px; }
.mainv2-content-block .resource-box .top-inner { line-height: 16px; }
.mainv2-content-block .resource-box p { font-size: 17px; margin-bottom: 10px; opacity: 0.7; color: #fff; font-weight: normal; }
.mainv2-content-block .resource-box .bottom { height: 45px; }
.mainv2-content-block .resource-box.last { margin-right: 0; }