@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700);

html body {
	font: 100% "Roboto", sans-serif;
  	font-weight:400;
  	margin-top: 100px;
  	font-size: 18px;
  	line-height:28px;
  	color:#444;
  	background-image: url('https://paintthestate.org/wp-content/uploads/2022/10/Not-Even-Once-Text-graphic-repeat.png');
  	background-repeat: repeat;
  	-webkit-font-smoothing: antialiased;
}

html { 
  /* overflow-y: scroll;  */
}

body li {
	padding-bottom:5px;
}
body li {color: #b91f67;font-weight:600;font-size:22px;}
body li span {color: #444;font-weight:400;font-size:18px;}
body a {
	color:#f3753a;
	font-weight:500;
}
body a:hover, body a:visited:hover {
	
	color:#b91f67;
}
body a:visited {
	color:#f3753a;
	font-weight:500;
}
body h1, body h2 {
	font-size:38px;
	line-height:44px;
	font-weight:600;
	color: #b91f67;
	padding:0 0 20px 0;
	text-align:center;
}
@media (max-width: 767px){
body h1, body h2 {
	font-size:32px;
	line-height:36px;
	font-weight:600;
	color: #b91f67;
	padding:0 0 20px 0;
	text-align:center;
}
}
body h3 {
	font-size:28px;
	line-height:34px;
	font-weight:600;

	padding:0 0 5px 0;
	text-align:left;
}

body h4 {
	font-size:24px;
	line-height:30px;
	font-weight:600;

	padding:0 0 10px 0;

}
body .font-16, body p.font-16 {
    font-size: 16px ;
    line-height: 24px;
}

body strong {
	font-weight: 600;
}
body strong-p {
	font-weight: 600;
	color:#b91f67;
}
body .col-centered{
	float: none;
	margin: 0 auto;
}


body .col-xs-5ths,
body .col-sm-5ths,
body .col-md-5ths,
body .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

body .col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    body .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    body .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
     body .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
body .col-centered{
	float: none;
	margin: 0 auto;
}

.fa-external-link-alt {
	font-size:12px;
	display:inline-block;
	margin-left:4px;
}
.social-btns  {
	margin-top:10px;
}
.social-btns img {
	padding: 5px;
	
}
.button {
/* 
	-webkit-transition: background 0.2s ease-in-out;
  	-khtml-transition: background 0.2s ease-in-out;
  	-moz-transition: background 0.2s ease-in-out;
  	-ms-transition: background 0.2s ease-in-out;
  	-o-transition: background 0.2s ease-in-out;
  	transition: background 0.2s ease-in-out;
 */
 	width:135px;
 	height:46px;
	padding-top:11px;
	font-weight:500;
	display: inline-block;
	cursor: pointer;
  	font-size: 18px;
  	line-height: 19px;
  	color:#fff;
  	text-decoration:none;
  	margin:20px;
}
.button.orange {
	background-image: url('/wp-content/uploads/2022/08/button-bg-orange.png');
	color:#fff !important;
}
.button.orange:hover {
	background-image: url('/wp-content/uploads/2022/08/button-bg-orange-hover.png');
	color:#fff !important;
}
.buttons {
  	-webkit-transition: background 0.2s ease-in-out;
  	-khtml-transition: background 0.2s ease-in-out;
  	-moz-transition: background 0.2s ease-in-out;
  	-ms-transition: background 0.2s ease-in-out;
  	-o-transition: background 0.2s ease-in-out;
  	transition: background 0.2s ease-in-out;
	padding:9px 22px 10px 22px;
	font-weight:500;
	margin:unset;
	display: inline-block;
	cursor: pointer;
  	font-size: 18px;
  	line-height: 19px;
  	border: 2px solid transparent;
  	border-radius:5px;
  	text-decoration:none;
}
.buttons.default {
	background-color: #b91f67;
	color:#fff !important;
}
.buttons.default:hover {
	background-color: #f3753a;
	color:#fff !important;
}

.cover.overlap {
	padding-bottom:180px;

}

.cover.main-bg {

	border-bottom:2px solid #eee;
}
.top-container {
	padding:0 0 20px 0;
}

.main-box {
	background-color:rgba(255, 255, 255, 0.7);
	border-left:20px solid #b91f67;
	margin-bottom:60px;
	box-shadow: 1px 1px 20px #ccc;
	padding:40px 60px 50px 60px;
	border-radius:10px;
}
@media (max-width: 767px){
.main-box {
	
	margin-bottom:40px;
	
	padding:40px 20px 50px 20px;
	border-radius:10px;
}
}

.inside-bg {
background-color:rgba(249, 186, 2, 0.7);
}
.inside-bg .main-box {
	margin-top:-180px;
	background-color:rgba(255, 255, 255, 1);
	
}
.main-box.no-overlap {
	margin-top:0;
}

/* home */
.home-wrap {
	/* height: 709px; */
	padding-top:30px;
	padding-bottom:60px;
}
.home-text {
	font-size:28px;
	line-height:34px;
	font-weight:500;
	margin-bottom:10px;
}
.partner-logos img {
margin:10px 20px 10px 20px;

}
/*time line */
.sub-box {
/* display:inline-block; */
	margin:auto;
	background-color:#f3753a;
	margin-bottom:20px;
	margin-top:30px;
	box-shadow: 1px 1px 20px #ccc;
	padding:30px 40px 20px 40px;
	border-radius:10px;
	color:#fff;
	font-size:20px;line-height:40px;
	text-align:left;
	display:inline-block;
	font-size:20px;line-height:28px
	}



	
	.sub-box strong {
	color:#fff;
	font-weight:700;
	}
	
	
	.sub-box div { 
	margin-bottom:5px;
	font-size:22px;
	line-height:28px;
	}
.sub-box	hr {
margin: 15px 0;
color: white;
border: 0;
border-bottom: 1px solid;
opacity: 1;
}

@media (max-width: 767px){
.sub-box {
	margin-bottom:20px;
	margin-top:30px;
	padding:30px 20px 20px 20px;
	border-radius:10px;
	color:#fff;
	font-size:20px;line-height:40px;
	text-align:left;
	display:inline-block;
	font-size:20px;line-height:28px
	}
	.sub-box div { 
	margin-bottom:5px;
	font-size:20px;
	line-height:26px;
	}
}
/* footer */

#pts-footer  {
	font-size:13px;
	padding:20px 0;

}
#pts-footer .links {
	margin-top:8px;
}
#pts-footer a {
	color:#666;
	text-decoration:none;
}
#pts-footer a:hover {
	color:#333;
}
/* register over ride */

