/*
   Filename:       	tech_common.css
   Author:         	John G. (Skip) Todora
   Start Date:     	January 04, 2023
   updated: 		November 05, 2025 to make the page cellphone friendly
   web page:        index.com
   Website:        	jtodora.com
*/

* {
    box-sizing: border-box;
}

body {
   	font-family: verdana, arial, sans-serif;
	max-width: 1023px;
	margin: auto;
}

main {
	margin: auto;
}

h1 {
	color: rgb(24,74,122);
	text-align: center;
	max-width: 100%;
	height: auto;
	padding-bottom: 30px;
	padding-top: 30px;
}

h2 {
   color: rgb(24,75,122);
   text-align: center;
   height: auto;
   padding-bottom: 30px;
   padding-top: 30px;
}

h3 {
	color: black;
	text-align: center;
	padding: 10px;
}

figcaption {
	text-align: center;
}

p {
	padding-left: 10px;
	padding-right: 10px;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: blue;
}

a:hover {
	color: red;
}

.red-text {
	color: red;
}

.orange-text {
	color: orange;
}

.yellow-text {
	color: yellow;
}

.green-text {
	color: green;
}

.blue-text {
	color: blue;
}

.red-italic-text {
	color: red;
	font-style: italic;
}

.orange-italic-text {
	color: orange;
	font-style: italic;
}

.yellow-italic-text {
	color: yellow;
	font-style: italic;
}

.green-italic-text {
	color: green;
	font-style: italic;
}

.blue-italic-text {
	color: blue;
	font-style: italic;
}

.center-text {
   text-align: center;
}

.bold-text {
	font-weight:bold;
}

/* SOCIAL MEDIA ICONS */
.social-media-container {
	display: flex;
	padding-top: 30px;
}

.social-media-left-col {
	display: flex;
	justify-content: center;
	width: 33.3%;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
}

.social-media-center-col {
	display: flex;
	justify-content: center;
	width: 33.3%;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
}

.social-media-right-col {
	display: flex;
	justify-content: center;
	width: 33.3%;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
}
/* END SOCIAL MEDIA ICONS */


.addrtext {
	text-align: center;
	font-style: italic;
	padding-top: 100px;
}

hr {
    width: 100%;
    border: 1px solid black;
}

.clearfix {
	clear: both;
	padding-bottom: 100px;
}

/* VALIDATION IMAGES CSS & HTML */
.validation-imgs-container {
	display: flex;
	justify-content: space-evenly;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
 }
 
 .validation-img-left {
	float: right;
 }
 
 .validation-img-right {
	float: left;
 }

 .center-cert-img {
	border: 0;
	width: 88px;
	height: 32px;
 } 
 /* END VALIDATION IMAGES CSS & HTML */