@charset "utf-8";

/*
Theme Name: Coco V6I
Theme URI:  
Author: Tom Savoca - SEO Does Matter
Author URI: http://seodoesmatter.com
Description:  1/2023 The theme for WordPress is a fully responsive theme that looks great on any device and is customizable. 
Version: V6I
License:  
License URI:  
Tags: 
Text Domain: ultimatetools.us
 
main blue from business name image #0e6798 

*/

 

body {
	margin: 0;
}

html {
	font-family: 'PT Sans Narrow';
	height: 100%;
	font-size: 18px;
	line-height: normal;
	margin-top: 0;
	padding-top: 0;
	color: #393c3f;
	background-color: rgb(255, 255, 255);
}

a:link,
a:hover,
a:visited {
	color: #393c3f;
	text-decoration: none;
}


.imgshadow{ box-shadow: 3px 3px 10px grey; } 

.blue {
	background-color: #3d5e96;
}

a:hover {text-decoration: none;}
   
	/* Makes original img positioner work in edit page or post */
	.alignleft		{float: left; margin-right: 50px !important; }
	.aligncenter 	{clear: both; display: block; margin-left: auto; margin-right: auto;  }
	.alignright 	{float: right; margin-left: 50px!important;}
 	.center        {text-align: center; }

	 

  
#headercontainer {
	width: 100%;
	
	/*
	position: -webkit-sticky; 
	position: sticky;
	top: 0;
	z-index: 1000;
	*/
	 
	box-shadow: 10px 2px 2px #3325258c;
}

#header {
	/* 
	justify-content: space-evenly;
	display: flex;
	*/
	margin-left: auto;
	margin-right: auto;
	max-width: 1040px;
	background-color: #fff;
}

#header #logo {
	float: left;
}

#header #logo img {
	max-width: 320px;
	clear: both;
	padding-top: 1px;
}

#menucontainer {
   padding-top: 1px;
   margin-top: 20px;
   float: right;
}

#submenucontainer {
   width: 100%;
   background-color: #0e6798 ;
   text-align: center;
   padding-top: 15px;
   padding-bottom: 15px;
   clear: both;
  
}

#headertext {
	float: left;
	display: none;
}

#headertext a  {
	text-decoration: none;
	font-family: 'PT Sans Narrow', sans-serif;
	font-style: italic;
	color: #fff;
/*	text-shadow: 1px 1px #000; */
}

#headertext h1 {
	margin-top: 6px;
	margin-bottom: 0;
	font-family: serif;
	font-size: 43px;
}

#headertext h2 {
	font-size: 1em;
	margin-top: 0px;
	font-size: 20px;
}
  
 


#site-content {
	margin: 0 auto;
	text-align: left;

}

#slider h2 {
	 text-align: center;
	  font-style: italic;
}

.content {
	padding-top: 0;
	margin-left: auto;
	margin-right: auto;
/*	max-width: 1400px; */
}

.archive .content {
	background-image: none;
}



/* PAGE AND POST TITLE */
.home .pagetitle,
.home .cattitle {
	
}

.page-template-default .cattitle,
.post-template-default .cattitle {
 
}

.pagetitle,
.cattitle {
	margin-top: 40px;
	padding-bottom: 3px;
	font-family: Oswald, "sans-serif";
	
	font-size: 2em;
	text-align: center;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 2em;
	padding-right: 2em;
	margin-bottom: 30px;
}


/* makes posts have normal layout  */ 
.post-template-default .pagetitle {
	position: unset;
}

.cattitle h3, 
.cattitle h3 a, 
.cattitle h3 a:visited,
.pagetitle h3, 
.pagetitle h3 a, 
.pagetitle h3 a:visited {
	font-size: 1em;
	font-family: Oswald, "sans-serif";
	text-decoration: none;
	font-weight: bold;
	line-height: 1.2em;
}