.main-box .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
	background-color: #b91f67!important;
	border: 1px solid #b91f67;
	color: #ffffff;
	displaly:inline-block;
	margin:auto;
	border-radius:5px;
	width:auto;
	font: 18px "Roboto", sans-serif;
	padding:10px 30px;
	font-weight:600;
	margin-bottom:20px;
}
.main-box .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover {
	background-color: #c71c6c!important;
	border: 1px solid #c71c6c;
}

.main-box .ctct-form-embed.form_0 .ctct-form-defaults {
	background-color: transparent;
	padding:0px;
}
.main-box  div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
	color: #444;
	font: 18px "Roboto", sans-serif;
	white-space: pre-wrap;
	line-height: 28px;
	margin: 0 0 24px;
	
}

.main-box  div.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {
color: #323232;
font-size: 24px;
line-height: 30px;
font-weight: 600;
padding: 0 0 10px 0;
text-align:left;
margin-bottom: .5rem;

}
.main-box  div.ctct-form-embed form.ctct-form-custom .ctct-form-errorMessage {
font-size: 14px;
line-height: 1.5;
margin-bottom: 6px;
color: #b91f67!important;
text-align: left;
font-weight: 600;
}
.main-box  div.ctct-form-embed form.ctct-form-custom .ctct-form-required:before {
content: "\2217";
position: absolute;
top: -4px;
left: -12px;
color: #b91f67!important;
}
.main-box  div.ctct-form-embed form.ctct-form-custom input.is-error, div.ctct-form-embed form.ctct-form-custom select.is-error, div.ctct-form-embed form.ctct-form-custom .ctct-form-input.is-error {
border-color: #b91f67!important;
color: #b91f67!important;
}
.signup-form {
padding-left:20px;
}
.signup-steps {
font-size:18px;
border-left:1px solid #ccc;padding-left:30px
}
.signup-steps li {color: #b91f67;font-weight:600;}
.signup-steps li span {color: #444;font-weight:400;}

@media (max-width: 767px){
	.signup-steps {
font-size:18px;
border-left:none;padding-left:30px
}
}

/* carousel */
.card {
	margin: 0 0.3em;
	box-shadow: 0px 0px 0px 0 rgba(22, 22, 26, 0.18);
	border: none;
}
 .card-img {
	border:4px solid #fff;
	max-width:600px;
}
 .card-img .img-fluid {
}
.carousel-control-prev,
.carousel-control-next {
  	background-color: #b91f67;
  	width: 6vh;
  	height: 6vh;
  	border-radius: 50%;
  	top: 50%;
  	transform: translateY(-50%);
}


@media (max-width: 767px){
	.carousel-inner .carousel-item >div {
		display: none
	}
	.carousel-inner .carousel-item >div:first-child {
		display: block
	}
}
.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
	display: flex
}
@media (min-width: 768px)	{
	.carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
		transform: translateX(33%)
		}
	.carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
		transform: translateX(-33%)
		}
	}
