/*
 Theme Name:    Plumbing CSS
 Theme URI:     https://www.adrianbeal.com/wp-content/plumbing/css
 Description:   Plumbing CSS
 Author:        Adrian Beal
 Author URI: 	https://www.adrianbeal.com/
 Template:      Plumbing
 Version:       2.8.4
 License URI:	http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("/wp-content/themes/graphene/style.css");
/* Your modification goes here */



.header_desc {font-size: 16px;color: #000000;    padding: 0px 10px;}
.header_title {color: #000000;padding: 0px 10px;}
.page .post-title {display: none;}

.navbar {
    min-height: 0px;
}

/*  Adjusts gap between header menu and page container  */
.entry-content {
    clear: both;
    padding-top: 20px;
}



div .smallcaps {
		font-family: Pontano Sans;
		font-size:1em;
		vertical-align:middle;
		text-align:center;
		padding:10px;
		background-color: lightblue;
		border-style: solid;
		border-width: thin;
		box-shadow: 2px 2px #888888;
	  margin-top: 2px;
}


div.Gradient-Box{
	font-variant: small-caps;
	font-size: 20px;
	text-align:center;
	border-style: solid;
	border-width: thin;
	box-shadow: 2px 2px #888888;
	background: -webkit-linear-gradient(#f6f6f6,#89c6f5);
	background: -moz-linear-gradient(#f6f6f6,#89c6f5);
	background: -o-linear-gradient(#f6f6f6,#89c6f5);
	background: linear-gradient(#f6f6f6,#89c6f5);
	padding: 10px 5px;
}


.cp12{
	  font-family:Arial, sans-serif;font-size:14px;
	  padding:10px 20px;
	  border-style:groove;
	  border-width:10px;
	  overflow:hidden;
	  word-break:normal;
	  border-color:#aabcfe;color:#669;
    background-image: url("/wp-content/plumbing/uploads/Bg01-1.jpg");
}

.cp12-Asap{
		background-image: url("/wp-content/plumbing/uploads/Bg03-Fade.jpg");
		border-style:solid;
	  border-top: 2px solid gray;
	  border-right: 2px solid gray;
	  border-bottom: 2px solid gray;
		border-left: 2px solid gray;
		text-align:center;
}

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

.cp12 .cp12-21days{
		vertical-align:middle;
    background-image: url("/wp-content/plumbing/uploads/Bg03-Fade.jpg");
		border-style:solid;
	  border-top: 2px solid gray;
	  border-right: 2px solid gray;
	  border-bottom: 2px solid gray;
		border-left: 2px solid gray;
		text-align:center;
}


.tg  {
	border-collapse:collapse;
	border-spacing:0;
	border-color:#aabcfe;
}


.tg th{
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
	border-color:#aabcfe;
	color:#039;
	background-color:#b9c9fe;
}



.tg .tg-mb3i{
	background-color:#D2E4FC;
	text-align:right;
	vertical-align:top;
}

.tg .tg-lqy6{
	text-align:right;
	vertical-align:top;
}

.tg .tg-6k2t{
	background-color:#D2E4FC;
	vertical-align:top;
}

.tg .tg-yellow{
	background-color:#ffcc00;
	vertical-align:top;
}

.tg .tg-green{
	background-color:#33cc33;
	vertical-align:top;
}


/* ================= CSS Code for Services Page =================== */

.clearfix {
  overflow: auto;
	clear:all;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


* {
  box-sizing: border-box;
}


a {
	text-decoration:none;
	color:inherit;
}


div.size {
	width: 49%;
	min-height:260px;
}

div.TextAutoSize {
	font-size: clamp(1vw, 3vw, 30px);
	padding:1%;
}


div.TextStyle {
	font-size: clamp(12px, 1vw, 30px);
	text-align:justify;
	padding:2%;
}


div.TextStyleCenter {
	font-size: clamp(12px, 1vw, 30px);
	text-align:center;
	padding:2%;
}


img.triangle {
	float:left;
	width:80px;
	max-width: 20%;
}


img.ServiceImage {
	max-width:75%;
	margin-left:-75px;
}


.PageHeading {
	font-variant: small-caps;
	font-size: clamp(14px, 2vw, 30px);
	color:black;
	font-weight:bold;
	text-align:center;
	border-style: solid;
	border-width: thin;
	box-shadow: 2px 2px #888888;
	background: -webkit-linear-gradient(#f6f6f6,#89c6f5);
	background: -moz-linear-gradient(#f6f6f6,#89c6f5);
	background: -o-linear-gradient(#f6f6f6,#89c6f5);
	background: linear-gradient(#f6f6f6,#89c6f5);
	padding: 10px 5px;
}


.PageContainer {
	font-family:Arial, sans-serif;font-size:0.8em;
	border-style:groove;
	border-width:10px;
	overflow:hidden;
	word-break:normal;
	border-color:#aabcfe;
	color:#669;
	background-image: url("/wp-content/plumbing/uploads/Bg01.jpg");
	background-repeat:repeat;
}



.MainContainer {
	font-family:Arial, sans-serif;font-size:0.8em;
	overflow:hidden;
	padding:2%;
	margin-left:auto;
	margin-right:auto;
	word-break:normal;
	border-color:#aabcfe;
	color:#669;

	background-repeat:repeat;
}

div.ContainerCenter {
	height:auto;
	padding:2%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	width:85%;
	text-align:center;
	border-style: groove;
	border-color: red;
	border-width: 10px 6px 15px 6px;
	border-radius: 10px;
	background-image: url('/wp-content/plumbing/uploads/Bg03-Fade.jpg');
	background-repeat: repeat;
}

div.ContainerRight {
	margin-left:1vw;
	width:50%;
	min-height:250px;
	float:right;
	margin-bottom:5%;
	text-align:center;
	border-style: groove;
	border-color: black;
	border-width: 10px 6px 15px 6px;
	border-radius: 10px;
	background-image: url('/wp-content/plumbing/uploads/Bg03-Fade.jpg');
	background-repeat: repeat;
}

div.ContainerLeft {
	margin-right:1vw;
	width:50%;
	min-height:250px;
	float:left;
	margin-bottom:5%;
	text-align:center;
	border-style: groove;
	border-color: black;
	border-width: 10px 6px 15px 6px;
	border-radius: 10px;
	background-image: url('/wp-content/plumbing/uploads/Bg03-Fade.jpg');
	background-repeat: repeat;
}


.TriangleGreen {
	float:left;
	width: 20%;
	height: 40%;
	background-image: url('/wp-content/plumbing/uploads/GreenTriangle.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.TriangleRed {
	float:right;
	background-image: url('/wp-content/plumbing/uploads/RedTriangle.png');
	background-repeat: no-repeat;
	background-size: contain;
}




.grid-container-catcha {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-gap: 0%;
}
	
.grid-child-catcha {
		background-color:inherit;
	width:25%;
	}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.grid-container-ASAP {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.lightgray {
	background-color:lightgray;
}






div.PlumberLogo {
text-align:center;
position:absolute;
top:20vmax;
left:7vmax;
  width: 15vmax;
  height: 8vmax;
  background-image: url('/wp-content/plumbing/uploads/PlumberLogo.png');
  background-size: 100% 100%;

}



/* §§§§§§§§§§§§§§§§§§§§§§§§ PLUMBING PAGES - GENERAL §§§§§§§§§§§§§§§§§§§§§§§§ */

div.MyPlumbingPageFrame {
	background-color:white;
	font-size: min(max(10px, 2vw), 18px);
	line-height:1.5em;
	padding:2%;
	text-align:justify;
}

div.IndexPageImage {
	background-repeat: no-repeat;
	border: 2px solid lightgray;
}

div.IndexPageImage img {
	width:100%;
	height:100%;
}


div.PositionImageText1 {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	line-height:0.7em;
	position:absolute;
	top:10vmax;
	left:5%;
	right:5%;
	width: 90%;
	background-color: clear;
	background-size: 100% 100%;
}

.TextLocalPlumber {
	font-size: min(max(8px, 2vw), 24px);
	font-weight:bold;
	color:#010EA7;
}

div.PositionImageText2 {
	text-align:center;
	position:absolute;
	top:22vmax;
	left:5%;
	right:5%;
	width: 90%;
	background-color: clear;
	background-size: 100% 100%;
}

div.TitleContainer {
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom:15px;
	background-color:white;
	opacity:0.8;
	width:60%;
	position:absolute;
	top:21.5vmax;
	left:20%;
	right:25%;
}

div.LeftStar {
	position:absolute;
	top:1vmax;
	left:2%;
	width: 12vmax;
	height: 12vmax;
	transform: rotate(-30deg);
	background-image: url('/wp-content/plumbing/uploads/BookCallbackStar.png');
	background-size: 100% 100%;
}

.LeftStar img {
	opacity:1;
	width: 12vmax;
	height: 12vmax;
}


.ServicesImagesLeft {
	float:left;
	max-width:20%;
	max-height:140px;
	padding-right:3%;
	padding-bottom: 1em;
}

div.RightStar {
	position:absolute;
	top:1vmax;
	right:2%;
	width: 12vmax;
	height: 12vmax;
	transform: rotate(30deg);
	background-image: url('/wp-content/plumbing/uploads/NoVATStar.png');
	background-size: 100% 100%;
}

.ServicesImagesRight {
	float:right;
	max-width:20%;
	max-height:140px;
	padding-left:3%;
	padding-bottom: 1em;
}

hr.BottomeLine {
	height: 10px;
	border: none;
	color: #333;
	background-color: #333;
}

div.DivRow {
	display:flex;
	width:100%;
}


.Justify {
	text-align:justify;
	line-height:1.5em;
}

.Center {
	text-align:center;
	line-height:1.5em;
}

.ParagraphSpace {
	line-height:1.5em;
}

.BlueButton { 
	text-align:center;
	line-height:1.5em;
	color: #f2f2f2;
	width:100%;
	border:3px solid lightgray;
	vertical-align: middle;
	background: linear-gradient(#00B9F9,#0041A2);
	padding: 4px 25px 4px 25px;
	text-transform:capitalize;
    font-variant:small-caps;
    font-weight:bold;
	border-radius: 10px;
	box-shadow:  inset 1px 2px 0px 0px #888888; /* inset left,top,fuzz Center,fuzz Outside, color */
	box-shadow:  2px 3px #888888;
	letter-spacing: 2px;
}

.GreenButton { 
	text-align:center;
	line-height:1.5em;
	color: #292929;
	width:100%;
	border:3px solid lightgray;
	vertical-align: middle;
	background: linear-gradient(#52ff8b,#00872d);
	padding: 4px 25px 4px 25px;
	text-transform:capitalize;
    font-variant:small-caps;
    font-weight:bold;
	border-radius: 10px;
	box-shadow: inset 1px 2px 0px 0px #888888; /* inset left,top,fuzz Center,fuzz Outside, color */
	box-shadow:  2px 3px #888888;
	letter-spacing: 2px;
}

div.MyFormContainer {
	width:100%;
	display:flex;
}

lc.MyLeftCol {
	width:100%;
	background-color:F0FFF1;
	padding:1em;
	background-color:lightblue;
}

mc.MyMiddleCol {
	width:100%;
	height:100%;
	background-color:clear;
}

rc.MyRightCol {
	width:100%;
	background-color:F0FFF1;
	padding:1em;
	background-color:lightyellow;
	vertical-align: top;
}



#Specialwpcf {
    background-color: black;
    color: #fff;
    border: 1px solid gray;
}

#MyConFormwpcf {
    background-color: #fff;
    color: green;
    max-width: 50%;
    border: 6px solid lightgray;
    border-style:inset;
}


#MyContactForm1 input[type="text"],
#MyContactForm2[type="email"],
#MyContactForm3[type="tel"],
#MyConFormwpcf4 textarea
{
    background-color: #fff;
    color: #000;
    max-width: 20%;
    border: 1px solid red;
}


div.MyArchersPageContainer {
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: min(max(8px, 2vw), 16px);
}

div.TextMinMax{
	line-height:1.5em;
	font-size: min(max(8px, 1.7vw), 16px);
}

div.MyPageFrame {
	width:100%;
	text-align:justify;
	color: #333333;
	font-size: min(max(8px, 1.7vw), 16px);
	padding:2em;
	background: url('/wp-content/uploads/BgGreenParchment.jpg') repeat;
	border:1% solid lightgray;
	border-style: groove;
}