/* FOR BLOG PAGE ONLY  */
.blog .pagetitle {
	border-top-style: solid;
	border-top-width: medium;
	border-top-color: #910204;
	width: 100%!important;
	text-align: center!important;
	padding-top: 30px;
}
 
.blog .pagetitle h3 a, 
.blog .pagetitle h3 a:visited {
	font-size: 1.5em!important;
	margin-top: 30px!important;
	margin-bottom: 0!important;
 
}
 
 /* END FOR BLOG PAGE ONLY  */
 


/* Post and Page titles & BULLET POINTS */
 h1.wp-block-heading,  h1.wp-block-heading a,  h1.wp-block-heading a:visited, 
 h2.wp-block-heading,  h2.wp-block-heading a,  h2.wp-block-heading a:visited,
 h3.wp-block-heading,  h3.wp-block-heading a,  h3.wp-block-heading a:visited,
 h4.wp-block-heading,  h4.wp-block-heading a,  h4.wp-block-heading a:visited, 
 h5.wp-block-heading,  h5.wp-block-heading a,  h5.wp-block-heading a:visited,  
 .ecs-no-events,  pre {
	font-family: Oswald, "sans-serif";
	max-width: 1020px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1.4em;
	margin-bottom: 1em;
	line-height: 1.2em!important;
}

.wp-block-heading {
	font-weight: bold;
}



h1.wp-block-heading, h1.wp-block-heading a, h1.wp-block-heading a:visited {font-size: 1.1em;} 
h2.wp-block-heading, h2.wp-block-heading a, h2.wp-block-heading a:visited {font-size: 1.1em;} 
h3.wp-block-heading, h3.wp-block-heading a, h3.wp-block-heading a:visited {font-size: 1.1em;} 	
h4.wp-block-heading, h4.wp-block-heading a, h4.wp-block-heading a:visited {font-size: 1.1em;} 
h5.wp-block-heading, h5.wp-block-heading a, h5.wp-block-heading a:visited {font-size: 1.1em;} 
  
  
.content p,  .content p a, .content p a:visited {line-height: 1.3em;}
 
 /* END  PAGE AND POST TITLE */
 

 