.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
	transform: translateX(0)
}

.after-arrow-orange {
	color: #f69921;
}
.after-arrow-orange:hover {
	color: #e97f16;
}

.after-arrow-white::after {
	font-family: 'FontAwesome';
  content: '\f0da';
  font-size: 16px;
  vertical-align: middle;
  margin-left: 0.4em;
  color: #fff;
  }
  .after-arrow-white:hover::after {
    color: #fff;
  }



  .after-arrow-orange::after {

  font-family: 'FontAwesome';
  content: '\f0da';
  font-size: 16px;
  vertical-align: middle;
  margin-left: 0.4em;
  color: #f69921;
  }
  .after-arrow-orange:hover::after {
    color: #e97f16;

  }

/* modal code */

/* Used to make sure modals dont jump */
body.modal-open {
	overflow-y: auto;
	padding-right: 0px !important;
}

/* Used for white modal backdrop */
.modal.white .modal-backdrop {
	background-color: #fff;
	opacity:0.7 !important;
}

/* modal pop ups */

/*
 .modal-win-content .modal-xl img {
	border: 2px solid #ddd;
	box-shadow: 1px 1px 11px #888;
}
 */
.modal-win-content .modal-xl .glyph-link {
	color: #ff9e14;
}
.mod-close {
	float: right;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
	.modal-win-content .modal-xl {
		width: 100%;
		max-width: 1000px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 80px;
	}
}


body .mt-0 {
margin-top:0px !important;
}
body .mt-5 {
margin-top:5px !important;
}
body .mt-10 {
margin-top:10px !important;
}
body .mt-15 {
margin-top:15px !important;
}
body .mt-20 {
margin-top:20px !important;
}
body .mt-25 {
margin-top:25px !important;
}
body .mt-30 {
margin-top:30px !important;
}
body .mt-40 {
margin-top:40px !important;
}
body .mt-50 {
margin-top:50px !important;
}

body .mb-0 {
margin-bottom:0px !important;
}
body .mb-5 {
margin-bottom:5px !important;
}
body .mb-10 {
margin-bottom:10px !important;
}
body .mb-15 {
margin-bottom:15px !important;
}
body .mb-20 {
margin-bottom:20px !important;
}
body .mb-25 {
margin-bottom:25px !important;
}
body .mb-30 {
margin-bottom:30px !important;
}
body .mb-35 {
margin-bottom:35px !important;
}
body .mb-40 {
margin-bottom:40px !important;
}
body .mb-50 {
margin-bottom:50px !important;
}
body .mr-0 {
margin-right:0px !important;
}
body .ml-0 {
margin-left:0px !important;
}
body .margin-auto, body .m-auto {
margin:auto !important;
}