/*
Theme Name: Scottk9Cages
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for Scottk9Cages
*/


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	border:0px solid !important;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}


/********************* SITE STRUCTURE ****************************/
body{
	font-family: 'Lato', sans-serif;
	/* font-size:20px; */
	/* color:#fff; */
	/* line-height:26px; */
	font-weight:300;
	background:#ffffff;
	overflow-x:hidden;
	/* background:url(images/bg.png) center repeat-y #3B73FF; */
}

/* a:focus, a:hover {
    color: #000000;
    text-decoration: underline;
} */

a{
	text-decoration: none;
}

h1{
	font-family: "Poppins", sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 2.2em;
}
h2{
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.8em;
}

#sidebar{
	display: none;
}

.site-header{
	font-family: "Poppins", sans-serif;
	font-weight: 900;
}


.site-header a{
	color:#ffffff;
}
.site-header a:hover{
	color:#3B73FF;
}

.site-header ul{
	margin-left:0px;
}
.header-logo-bg{
	height:100px;
}
.header-logo-bg::before{
	content:"";
	position: absolute;
	top: 0;
	right: 0;
	width: 120%;
	height: 100%;
	z-index:-1;
	background: #fff;
	transform: skewX(-20deg);
}
.site-header li {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: uppercase;
}
.header-logo{
	max-width: 210px !important;
}
.header-menu{
	height:100px;
	font-size:0.8em;
	text-align: right;
}
.menu-top-navigation-container{
	position: relative;
	padding-top:28px;
	padding-bottom:28px;
}
.menu-top-navigation-container a{
}
.header-menu::before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 100%;
	z-index:-1;
	background: #000000;
	transform: skewX(-20deg) translateX(15px);
}
header svg{
	width:100%;
	max-width:250px;
}

a{
	color:#3B73FF;
	text-decoration: none;
}

table{
	width:100% !important;
}

#navigation-button{
	/* max-width:130px; */
	margin-top:10px;
	cursor: pointer;
	/* border:1px solid #fff; */
	border-bottom:4px solid #000000;
	display: inline-block;
	padding:10px;
	cursor: pointer;
	color:#3B73FF;
}
#navigation-button:hover{
	color:#3B73FF;
}

#header-contact-block{
	margin-top:10px;
}

footer{
	/* border-top:5px solid #000000; */
	/* color:#5A6361; */
	border-top:10px solid #000000;;;
	font-size:0.9em;
	clear:both;
	padding:45px;
	/* margin-top:50px; */
	/* text-transform:uppercase; */
	/* margin-bottom:30px; */
	margin-bottom:0px;
	text-align:center;
}
/* footer .header-logo{
	max-width: 240px;
	margin:0 auto;
	z-index:99;
	position: absolute;;
	left: 50%;
    transform: translate(-50%, -50%);
} */
footer ul{
	list-style: none;;
	margin-left:0px;
	padding-left:0px;
}
footer li{
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}
footer a, footer h2, footer h3{
	color:#000000;
}
footer a:hover{
	color:#3b73ff;
}

footer p{
	/* text-transform: uppercase;; */
	letter-spacing: 1.0px;
}

.clear{
	clear:both;
	height:1px;
}

.pidsignz-title-wrapper{
	display: flex;
}
.pidsignz-title-wrapper:hover .pidsignz-title-left-border{
	transform: skewX(-20deg) translateX(-100px);
}
.pidsignz-title-wrapper:hover .pidsignz-title-right-border{
	transform: skewX(-20deg) translateX(80px);
}

.pidsignz-title-bg{
	background-color: #fff;
	transform: skewX(-20deg) translateX(-10px);
	height: 100px; /* Set a height for demonstration */
	position: absolute;
	z-index:-1;
	width:100%;
}
.pidsignz-title-text{
	color: #222233;
	margin:0px;
	padding:0px;
	margin-top:30px;
}

.pidsignz-title{
	text-align: center;
	flex: 1; /* This makes the div expand to fill the remaining space */
	height: 100px; 
	position: relative;
}


.pidsignz-title-left-border{
	background: #000000;
	transform: skewX(-20deg) translateX(-50px);
	flex: 0 0 20%; /* This makes the divs fixed at 20% width */
	height: 100px; /* Set a height for demonstration */
	transition: all 0.5s ease-in-out;
}
.pidsignz-title-right-border{
	background: #000000;
	transform: skewX(-20deg) translateX(30px);
	flex: 0 0 20%; /* This makes the divs fixed at 20% width */
	height: 100px; /* Set a height for demonstration */
	transition: all 0.5s ease-in-out;
}