.content p {
	max-width: 1020px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 2em;
	padding-right: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.content p a:link,
.content p a:visited {
	text-decoration: none;
}



.video-container {
	margin: auto;
	width: 600px;
}

.wp-block-embed {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

iframe {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.pdfemb-viewer {
	max-width: 1000px;
	margin-left: auto!important;
	margin-right: auto!important;

}

.wp-block-buttons, 
.wp-block-button {
	margin-top: 60px;
	margin-bottom: 4em;
	max-width: 990px!important;
	margin-right: auto!important;
	margin-left: auto!important;
	display: table;
}


.wp-block-columns {
	padding-top: 40px;
}

.wp-block-columns, 
.wp-block-embed__wrapper {
	margin: 0px auto 0px auto;
	max-width: 1020px;
}

h3.wp-block-columns {
	font-size: 1em;
}

.wp-block-column {
	border-radius: 3px;
}

.wp-block-column p {
	text-align: justify;
}

.wp-block-column p.has-text-align-center {
	text-align:center!important;
}


/* needed because wp update doesn't leave cover in center ts 11/29/22 */
.wp-block-cover {
	display: inherit;
	
}

.wp-block-cover__inner-container {
	text-shadow: 1px 1px #000;
	position: relative;
}


.wp-block-gallery {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

li.blocks-gallery-item  {
margin-left: 10px!important;
}


.wp-block-group {
	padding: 10px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-jetpack-contact-form-container {
	margin-left: 30px;
	margin-right: 30px;
}


.wp-block-image {
			max-width: 1020px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 2em;
			padding-right: 2em;
			margin-bottom: 2em;
}
		
.wp-block-image figcaption {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			font-style: italic;
			font-size: .8em;
			display: inherit!important;
}
		
.wp-block-image img {
			height: auto;
			border-radius: 3px;
}
		
/* this is for old editor or images not set to left,center,right */
.wp-block-image {
			text-align: center;
}
		 
.wp-block-latest-posts { 
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

/*  not sure what this is for as of 1/2025  */
li.wp-block-latest-posts  {
	margin-left: 0!important;
	width: 300px!important;
}

.wp-block-latest-posts img {
	height: inherit;
}

.wp-block-page-list,
.wp-block-list {
	margin-top: 10px;
	max-width: 1020px;
	margin-right: auto;
	margin-left: auto;

}

.wp-block-list li {
	margin-left: 40px;
	margin-bottom: 10px;
	margin-top: 1px;
	overflow-wrap: break-word;
	margin-right: 60px;
}



.wp-block-media-text {
	max-width: 100%!important;
	margin: 0!important;
	clear: both!important;
}

/* THIS MAKES MEDIA BOXED 100% WIDE ON RESPONSIVE VIEW */
.wp-block-media-text>.wp-block-media-text__content {
	padding: 0!important;
}

.wp-block-media-text p {
	margin-bottom: 10px;
	margin-top: 10px;
}

.wp-block-media-text img {
	border-radius:0!important;
}

.wp-block-navigation {
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
}
	

.wp-block-quote {
	padding: 1em;
	margin: 60px auto;
	max-width: 800px!important;
	border-left-color: #C0C0C0;
	border-left-style: solid;
	border-left-width: thick;
	border-right-color: #C0C0C0;
	border-right-style: solid;
	border-right-width: thick;
	clear: both;
}

.wp-block-quote p {
	padding-left: 0!important;
}


/* Query Block */
.wp-block-query {
			max-width: 1000px;
			margin-left: auto;
			margin-right: auto;
}
		
.wp-block-query .wp-block-column {
			border:none;
}
		
.wp-block-query .wp-block-post-title {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}
		
.wp-block-query p {
			padding: 0;
			margin: 0;
}
/* END Query Block */

.wp-block-separator {
	margin-top: 3em;
	margin-bottom: 3em;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
 
.wp-block-video{
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
}

/* THIS IS FOR CATEGORY DISPLAY  THIS IS FOR CATEGORY DISPLAY    THIS IS FOR CATEGORY DISPLAY   */
#excerptcontainer {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

#excerpt {
	min-height: 620px;
	border-radius: 10px;
	margin: 20px;
	background-color: #fff;
	box-shadow: 0 0 5px 5px #ccc
}

#excerpt-title {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 65px;
	padding: 10px;
}

#excerpt-title a, 
#excerpt-title a:visited {
	text-align: center!important;
	font-family: Oswald, "sans-serif";
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	color: #3F3F3F;
}


#excerpt .thumb  {
	width: 100%;
	text-align: center;
	min-height: 250px; /* VERTICAL ALIGN EXCERPT IMAGE */;
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

#excerpt .thumb img {
	max-width: 100%;
	max-height: 250px;
	border-radius: 1px;
	 object-fit:cover;
}


#excerpt p {
	text-align: justify;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 1em;
	margin-top: 1em;
}



/* end THIS IS FOR CATEGORY DISPLAY */


/*  this is for jetpack share buttons and related links below posts */
#jp-relatedposts {
	margin-top: 3em!important;
 
}

#jp-relatedposts .jp-relatedposts-items-visual {
	margin-right: 0 !important;
}

.jp-relatedposts {

	max-width: 1000px;
	margin-left: auto!important;
	margin-right: auto!important;
}

#jp-relatedposts h3.jp-relatedposts-headline {
	font-size: 1em;
}

.jp-relatedposts-post-title a {
	font-family: "Comic Sans MS";
}

 /* controls next and previous links on bottom of category pages added to many sites in 2020 */
#pagination-container {
	clear: both;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.nav-previous   {
	float: left;
}

