@charset "UTF-8";
/* CSS Styles for Custom Pages */

/* Subpage Title Break */
#SpTitleBar {display: none;}
#SpContent_Container {padding: 0 15px 15px;}
#SpSubHead {display: none;}
#sp-main {width: 100%;}
#sp-main::before {display: none;}
#SpContent_Container {padding: 0;}
#sp-main #left {margin-top: 0px; padding-top: 0px; padding-left: 0; padding-right: 0; width: 100%;}
#sp-main #right {display: none; margin-top: 0px; padding-top: 0px; padding-left: 0; padding-right: 0; width: 100%;}
#SpContent_Container .calloutbox {display: none;}
.addthis_toolbox {display: none;}
#SpContent_Container .calloutbox {display: none;}	
#CustomPageBody {margin-top: 145px;}
/* End Subpage Title Break */


.cpTier {padding: 60px 0; text-align: center; position: relative;}
.cpTier-title {margin-bottom: 20px; display: inline-block;}
.cpTier-title h1 {margin: 0 auto 10px; font-size: 28px; font-weight: 500; text-transform: none; color: #333333;}
.cpTier-title p {font-size: 16px;}

.col-5 {float: left; width: 20%; padding-left: 8px; padding-right: 8px;}


.textUppercase {text-transform:uppercase;}
.textUnderline {text-decoration: underline;}
.textStrike {text-decoration: line-through;}
.textItalic {font-style: italic;}
.textThin {font-weight:100;}
.textExtraLight {font-weight:200;}
.textLight {font-weight:300;}
.textRegular {font-weight:400;}
.textMedium {font-weight:500;}
.textSemiBold {font-weight:600;}
.textBold {font-weight:700;}
.textExtraBold {font-weight:800;}
.textBlack {font-weight:900;}
.important {display: inline-block; vertical-align: top; color: #ca2828; font-size: 8px; padding-left: 5px;}


.cpList {list-style: none; padding-left: 15px; display: inline-block; vertical-align: top; margin-top: 6px;}
.cpList li {background: url("//cdn.ymaws.com/safestates.site-ym.com/resource/resmgr/custom_pages/images/bullet.png") no-repeat scroll 0 5px transparent; padding: 0 0 6px 14px; font-weight: 300; font-size: 14px; color: #333; line-height: 17px;}



/* Custom Subpage Title Bar */	
.cpTitleBar-out {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//cdn.ymaws.com/safestates.site-ym.com/resource/resmgr/custom_pages/images/cp-hero.jpg") no-repeat scroll center center / cover; text-align: center; margin-top: 0px; height: 350px; position: relative;}
.cpTitleBar {position: absolute; left: 0; right: 0; bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.cpTitleBar h1 {color: #fff; font-weight: 400; font-size: 46px; text-shadow: 0 1px 1px rgba(0,0,0,0.5); margin: 0; text-transform: uppercase;}







/* Custom Page 1 */
#cpTopVid-out {background-color: #ffffff; padding: 0;}
#cpTopVid-out .myContainer {width: 100%;}	
#cpTopVid-left {padding: 0;}
#cpTopVid-left .cpTopVid-wrap {text-align: left; padding: 2% 30px 30px;}
.cpTopVid-title::after {content: ""; position: absolute; display: inline-block; width: 50px; height: 4px; background-color: #00529b; left: 0; bottom: -10px;}
.cpTopVid-title {color: #000000; font-size: 28px; margin-bottom: 20px; font-weight: 400; line-height: 32px; position: relative;}
.cpTopVid-text {font-size: 14px; font-weight: 400;}
#cpTopVid-left .cpTopVid-wrap .formbutton {margin-top: 10px; display: inline-block; vertical-align: top;}
#cpTopVid-right {padding: 0;}
#cpTopVid-right .cpTopVid-wrap {position: relative; padding-bottom: 52.75%; padding-top: 30px; height: 0; overflow: hidden;}
#cpTopVid-right iframe, #cpTopVid-right object, #cpTopVid-right embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
#cpBuckets-out {background-color: #4EA9A0;}	
.cpBucket { transition: all 225ms ease-in-out 0s; }
.cpBucket:hover { margin-top: -15px; }
.cpBucket-wrap {background-color: #fff; padding: 20px 15px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);}
.cpBucket-icon i { color: #00529b; font-size: 45px; margin-bottom: 15px; }
.cpBucket-title {font-weight: 600; line-height: normal; font-size: 20px; margin-bottom: 12px;}
.cpBucket-title a { color: #333; }
.cpBucket-title a:hover { color: #4EA9A0; }
.cpBucket-text {font-size: 14px; line-height: 19px; font-weight: 400; min-height: 115px;}
.cpBucket-wrap .formbutton {font-size: 14px; line-height: 19px; font-weight: 400; margin-top: 13px; display: inline-block;}
	
#cpResources-out {background-color: #ffffff;}
.cpResources-row {padding: 0 0 20px 0;}
.cpResource {border-right: 1px solid #e0e0e0;}
.cpResource:last-child {border: none;}
.cpResource-wrap {padding: 15px 15px 10px; min-height: 245px;}
.cpResource-wrap a {display: block;}
.cpResource-icon {background-color: #4ea9a0; color: #fff; border-radius: 45px; font-size: 30px; height: 70px; line-height: 70px; width: 70px; margin: 0 auto; text-align: center; -webkit-transition: all 225ms ease-in 0s; -moz-transition: all 225ms ease-in 0s; -o-transition: all 225ms ease-in 0s; transition: all 225ms ease-in 0s;}
.cpResource-icon a {color: #fff;}
.cpResource-icon a:hover {color: #fff;}
.cpResource-title { font-size: 22px; font-weight: 400; text-align: center; color: #fff; margin: 0 0 10px 0; }
.cpResource-text {font-weight: 400; font-size: 14px; color: #999999;}
.cpResource-text p {margin-bottom: 0;}
.cpResources-link a {font-size: 15px; font-weight: 400;}	

#cpResources-out .img-box1 { background-image: url("//cdn.ymaws.com/safestates.site-ym.com/resource/resmgr/custom_pages/images/ac_.png"); }
#cpResources-out .img-box2 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/committees.png"); }
#cpResources-out .img-box3 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/membership.png"); }
#cpResources-out .img-box4 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/annualreport.png"); }	
#cpResources-out .img-box5 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/history.png"); }	
#cpResources-out .img-box6 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/partnership.png"); }	
#cpResources-out .img-box7 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/newsletter.png"); }	
#cpResources-out .img-box8 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/bylaws.png"); }	
#cpResources-out .img-box9 { background-image: url("//cdn.ymaws.com/www.safestates.org/resource/resmgr/custom_pages/images/findus.png"); }	
	
#cpResources-out .cpslidebox { padding: 0 7px; }
#cpResources-out .img-box { background-position: center center; background-size: cover; min-height: 260px; overflow: hidden; position: relative; }	
#cpResources-out .img-box .hover-content { top: 190px; color: #fff; left: 0; line-height: 1.5; padding: 22px 15px; position: absolute; right: 0; transition: all 0.6s ease 0s; text-align: center; min-height: 500px; }	
#cpResources-out .img-box .hover-content { background: rgb(0 82 155 / 60%); }
#cpResources-out .img-box:hover .hover-content { top: 35px; }
#cpResources-out .img-box p { font-size: 14px; }	
#cpResources-out .hover-content .cpslidebtn { background: #4ea9a0; position: relative; font-size: 14px; color: #fff !important; padding: 8px 20px; text-align: center; display: inline-block; margin-top: 5px; }
#cpResources-out .hover-content .cpslidebtn:hover { background: #1D529B; }


/* Custom Page 2 */
#cpIntroVid-out {padding-bottom: 0;}
#cpIntroVid-left .cpIntroVid-wrap {position: relative; padding-bottom: 49%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 10px;}
#cpIntroVid-left iframe, #cpIntroVid-left object, #cpIntroVid-left embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cpIntroVid-ivpLogo img {margin: 0 auto;}
.cpIntroVid-ivpLogo img {margin: 0 auto; max-width: 130px;}
#cpIntroVid-right .cpIntroVid-wrap {text-align: left; padding: 0 10px;}
.cpIntroVid-title::after {content: ""; position: absolute; display: inline-block; width: 50px; height: 4px; background-color: #00529b; left: 0; bottom: -10px;}
.cpIntroVid-title {color: #000; font-size: 28px; margin-bottom: 20px; font-weight: 400; line-height: 32px; position: relative;}

#Modules-Accordion {margin-bottom: 0; text-align: left;}
#Modules-Accordion .panel {border: none; border-radius: 0 !important; box-shadow: none;}
#Modules-Accordion .panel + .panel {margin-top: 0px; border-top: 2px solid #f0f0f0; border-radius: 0;}
#Modules-Accordion .panel-heading {padding: 0; border-radius: 0; color: #fff; background-color: transparent;}
#Modules-Accordion .panel-title a {display: block; padding: 20px 20px; background-color: transparent; position: relative; color: #799b48; font-size: 19px; font-weight: 500; text-decoration: none; cursor: pointer;}
#Modules-Accordion .panel-title a::after {content: "\f107"; font-size: 40px; font-family: "FontAwesome"; font-style: normal; font-weight: 600; position: absolute; right: 20px; color: #799b48; bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#Modules-Accordion .panel-title a:hover::after, #Modules-Accordion .panel-title a:focus::after {color: #b86c2a;}
#Modules-Accordion .panel-title a:hover, #Modules-Accordion .panel-title a:focus {color: #b86c2a !important; background-color: transparent !important;}
#Modules-Accordion .panel-title a.collapsed {background-color: transparent; color: #799b48;}
#Modules-Accordion .panel-title a.collapsed::after {content: "\f106";}
#Modules-Accordion .panel-body {padding: 0 20px 15px 20px; border: none;}
#Modules-Accordion .panel-body p {line-height: 22px; font-size: 14px; font-weight: 400;}
#Modules-Accordion .listHeading {font-weight: 500;}
	
.moduleItem {border-bottom: 2px dotted #e0e0e0; margin-bottom: 14px; padding-bottom: 11px;}
.moduleItem:last-child {border: none; padding-bottom: 0;}
.moduleItem-title {font-weight: 600; font-size: 15px; text-decoration: underline; margin-bottom: 5px;}
.video-thumb {display: inline-block; vertical-align: middle; max-width: 80px; margin-right: 12px; -webkit-transition: all 225ms ease-in 0s; -moz-transition: all 225ms ease-in 0s; -o-transition: all 225ms ease-in 0s; transition: all 225ms ease-in 0s;}
.powerpoint-thumb {display: inline-block; vertical-align: middle; max-width: 45px; margin-right: 12px;}
.video-thumb img, .powerpoint-thumb img {-webkit-transition: all 225ms ease-in 0s; -moz-transition: all 225ms ease-in 0s; -o-transition: all 225ms ease-in 0s; transition: all 225ms ease-in 0s;}
.video-thumb img:hover, .powerpoint-thumb img:hover {opacity: 0.5;}
.moduleItem-name {display: inline-block; vertical-align: middle; font-weight: 700;}
.sectionTitle {margin: 15px 0 25px; background: rgba(0,0,0,0.05); padding: 13px;}
.sectionTitle h5 {font-size: 19px; font-weight: 500; margin: 0 auto 2px;}
.sectionTitle p {margin-bottom: 0;}
.moduleItem-list ul {padding-left: 14px; font-style: italic;}

#cpConclusion-out {padding-top: 0;}
#cpConclusion-thumbs {text-align: left;}
.cpConclusion-thumb {display: inline-block; vertical-align: middle; max-width: 80px; margin-right: 12px;}
.cpConclusion-thumb img {-webkit-transition: all 225ms ease-in 0s; -moz-transition: all 225ms ease-in 0s; -o-transition: all 225ms ease-in 0s; transition: all 225ms ease-in 0s;}
.cpConclusion-thumb img:hover {opacity: 0.5;}
.cpConclusion-name {display: inline-block; vertical-align: middle; font-weight: 700;}

.cpvideodesc { color: #333; font-weight: 300; font-style: italic; font-size: 13px; line-height: 1.2em; }	
.cpvideodesc.cpvideointro { text-align: right; margin-bottom: 10px; }	
.cpvideodesc.cpvideothumb { text-align: left; margin-top: 10px; }	
.cpvideodesc.cpvideospan { padding-left: 10px; font-size: 12px; }	
#cpConclusion-text { margin-top: 30px; }	
.cpConclusion-title { font-size: 28px; font-weight: 400; position: relative; margin-bottom: 20px; line-height: 32px; text-align: center; }	
.cpConclusion-title::after { content: ""; position: absolute; display: inline-block; width: 50px; height: 4px; left: 0; right: 0; margin: 0 auto; bottom: -10px; background-color: #00529b; }

/* Custom Page 3 */

/* Custom Page 4 */

/* Custom Page 5 */

/* Custom Page 6 */

/* Custom Page 7 */

/* Custom Page 8 */

/* Custom Page 9 */

/* Custom Page 10 */











/* Media Queries */

@media (max-width: 1199px) {
.cpTitleBar-out {height: 250px;}
.cpTitleBar h1 {font-size: 38px;}
	
/* Custom Page 1 */
#cpTopVid-out {padding: 60px 0;}
#cpTopVid-out .myContainer {width: 900px;}
#cpTopVid-left {width: 100%; padding: 0 8px; margin-bottom: 40px;}
#cpTopVid-left .cpTopVid-wrap {padding: 0;}
#cpTopVid-right {width: 100%; padding: 0 8px;}	
	
.cpBucket-wrap {padding: 20px 10px;}
.cpBucket-text {min-height: 140px;}
	
#cpResources-out .img-box:hover .hover-content { top: 0; }	
#cpResources-out .img-box2 .cpResource-title { font-size: 19px; margin-bottom: 15px; }	
	
/* Custom Page 2 */
#Modules-Accordion .panel-title a::after {font-size: 30px;}
}


@media (max-width: 991px) {
/* Custom Page 1 */
#cpTopVid-out {padding: 60px 0;}
#cpTopVid-out .myContainer {width: 900px;}
#cpTopVid-left {padding: 0 8px;}
#cpTopVid-left .cpTopVid-wrap {padding: 0; margin-bottom: 40px;}
	
.cpBucket {max-width: 480px; margin: 0 auto 20px;}
.cpBucket:last-child {margin-bottom: 0;}
.cpBucket:hover { margin-top: 0; }	
.cpBucket-text { min-height: auto;}
.cpBucket-wrap .formbutton {margin-top: 5px;}
	
/* Custom Page 2 */
#Modules-Accordion .panel-title a {padding: 11px; font-size: 17px;}
#Modules-Accordion .panel-title a::after {right: 11px;}
#Modules-Accordion .panel-body {padding: 0 11px 15px 11px;}
}


@media (max-width: 959px) {
/* Custom Page 1 */
#cpTopVid-out .myContainer {width: 750px;}
	
.cpResource-wrap {padding: 15px 10px 10px; min-height: 275px;}
.cpResource-title {font-size: 20px; margin-bottom: 10px; }
#cpResources-out .img-box .hover-content { top: 193px; }	
#cpResources-out .img-box2 .cpResource-title { font-size: 15px; margin-bottom: 18px; }	
	
/* Custom Page 2 */
.cpIntroVid-ivpLogo {margin-bottom: 20px;}
#cpIntroVid-right .cpIntroVid-wrap {padding: 0;}
#Modules-Accordion .panel-title a {padding: 11px 0;}
#Modules-Accordion .panel-body {padding: 0 0px 15px;}
.moduleItem-name {
    display: block;
    margin: 10px 0 0;
}
}

	
@media (max-width: 767px) {
#CustomPageBody {margin-top: 0;}
.col-5 {padding-left: 15px; padding-right: 15px; position: relative; width: 100%; float: none;}
.cpTitleBar-out {height: 140px;}
.cpTitleBar h1 {font-size: 34px;}
	
/* Custom Page 1 */
#cpTopVid-out .myContainer {width: 100%;}
#cpTopVid-left, #cpTopVid-right {padding: 0 15px;}
	
.cpResources-row {padding: 0;}
#cpResources-out { padding: 35px 0; }	
.cpResource {border: none; margin:0 auto 30px; max-width: 600px;}
.cpResource-wrap {padding: 0; min-height: 0;}
	
#cpResources-out .cpslidebox { padding: 0 15px; margin: 15px 0px; }	
#cpResources-out .cpslidebox:last-child { margin-top: 0; }	
#cpResources-out .img-box .hover-content, #cpResources-out .img-box:hover .hover-content { top: 70px; }	
.cpResource-title, #cpResources-out .img-box2 .cpResource-title { font-size: 22px; margin-bottom: 10px; }	
	
/* Custom Page 2 */
#Modules-Accordion .panel-title a {padding-right: 35px; line-height: normal; font-size: 16px;}
#Modules-Accordion .panel-title a::after {font-size: 25px;}
}
	

@media (max-width: 600px) {	
#cpResources-out .img-box .hover-content, #cpResources-out .img-box:hover .hover-content { top: 0; }	
}


@media (max-width: 480px) {		
/* Custom Page 1 */
.cpTitleBar-out {height: 90px;}
.cpTitleBar h1 {font-size: 27px;}
	
/* Custom Page 2 */
#cpIntroVid-left .cpIntroVid-wrap { padding-bottom: 44%;}
}