/*!
Theme Name: collectionprotectionresource
Theme URI: http://underscores.me/
Author: Wayne Goodman
Author URI: https://waynegoodman.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: collectionprotectionresource
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

collectionprotectionresource is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text, .hidden {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

.site { display: flex; flex-direction: column; min-height: 100vh;}
.secondaryTopRule {border-top:1px solid #3451a6}
	
h1 {color:#3451a6; font-size:36px; font-size: clamp(32px, 3vw, 2.7rem);  margin:32px auto 34px; text-align:center; 
 font-family:"Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	max-width:940px;
	line-height:1.2;
		}

.page-id-12 h1 {font-size: clamp(28px, 3vw, 2.4rem);}
		
		h2 {color:#3451a6; font-size:36px; font-size: clamp(27px, 3vw, 2.4rem);  margin:0 auto 18px; 
 font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	max-width:1000px;
	line-height:1.2;
		}


		h3 {color:#3451a6; font-size:36px; font-size: clamp(24px, 2.9vw, 2.2rem);  margin:0 auto 26px;
 font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	max-width:1000px;
	line-height:1.2;
		}
		
* { box-sizing: border-box;}

 
 .has-large-font-size {font-size:clamp(20px, 2.4vw, 28px) !important; }

body { min-height: 100vh; margin: 0;  
	font-family:"Open Sans", sans-serif;
 font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
		font-size:1.1em; line-height:1.5;
		}

	@media (min-width:640px) {
		body { line-height:1.62;}
}


hr, .wp-block-separator {width:100%; border:1px solid #d6a580; margin:42px auto; }
		
		strong {font-weight:600}
		.contact-footer a, footer p {text-decoration:none; color:#777; margin-bottom:0px; line-height:1.4; max-width:95% }
		.footer a:hover {color:#3451a6; text-decoration:underline}
		img {max-width:100%; height:auto}
		.pipe {color:#3451a6; padding:0 8px; opacity:0; display:block; height:6px !important}

	
.header { min-height: 126px; position:relative;  }
		
		.logo {max-width:260px; margin:38px auto -8px; padding:0 3%}
		.logoLetterColors{fill:#3451a6}.logoRuleColors{fill:#999}
		.cpr-content {  margin: 4px auto 62px; width:90%  }
.logo a {text-decoration:none}

.fullImage {width:100vw; height:auto}
		


		.footerContain {  margin: 20px 5% 28px; margin:0 auto; width:90%; background:#3451a6 url("https://collectionprotectionresource.com/wp-content/uploads/2025/09/money-pattern2.webp") repeat; color:#fff; border-top:4px solid #d6a580;padding:32px 0 50px; text-align:center; }
		.cpr-content p, .cpr-content ul{max-width:1000px; margin:0 auto 22px; color:#555}
.footer a {color:#fff}

.cpr-content li {margin:0 auto 22px;}

.cpr-content ul {padding-left:42px}
		
	
		

.footer { min-height: 150px; }
		.footer p { margin:0 auto 2px;  color:#fff}
		.footer h2 {font-size:24px; margin:8px auto; color:#fff}
 
		.main { flex: 1;}
		
		.artContain { flex-wrap:wrap; display:flex; flex-direction:row; gap:1%; width:100%; padding: 22px 0 18px; border-top:1px solid #3451a6; border-bottom:1px solid #3451a6}
		.art {background:#fff; width:32.6%; height:auto; position:relative}
		
		.spacer52 {width:100%; height:52px}
		
				.art h2 {opacity:0; z-index:2; position:absolute; color:rgba(255, 255, 255, 0.7); font-size: clamp(19px, 2vw, 1.9rem); bottom:46%; right:0px; left:0; padding:0; margin:0 auto; font-weight:bold; text-transform:uppercase; line-height:1.2}
		.art a {width:100%; height:100%; display:block; position:absolute; z-index:3}
		.art img {z-index:0; position:relative; }
		
		.art:hover {background:#3451a6}
		.art:hover img {opacity:.6; filter: sepia(1); }
		.art:hover h2 {opacity:1;}
		.footer .contact-footer a {background:#d6a580; display:block; padding:4px 0; font-weight:600; font-size:.9em; -webkit-border-radius: 33px;
-moz-border-radius: 33px; color:#000;
border-radius: 33px; max-width:280px; margin:auto; margin-bottom:6px}
		.footer .contact-footer a:hover {color:#fff}
		.contact-footer {padding:11px 0 11px}

.footer-nav a {background:none; color:#fff;}

p.footer-nav a{font-size:.8em !important; color:#fff; text-decoration:underline; margin-top:22px}
		
		@media (min-width:640px) {
			.footer .contact-footer a {padding:0}
		  	.pipe {color:#d6a580; padding:0 8px; opacity:1; display:inline-block !important; height:inherit !important}
			.footer .contact-footer a { background:none;  display:inline-block; padding:inherit; font-size:inherit; font-weight:inherit; color:#fff }
		.footer .contact-footer a:hover {color:#d6a580; text-decoration:underline; background:none}
		}
		
		
.headerPhone {position:absolute; top:8px; left:6%; text-decoration:none; font-weight:600; color:#3451a6; font-size:.9em; z-index:2;  font-size:.9em; z-index:3; border:2px solid #d6a580; font-weight:600; padding:1px 9px }

a.headerPhone  {color:#3451a6; background:#fff}
	a.headerPhone:hover {color:#fff; background:#3451a6}

.eyebrow {margin:60px auto -52px; text-align:center; font-size:1em; letter-spacing:.2em; color:#b41f26; text-transform:uppercase}
		
@media (min-width:981px) {
	
	.cpr-content {  margin: 0 auto 62px;}
	 .headerPhone { top:24px; right:1.8%;  font-size:1.2em; z-index:3; left:inherit; border:3px solid #d6a580; font-weight:600; padding:3px 11px}
	
	.header {display:flex; flex-direction:row;width:90%; margin:0 auto; /*padding-top:22px;*/ position:relative}
	.logo {width:330px;max-width:330px; margin:0; padding:0 }
	.primaryNav {padding:84px 0 0 0; width:calc(100% - 340px) !important; position:relative }
	
	.art {background:#fff; width:15.8%; height:auto}

		}
		
		@media (min-width:1240px) {
			.primaryNav {padding:98px 0 0 0;}
		}