.nav-next  {
	float: right;
}



 				 	 
								 

 
 /* CONTACT PAGE */
 
 .contact-form {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
 
 .wpcf7-form {
	margin-top: 25px;
}
 
 .wpcf7-form input, 
 .wpcf7-form textarea  {
	border: inset;
	padding: 5px;
	max-width: 250px;
	margin-bottom: 10px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

.wpcf7-form textarea {
	max-height: 100px;
}

 /* end CONTACT PAGE */
 
 
 
  

/******       FOOTER WIDGETS    ********   */
 
 #footer-widgetscontainer {
	width: 100%;
	margin-top: 160px;
	margin-bottom: 50px;
	/*
	border-bottom-color: #808000;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-color: #808000;
	border-top-style: solid;
	border-top-width: thin;
	*/
}
 
 #footer-widgets {
 max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
	font-size: 1em;
	text-align: left;
}

 #footer-widgets ul {
	list-style-position: inside; 
	padding-left: 15px;
}

#footer-widgets .sub-menu {
	margin-top: 10px;
	margin-left: 10px;
} 

#footer-widgets .sub-menu li {
	margin-bottom: 1px!important;
	list-style-type: disc!important;
}

 #footer-widgets li {
	margin-bottom: 1em!important;
	line-height: 1.1em;
	list-style-type:none;
}

 #footer-widgets input, 
 #footer-widgets textarea {
	max-width: 300px;
}



 #footer-widgets .wp-block-button{
	margin: 0;
	padding: 0;
}

#footer-widgets h3.wp-block-heading {
	margin-top: 20px;
}


#footer-widget1 h2,
#footer-widget2 h2,
#footer-widget3 h2,
#footer-widget4 h2,
#footer-widget1 h3,
#footer-widget2 h3,
#footer-widget3 h3,
#footer-widget4 h3 {
	font-size: 1.4em;
	color: #0082d4;
	text-align: center;
}
	
#footer-widgets a:link,
#footer-widgets a:visited,
#footer-widgets a:active,
#footer-widgets li a:link ,
#footer-widgets li a:visited ,
#footer-widgets li a:active {
	line-height: 1.1em!important;
}

#footer-widget1,
#footer-widget2,
#footer-widget3,
#footer-widget4 {
	width: 23%;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 30px;
}

#footer-widget2 {
	border-left-color: #808000;
	border-left-style: dotted;
	border-left-width: thin;
	border-right-color: #808000;
	border-right-style: dotted;
	border-right-width: thin;
}



/******  END     FOOTER WIDGETS    ********   */




#breadcrumbs,  #breadcrumbs p, #breadcrumb_last {
	font-size: 85%;
	margin-left: 2%;
	width: auto;
}

#breadcrumbs a { font-size: inherit; }

.postdate {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

 
#site-footer {
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	background-color: #99999947 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.2em;
}



  #footersignature {
	text-align: center;
	font-size: .7em;
	padding-top: 25px;
	background-color: #FFFFFF;
	padding-bottom: 25px;
	}
	

/* ############# RESPONSIVE VEW #############  */ /* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  */
/* ############# RESPONSIVE VEW #############  */ /* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  */
/* ############# RESPONSIVE VEW #############  */ /* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  *//* ############# RESPONSIVE VEW #############  */



	@media screen and (max-width: 1220px) { 
	
	
	/* removes main nav from small screen */
#menucontainer, #cssmenu, #servicecssmenu, #servicemenucontainer, #submenucontainer,  #subcssmenu {display: none !important; }

body {
	text-align: center;
}
 
 .alignleft, .aligncenter,  .alignright 	{
	float: none!important;
	clear: both!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 30px !important;
}

 #headercontainer {
	position: unset!important;
}

#headercontainer #logo  {
	float: none !important;
	padding: 2px!important;
}

#headercontainer #logo img {
	max-width: 100%;
	height: unset;
}

#header {
	display : inherit;
}

#headertext {
	text-align: center;
}

#headertext h1,
#headertext h2 {
	 font-size: 1.3em;
}
	
.pagetitle {
	margin: 0;
	padding: 20px;
	font-size: 1.1em!important;
}

.pagetitle h3, 
.pagetitle h3 a, 
.pagetitle h3 a:visited  {
	margin: 10px;
	font-size: 1.1em!important;

}




