/* Resources CSS  */
h1 { max-width: 1300px; line-height: 1.2; }
p strong { font-family:AvenirMedium; font-weight: 700; }

.hero-resources-content h3 { color: #fff; text-transform: uppercase; font-size: 16px; }
.resources-content .h2 { max-width: 880px; margin: 0 auto 3rem; text-align: center; }
.resources-content .h2 { max-width: 880px; margin: 0 auto 3rem; text-align: center; }
.resources-content p { margin-bottom: 1.5rem; }
.resources-content .col-md-4 { margin-top: 1rem; margin-bottom: 1rem; }
.resources-content .hcm-logo-wrap { border: 1px solid #C9C9C9; border-radius: 15px; background: #FFF; overflow: hidden; display: inline-block; margin: 0 auto 1rem; padding: 20px; max-width: 250px; height: 120px; }
.resources-content .card { min-height: initial; }
.resources-content .card p:last-child { margin-bottom: 0; }

.blue-section h2 { max-width: unset !important; }

.panel { border-radius: 10px; background: #fff; border: 1px solid #c9c9c9; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 20px; }
.panel h3 { font-size: 26px; line-height: 30px; }
.panel h4 { font-size: 18px; line-height: 24px; margin: 1.5rem 0; }
.panel .cta-button-blue-transparent { min-width: 190px; text-align: center; }
.panel-mini { margin-top: 0;  border-radius: 10px; background: #fff; border: 1px solid #c9c9c9; padding: 20px; position: relative; }
.panel-mini h3 { margin: 20px 0 15px; font-size: 24px; color: #555; line-height: 1.5; }
.panel-mini .video-holder h3 { font-size: 18px; }
.panel-mini p { color: #555; margin: 0; }
.panel-mini a { position: relative; }
.panel-mini ul { line-height: 2; }

.video-holder + h3 { font-size: 18px; }
.video-holder { position: relative; overflow: hidden; }
.video-holder img { position: relative; transition: all 0.5s ease-out; }
.video-holder:hover img { transform: translateZ(0) scale(1.05); }
.video-holder a { background: url(/wp-content/themes/tcpaladtec/assets/img/general/tcp-play.png) no-repeat center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.video-holder a.sixty { background-size: 60px; }

@media only screen and (max-width: 767px) {
	.resources-content h2 { margin: 0 auto 3rem; }
	.resources-content .col-md-4.d-flex { margin-bottom: 2rem; }
}

@media only screen and (min-width: 992px) {
	.page-template-page-integrations h1, .page-template-page-integrations .h1 { font-size: 60px; max-width: 1250px; }
	.panel-mini { min-height: 100%; }
}
@media only screen and (min-width: 1200px) {
	.panel .col-md-8 { padding-left: 4rem; padding-right: 5rem; }
}
@media only screen and (min-width: 1440px) {
	.wistia-video-wrapper { padding-right: 6rem; }
}
@media only screen and (min-width: 1930px) {
	.hero-resources-content { padding-left: 50px !important; }
}