article a {color:#3451a6}
article a:hover {color:#897a66}

.site {max-width:2400px; margin:auto }

.videoWrapper {
					
	max-width:72%;
	position: relative;
	padding-bottom: 26.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;

			margin:auto;
}

.videoWrapperContain {max-width:100%; margin:32px auto; }
.videoWrapper2 {
					
	max-width:100%;
	position: relative;
	padding-bottom: 56.25%;  /* 16:9 */
	padding-top: 25px;
	height: 0;

			margin:auto;
}
.videoWrapper iframe, .videoWrapper2 iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	@media (min-width:640px) {
		.videoWrapperContain  {max-width:80%}
}

	@media (min-width:1180px) {
		.videoWrapperContain  {max-width:640px}
}

/* 404 page  */

.notfound p {text-align:center;  font-size: clamp(18px, 3vw, 1.5rem); }

h2.largerH2 {font-size: clamp(24px, 3.2vw, 2.8rem) !important;}


.appointments {width:100%; min-height:1200px; border:none; margin-top:-22px}


.topImage img {border-top: 4px solid #d6a580; border-bottom: 4px solid #d6a580; }
@media (min-width:980px) {
	.topImage {margin:16px auto 0 auto}
}


/* homepage */
		.homepageImageArea {  width:100%; aspect-ratio:16/16; background:#000 url('https://collectionprotectionresource.com/wp-content/uploads/2025/09/the-happy-family_m.jpg'); background-size:cover; background-position:top; border-top:4px solid #d6a580; border-bottom:4px solid #d6a580; position:relative;  }
		
		.homepageImageArea .heroContent {width:100%; height:auto; padding-bottom:66px;  }
		.homepageImageArea .heroContent h1 {color:#fff; text-align:center; margin:18px 5%; font-size: clamp(30px, 4.1vw, 4.7rem) !important; width:90% !important; line-height:1.1 !important; margin-bottom:0}
		.homepageImageArea .heroContent p {margin-top:1px !important; color:#fff;  text-align:center; margin:14px 5% ; font-size: clamp(17px, 2.1vw, 3.2rem) !important; font-family:"Playfair Display", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-variation-settings:"wdth" 100,"YTLC" 500; }
		
		
				
		
		
			@media (min-width:640px) {
				
						
				.videoWrapper { max-width:640px;}
				
				
			.homepageImageArea {  width:100%;  aspect-ratio:16/9; background:#000 url('https://collectionprotectionresource.com/wp-content/uploads/2025/09/the-happy-family_m.jpg'); background-size:cover; background-position:bottom; border-top:4px solid #d6a580; border-bottom:4px solid #d6a580; position:relative;  }
		
		.homepageImageArea .heroContent {width:100%; height:auto; padding-bottom:88px; padding-top:5% }
		.homepageImageArea .heroContent h1 {color:#fff; text-align:left; margin:22px 5%; font-size: clamp(32px, 4vw, 4.7rem) !important; width:90% !important; line-height:1.1 !important; margin-bottom:8px; }
		.homepageImageArea .heroContent p {margin-top:8px !important; color:#fff;  text-align:left; margin:21px 5% ; font-size: clamp(17px, 2.05vw, 3.2rem) !important; font-family:"Playfair Display", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-variation-settings:"wdth" 100,"YTLC" 500; }
		}
	




		@media (min-width:920px) {
			
.columns2 {columns: 2; gap:42px}
.columns2 li {  page-break-inside: avoid;   break-inside: avoid-column;  display: list-item;  }
			
		.homepageImageArea {   display: flex;  align-items: center; justify-content: center; width:100%; aspect-ratio:16/7; background:#000 url('https://collectionprotectionresource.com/wp-content/uploads/2025/09/the-happy-family.jpg'); background-size:cover; background-position:bottom; border-top:4px solid #d6a580; border-bottom:4px solid #d6a580; position:relative;  }
		
		.homepageImageArea .heroContent {width:100%; height:auto; padding-bottom:88px;  padding-top:inherit }
		.homepageImageArea .heroContent h1 {color:#fff; text-align:left; margin:22px 5%; width:90% !important; line-height:1.1 !important; margin-bottom:8px}
		.homepageImageArea .heroContent p {margin-top:8px !important; color:#fff;  text-align:left; margin:21px 5% ; font-size: clamp(22px, 2.1vw, 3.2rem) !important; font-family:"Playfair Display", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-variation-settings:"wdth" 100,"YTLC" 500; }	
	
		}

.columnsContain {max-width:560px; margin:0 auto; }
.contactLeftCol {line-height:1.5; }

@media (min-width:981px) {
	.columnsContain {max-width:90%;  }
	.contactLeftCol {padding-top:88px}
}


/* reviews  */
.reviews, .reviewTeaser{ background:#fef8e8; color: #000;  position:relative;  margin-top:42px; margin-bottom:42px; -webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px; padding:22px 0}
.reviewsCaptContain {width:100%; display: flex;  justify-content: center; max-width:1020px; margin:auto}

.reviews blockquote {padding:11px 66px 0; margin:0; font-size:1.1em;}
.reviews blockquote p, .reviewName {position:relative; }
.reviews blockquote p {font-style:italic; }
	.reviewsCapt { display:block; text-align:center; font-size:1.2em;  margin:0 auto 22px; font-weight:550; color:#4a64b0; font-family:"Playfair Display", serif;}	

.reviews blockquote p:first-of-type span, .reviewTeaser blockquote p span, .reviews blockquote p:first-of-type span, .reviewTeaser blockquote p span:first-of-type {position:relative}
			
.reviews blockquote p:first-of-type:before, .reviewTeaser blockquote p span:last-of-type:before{content: "\201C";font-family: Georgia, serif;font-size: 98px; font-size: clamp(59px, 3vw, 98px); font-weight: bold;color: #d6a580; position: absolute;}
.reviews blockquote p:first-of-type:before {left: -38px;top:-22px;}
.reviewTeaser blockquote p span:last-of-type:before {left: -42px;top:-8px;}

.reviews blockquote p:last-of-type:after, .reviewTeaser blockquote p span:first-of-type:after{content: "\201D";font-family: Georgia, serif;font-size: 98px; font-size: clamp(59px, 3vw, 98px); font-weight: bold;color: #3451a6; position: absolute; display:none}
.reviews blockquote p:last-of-type:after {right: -18px;bottom:-8px; line-height:0; }	
.reviews p {font-size: clamp(16px, 2vw, 18px); line-height:1.6; }



 /* contact page contact form 7 */

.contactRow h2 {text-align:center}
.formText {text-align:center; margin-bottom:16px}
.contactRow {width:100%; background:#fef8e8; padding:22px 2% 11px 2%}



 input[type=checkbox], input[type=radio] { width: 18px !important; height: 18px !important;  }
input.wpcf7-quiz {max-width:44px !important; margin-top:22px !important;}
 .submitStyle {display:block;}
 .ajax-loader {position:absolute !important; z-index:8;}
input[type=submit]:not(:active):not(.has-background){background:#1c4f72; border:1px solid #eb9c54; padding:5px 8px !important; font-size:1.1em; color:#fff; text-transform:uppercase}
input[type=submit]:hover {background:#28628a !important; background-color:#28628a !important; cursor:pointer}

.contactDiv label {font-size:inherit !important;}
.contactDiv p {margin:0 auto 3px !important}
.contactDiv input {margin-top:8px; padding:3px 11px}
.contactDiv input:focus,  .contactDiv textarea:focus{background-color:#fff7f0}
.contactForm1{margin-left: 44px; width:40% }
.contactForm2{text-align:center }
.contactForm1 input { width:40%; }
.contactForm3{text-align:center }
.contactForm3 textarea{ max-width:440px }

.contactDiv { max-width:100%; margin:22px auto;  width:90%; font-size:14px; line-height:1.5;   }
.contactContain {border:#cd702d 1px solid; padding:3%; background:#fef8e8}
.contactContain h2 {text-align:center}


.contactDiv input {margin-bottom:0px }
.contactLeft { width:100%;  margin-right:20px; margin-bottom:6px}
.contactLeft input {  width:100%; }

.contactRight { width:100%; margin-bottom:6px}
.contactRight  input {  width:100%; float:left}
.contactSingle { width:100%; margin-bottom:6px}
.contactSingle input{ width:100%px; }

.contactAdd { width:40% }
.address { width:270px; float:left; margin-right:20px; }
.address input{ width:270px; margin-bottom:0px;}
.city { float:left; width: 128px;  margin-right:12px;}
.city input { width:128px; margin-bottom:0px}
.stateC {float:left; width:26px;  margin-right:12px; margin-bottom:0px}
.stateC input { width:26px }
.zip { float:left; width:80px; margin-bottom:6px}
.zip input { width:80px}

.clarifiy {padding-left:42px; display:block}

.contactSubmit { text-align:center;  margin:8px auto; }

.submitStyle { text-align:center; position:relative; display:block; }
.wpcf7-spinner {position:absolute; right:0}

.interests { margin:14px auto 18px auto}

.wpcf7-form input[type=text], .wpcf7-form input[type=email], input[type="tel"]  {  height:36px; border:1px solid #cd702d}
textarea.full-width-textarea {border:1px solid #cd702d;  margin:22px auto 0; width:100%; padding:2%}
.comments {width:80%; margin:0 auto;  }

.city-state-zip:before { content:"."; display:block; height:0; clear:both;visibility:hidden }
.wpcf7-spinner {display:block !important}
@media only screen and (min-width:981px){
	

.contactLeft { width:49%;  margin-right:2%; margin-bottom:6px}
.contactLeft input {  width:100%; }

.contactRight { width:49%; margin-bottom:6px}
.contactRight  input {  width:100%; float:left}
.contactSingle { width:270px; margin-bottom:6px}
.contactSingle input{ width:100%; }
	
	
	.contactDiv { max-width:100%;}
	.home .contactDiv {max-width:560px !important; }
    .contactLeft,.contactRight  { float:left;}
	.city-state-zip:before { content:""; display:inline; height:auto; clear:none;visibility:hidden }
}



p.acceptanceArea {text-align:center; font-size:14px}

/* social  */
.socialFooter a {text-decoration:none}
.socialM {fill:#fff; margin:6px; }
.socialFooter a:hover .socialM {fill:#7eb7d0 !important;}
.social { width:382px;   margin:0 auto; text-align:center; display:none }
@media (min-width:981px){
	.social {display:block}
}

/* palette colors */

.has-cpr-organge-color, mark.has-cpr-organge-color {color:#cd702d !important;}
.has-cpr-organge-background-color {background-color:#cd702d}
.has-cpr-blue-color, mark.has-cpr-blue-color {color:#1d49a7 !important}
.has-cpr-blue-background-color {background-color:#1d49a7}
.has-black-color, mark.has-black-color {color:#000 !important}
.has-black-background-color, mark.has-black-background-color {background-color:#000000}
.has-a-white-color, .markhas-a-white-color {color:#ffffff !important}
.has-a-white-background-color {background-color:#ffffff}
.has-red-color {color:#d3273e}
.has-red-background-color {background-color:#d3273e}
.has-gray-color, mark.has-gray-color {color:#6b767d}
.has-gray-background-color {background-color:#6b767d}
.has-light-gray-color-background-color {background-color:#e8edf2}