p.has-large-font-size {
	font-size: 1.1em!important;
	font-weight: bold;
}

.content p {
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;
}

.has-text-align-center {
	text-align: center !important;
}


.content ul,
.content ol,
.content ul ul,
.content ul ol {
	margin-right: 4px!important;
	font-size: 1em;
	margin-top: 1px;
	margin-bottom: 8px;
}

.content li {
	margin-left: 0;
	margin-right: 10px;
}


.contact-form  {
	margin-left: 2px!important;
	margin-right: 4px!important;
	font-size: 1em;
	line-height: 1.4em!important;
}

.pdfemb-viewer {
		padding: 30px;
	max-width:1400px!important;
	margin-left: auto!important;
	margin-right: auto!important;
}


  
.wp-block-buttons {
	text-align: center;
	margin-top: 1em!important;
	margin-bottom: 1.1em!important;
}

.wp-block-column {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-radius: 1px;
	border-top-color: #DBD9DD;
}

.wp-block-cover {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-cover__inner-container {
	text-shadow: 1px 1px #000;
   }

.wp-block-heading {
	margin-left: 9px!important;
	margin-right: 4px!important;
}

.wp-block-image {
	padding: 0;
}
	

.wp-block-group {
	padding-top: 10PX;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
}

.wp-block-navigation,
.wp-block-latest-posts__list {
	padding-left: 1em;
	padding-right: 1em;
}
	
	
	/* ######### Categories / Excerpts  ################ */
#excerptcontainer {
	display: table!important;
}

#excerpt {
	border-radius: 2px!important;
	border: none!important;
	margin-top: 25px;
}

#excerpt-title {
	padding: 15px;
	border-radius: 1px !important;
	background-color: #1b8ec8;
}

#excerpt-title a, 
#excerpt-title a:visited {
	color: #fff;
	}
	
#excerpt {
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 15px;
}

#excerpt .thumb  {
	width: 100%;
	text-align: center;
	min-height: 250px; /* VERTICAL ALIGN EXCERPT IMAGE */;
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

#excerpt .thumb img {
	max-width: 100%;
	border-radius: 1px;
	 object-fit:cover;
}

	
	/*  this is for jetpack share buttons and related links below posts  ts */
	#jp-relatedposts  {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
	
	.jp-relatedposts-post  {
	padding: 0!important;
	width: 100% !important;
}
	
	.jp-relatedposts-items   {
	margin-left: auto!important;
	margin-right: auto!important;
	margin-top: 45px;
}
	
	.jp-relatedposts-headline,
	.jp-relatedposts-post-img, 
	.jp-relatedposts-post-title {
	margin-left: auto!important; 
	margin-right: auto!important; 
	width: 100% !important; 
	height: auto !important; 
	text-align: center!important; 
	}

	
	
	
	
	/* FOOTER */
	
#footer-widgetscontainer {
	width: 100%;
	border-top: none;
}

#footer-widgets {
	display: inherit;
	width: auto;
}

#footer-widgets .wp-block-heading {
	padding-left: 0!important;  
    padding-right: 0!important;
}

#footer-widget1,
#footer-widget2,
#footer-widget3,
#footer-widget4 {
	border: none;
	width: auto;
	margin-bottom: 1px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;

}

#footer-widget1 h2,
	#footer-widget2 h2,
	#footer-widget3 h2,
	#footer-widget4 h2,
	#footer-widget1 h3,
	#footer-widget2 h3,
	#footer-widget3 h3,
#footer-widget4 h3 {
	margin-top: 0;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	background-color: #0082d4;
	color: #FFFFFF;
}

#footer-widgets li a,
#footer-widgets li a:visited {
	margin-right: 10px;
}

.postdate,
#site-footer p {
	padding-left: 10px;
	padding-right: 10px;
}

 
#hfsBOX {
	width: unset;
}
	
	
/* end of RESPONSIVE VIEW */	
}