.pidsignz-image-wrapper{
	position: relative;
	width:100%;
	height:500px;
	/* overflow-y: hidden; */
}
.pidsignz-image{
	position: absolute;
	width:100%;
	height:100%;
	z-index:1;
	
	/* scale background image*/
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

}

.pidsignz-image-wrapper:hover .pidsignz-image-text{
	bottom: 20px;
	opacity: 1;
}
.pidsignz-image-text{
	margin-left:-30px;
	transition: all 0.5s ease-in-out;
	opacity: 0;
	position: absolute;
	/* transform: translateY(100%); */
	bottom: -10px;
	left: 0px;
	width:100%;
	/* transform: translateY(-50%); */
	z-index:2;
	color:#fff;
	font-size:2em;
	text-align:center;
}
.pidsignz-image-text-wrapper{
	background: #ea0a8da1;
	transform: skewX(-20deg) translateX(10px);
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
}


.pidsignz-button-wrapper{
	position: relative;
	padding-left:20px;
	padding-right:20px;
	/* overflow-y: hidden; */
}
.pidsignz-button-wrapper:hover .pidsignz-button::before{
	background: #7b7b9f;
}
.pidsignz-button-wrapper:hover .pidsignz-button::after{
	background: #7b7b9f;
}
.pidsignz-button-wrapper:hover .pidsignz-button{
	background: #7b7b9f;
}
.pidsignz-button::before{
	content:"";
	position: absolute;
	top: 0;
	left: -30px;
	width:50px;
	height: 100%;
	padding:5px;
	z-index:-1;
	background: #52526f;
	transform: skewX(-20deg) translateX(15px);
}
.pidsignz-button::after{
	content:"";
	position: absolute;
	top: 0;
	right: -30px;
	width: 50px;
	padding:5px;
	height: 100%;
	z-index:-1;
	background: #52526f;
	transform: skewX(-20deg) translateX(-15px);
}
.pidsignz-button{
	/* scale background button*/
	background-size: cover;
	position: relative;;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #52526f;
	padding:5px;
}
.pidsignz-button-text{
	color:#fff;
	text-align:center;
}
.pidsignz-button a{
	color:#fff;
	text-decoration: none;
}
ul{
	padding-left:0px;
	margin-left:20px;
}

.site-content{
	display: block;
	clear:0 ;
}

.thwepo-extra-options tr td{
	padding-bottom:10px;
}

#mobile-navigation-button-wrapper{
	padding-left:20px;
	padding-right:20px;
	position: relative;
}

#mobile-navigation-button{
	display:none;
	padding:5px;
	background-color: #000000;
	margin-top:10px;
	position: relative;
	color:#fff;
	font-weight:700;
	text-center;
}
#mobile-navigation-button::before{
	content:"";
	position: absolute;
	top: 0;
	left: -30px;
	width:50px;
	height: 100%;
	padding:5px;
	z-index:-1;
	background: #000000;
	transform: skewX(-20deg) translateX(20px);
}
#mobile-navigation-button::after{
	content:"";
	position: absolute;
	top: 0;
	right: -30px;
	width: 50px;
	padding:5px;
	height: 100%;
	z-index:-1;
	background: #000000;
	transform: skewX(-20deg) translateX(-20px);
}

@media only screen and (max-width: 767px) {
	.site-header{
		margin-top:25px;
	}
	/* body{
		font-size:14px;
	} */
	.header-menu::before{
		display:none
	}
	.header-logo-bg::before{
		display:none
	}
	.header-logo-bg{
		background-color: #fff;
	}
	.site-header li{
		display:block;
		margin-left:0px;
		margin-right:0px;
	}
	.header-menu{
		text-align:left;
	}
	.pidsignz-title-left-border{
		transform: skewX(-20deg) translateX(10px);
		flex: 0 0 10%;
	}
	.pidsignz-title-right-border{
		transform: skewX(-20deg) translateX(-10px);
		flex: 0 0 10%;
	}
	.pidsignz-title-text{
		margin-top:10px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.pidsignz-title,.pidsignz-title-left-border,.pidsignz-title-right-border,.pidsignz-title-bg{
		height:80px;
	}
	.header-menu{
		height:auto;
	}
	.header-menu ul{
		margin-bottom:0px;
	}
	.header-menu li{
		padding:15px;
		border-bottom:1px solid #000000;
	}
	.menu-top-navigation-container{
		display:none;
	}
	#mobile-navigation-button{
		display:block;
	}
	.header-logo-bg{
		text-align:center;
	}

	.menu-top-navigation-container{
		color:#000000;
	}
	.menu-top-navigation-container a{
		color:#000000;
	}
}