<br />
<b>Deprecated</b>:  Function get_magic_quotes_gpc() is deprecated in <b>/home/customer/www/adamt.trichrome.net/public_html/textpattern/lib/constants.php</b> on line <b>136</b><br />
/* ♠♠♠♠♠  ADAM THOMPSON - LABOUR CANDIDATE FOR AMBER VALLEY  ♠♠♠♠♠ */

/* ♠♠♠♠♠  TRICHROME MEDIA  ♠♠♠♠♠ */

/* ♠♠♠♠♠  OCTOBER 2019  ♠♠♠♠♠ */

/* ♠♠♠♠♠  WEB DESIGN & DEVELOPMENT - TRICHROME MEDIA  ♠♠♠♠♠ */

/* ♠♠♠♠♠  info@trichrome.media  ♠♠♠♠♠ */

/* =====/\/\/\/\/\===== DEFAULT =====/\/\/\/\/\====== */


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
margin: 20px 0 10px 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video {
border: 1px solid #444;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.video-holder {
width: 100%;
margin: 0 20px 20px 0;
overflow: hidden;
float: left;
}




 
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,*:before,*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}



body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    color: #000;
    -webkit-text-size-adjust: none;
    background: #ebe7eb;
}


h1 {
    font-size: 1.5rem;
    margin: 3px 0 0 0;
    color: #FFF;
}

h2 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 10px 0 10px 0;
    padding: 0;
}

h2.indart {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 0;
}

h2 a {
    text-decoration: none;
    color: #000;
}

h2 a:hover {
    text-decoration: underline;
    color: #c50024;
}

h3.menu {
    display: none;
}

h4 {
font-size: 1rem;
font-weight: 700;
margin: 0;
padding: 0 0 10px 0;
width: 100%;
float: left;
}



.homeart a {
color: #000;
text-decoration: none;
}

h4 a  {
text-decoration: none;
color: #000;
}

h4 a:hover  {
color: #c50024;
text-decoration: underline;
}



h5 {
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
    padding: 0 0 20px 0;
}

h6 {
    font-size: 0.8rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

h6.date a {
    text-decoration: none;
    color: #000;
}

h6.date a:hover {
    text-decoration: underline;
    color: #005f36;
}

p {
    padding: 0;
    margin: 0;
    line-height: 130%;
}

.ind-art {
width: 100%;
display: block;
overflow: hidden;
float: left;
padding: 0 0 30px 0;
}

.ind-art a {
color: #000;
text-decoration: none;
}


a {
color: #c50024;
text-decoration: underline;
}



article p {
margin-bottom: 10px;
font-size: 1rem;
}


.web-span {
display: none;
}

.tab-span {
display: none;
}

.mob-span {
width: 100%;
display: block;
overflow: hidden;
}


/* =============== HEADER ============== */


.header {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #ff0936;
    padding: 20px 10px;
}

img.headimg {
    width: 25px;
    height: auto;
    float: left;
    margin: 8px 8px 0 0;
}

/* =============== END HEADER ============== */


/* =============== NAV ============== */

h3.menu {
    font-size: 1rem;
font-weight: 700;
    display: block;
    color: #FFF;
    padding: 12px 10px;
    margin: 0;
    cursor: pointer;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
text-decoration: none;
}

h3.menu:hover {
text-decoration: none;
background: rgba(0,0,0,0.1);
}

.nav {
background: #c50024;

}

.nav-bar {
width: 100%;
height: auto;
background: #c50024;
overflow: hidden;
margin-bottom: 0px;
}

.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
font-size: 1rem;
font-weight: 700;
}

    
.nav ul li a  {
    display: block;
    color: #FFF;
    text-align: center;
    padding: 10px;
    text-decoration: none;
text-align: left;
width: 100%;
}

.nav ul li a:hover  {
    background: rgba(0,0,0,0.1);
}

.nav ul li {
    
    width: 100%;
    border-bottom: 0px solid rgba(255,255,255,0.4);
}

.nav1div {
    display: none;
}

a.nav1 {
text-decoration: none;
}
  
.arrow {
    width: 30px;
    height: 30px;
    float: right;
    margin: -3px 0 0 0;
    background: url(/images/4.png) no-repeat center;
        -webkit-transition: -webkit-transform .5s;
        -o-transition: -o-transform .5s;
        -moz-transition: -o-transform .5s;
        transition: transform .5s;
}
    
  .rotate {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}  


/* =============== END NAV ============== */

/* =============== LAYOUT ============== */

/*  === SEARCH === */

.search-bar {
    width: 100%;
    height: 40px;
    background: #e8002a;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.searchbox {
    display: block;
}


.buttonx {
    width: 18px;  
height: 18px;
    margin-top: 1px;
}

.form-wrapper {
    width: 130px;
     height: 24px;
     margin-top: 8px;
     background: #eee;
     float: right;
}

.form-wrapper input {
    width: 100%;
    padding: 0 0 0 5px;
    font-size: 0.7em;
    font-weight: 400;
    color: #222;
    background: #EEE;
    border: 0;
}

.form-wrapper button {
    position: relative;
    float: right;
top: -43px;
right: 0px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    background: #FFF;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
}

.form-wrapper button::-moz-focus-inner {
    padding: 0;
    border: 0
}

input.srch {
    background: #FFF;
    margin-top: 0;
    height: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.7em;
    -webkit-appearance: none;
}

input, button, submit {
    border: none;
    display: block;
}

.invalid-input {
    background-color: #CC333F;
    color: #FFFFFF;
    font: Arial;
    font-weight: bold;
    font-size: 14px;
}

.search-results {
    width: 100%;
    margin-top: 20px;
    padding: 0;
    font-size: 1.2em;
}

.search-spacer {
    width: 25%;
    margin-bottom: 10px;
    float: left;
}

.totalresults {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}


.result {
    background: #EEE;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
    padding: 20px;
}


/* === END SEARCH === */



/* ========= CONTACT ========= */

/* ======== FORMS ======== */



input {
    font-size: 1em;
    padding: 10px;
    height: 50px;
    display: block;
    width: 100%;
    max-width: 540px;
    float: left;
    margin-bottom: 20px;
    border-radius: 0;
    border: 2px solid rgba(0, 0, 0, 0.5);
    -webkit-appearance: none;
    
}

textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1em;
    padding: 10px;
    width: 100%;
    float: right;
    margin: 0 0 20px 0;
    height: 190px;
    border-radius: 0;
    border: 2px solid rgba(0, 0, 0, 0.5);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0,0,0,0.3);
    font-size: 0.9em;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.3);
    font-size: 0.9em;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0,0,0,0.3);
    font-size: 0.9em;
}

.g-recaptcha {
    display: block;
    overflow: hidden;
    float: left;
    width: 304px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.sub {
    width: 200px;
    float: right;
    border: 0px solid rgba(0, 0, 0, 0.5);
    background: #777;
    color: #FFF;
    font-size: 1em;
    font-weight: 600;
    height: 76px;
    margin-top: 0px;
    border-radius: 0;
}

.sub:hover {
    background: #888;
    cursor: pointer;
}

.cleft {
    width: 100%;
}

.cright {
    width: 100%;
}

form {
margin-top: 30px;
}

::placeholder {
color: #888;
}

/* ========= END CONTACT ========== */







.wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    padding: 0;
}

.foreground {
background: #FFF;
padding: 0 8px;
overflow: hidden;
}


img.sm-top {
width: 25px;
height: auto;
margin: 8px 5px 0 0;
background: rgba(255,255,255,0.95);
}

img.sm-top:hover {
border: 0px solid #000;
background: rgba(255,255,255,1)
}

img.homepic {
width: 100%;
height: auto;
margin: 8px 0 10px 0;
display: block;
}
img.homepicx {
display: none;
}

img.homeimg {
width: 100%;
height: auto;
}

img.pic-abt1 {
display: block;
width: 100%;
height: auto;
margin: 10px 0;
float: left;
}

img.pic-abt2 {
display: none;
}

img.full {
width: 100%;
height: auto;
display: block;
margin: 10px 0;
}



article {
padding: 0;
}

.contact-button {
display: block;
background: #e8002a;
padding: 10px;
width: 100%;
text-align: center;
margin: 20px auto;
}

.contact-button:hover {
background: #c50024;
}

a.contbut {
text-decoration: none;
font-weight: 700;
font-size: 1.2rem;
color: #FFF;
}

.contact-buttonx {
display: none;
}

iframe {
margin-left: 10px;
}

.twitter-big {
display: none;
}

.twitter-small {
display: block;
}

.divider {
display: block;
border-top: 1px solid #CCC;
width: 100%;
margin: 0 auto;
clear: both;
}

.dividerx {
display: none;
}

img.headline {
width: 100%;
height: auto;
float: left;
margin: 0 8px 8px 0;
}

img.pic-ind {
width: 100%;
height: auto;
float: left;
margin: 8px 8px 8px 0;
}

.homeex {
display: block;
}

.homeart p {
font-size: 0.9em;
}

.homeart {
margin-bottom: 10px;
}

.homepage-articles {
width: calc(100% + 0px);
}

/* ====== FOOTER ===== */


footer {
overflow: hidden;
background: #ff0936;
width: 100%;
display: block;
padding: 0;
text-align: center;
}

.footer-upper {
background: #c50024;
width: 100%;
overflow: hidden;
}

img.footimg {
    width: 100%;
max-width: 320px;
    height: auto;
    margin: 20px 0 0 0;
padding: 0 20px;
}

p.many {
    font-size: 1.7rem;
    font-weight: 800;
    padding: 5px 0;
}

p.few {
    font-size: 1.5rem;
    font-weight: 100;
    margin: 0 0 20px 0;
    padding: 0;
}

.footer-mid {
background: #e8002a;
width: 100%;
overflow: hidden;
padding: 50px 0;
margin: 0 0 50px 0;

}

p.promo {
margin: 0 auto;
color: #FFF;
max-width: 400px
}

footer p {
font-size: 0.8rem;
color: #FFF;
padding: 0 20px;
}

p.trich {
font-size: 0.6rem;
margin: 60px 0 10px 0;
color: #FFF;
float: right;
}

p.trich a {
color: #ffff99;
text-decoration: none;
}

p.trich a:hover {
color: #ffff33;
}

.homeex {
display: block;
}

img.pic-art {
width: 100%;
height: auto;
float: left;
margin: 0 8px 8px 0;
}

@media only screen and (min-width: 540px) {

h1 {
    font-size: 2.8rem;
    margin: 3px 0 0 0;
    color: #FFF;
}

h2 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 10px 0;
    padding: 0;
}
.header {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #ff0936;
    padding: 20px 20px;
}

.foreground {
background: #FFF;
padding: 0 20px;
overflow: hidden;
}

.wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 767px;
    margin: 0 auto;
    padding: 0;
}

.divider {
width: 100%;
}

img.homepic {
width: 200px;
height: auto;
margin: 20px 0 0 0;
float: left;
}


.bio {
width: calc(100% - 220px);
float: right;
margin: 20px 0 0 0;
display: block;
}

.contact-button {
float: right;
display: block;
background: #e8002a;
padding: 10px;
width: 100%;
text-align: center;
margin: 0 0 20px 0;

}


img.headimg {
    width: 50px;
    height: auto;
    float: left;
    margin: 8px 20px 0 0;
}




.search-bar {
    height: 60px;
    padding: 0 20px;
}

.form-wrapper {
width: 180px;
height: 24px;
margin-top: 18px;
background: #eee;
float: right;
}

img.sm-top {
width: 35px;
height: auto;
margin: 12px 10px 0 0;
background: rgba(255,255,255,0.95);
}


.form-wrapper {
    width: 220px;
     height: 35px;
     margin-top: 12px;
     background: #eee;
     float: right;
}

.form-wrapper input {
    width: 100%;
    padding: 0 0 0 5px;
    font-weight: 400;
    color: #222;
    background: #EEE;
    border: 0;
}

.form-wrapper button {
    position: relative;
    float: right;
    top: -48px;
    right: 5px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    background: #FFF;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
}

.form-wrapper button::-moz-focus-inner {
    padding: 0;
    border: 0
}

input.srch {
    background: #FFF;
    margin-top: 0;
   height: 35px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    -webkit-appearance: none;
}


article {
padding: 0 0 20px 0;
}


iframe {
margin-left: 20px;
}


.homeex {
display: block;

}

.homeart p {
font-size: 0.9rem;
}

img.pic-ind {
width: 100%;
height: auto;
float: left;
margin: 20px 0;
}


}

@media only screen and (min-width: 640px) {

img.pic-abt1 {
display: none;
}

img.pic-abt2 {
display: block;
width: 50%;
height: auto;
margin: 0 0 5px 20px;
float: right;
max-width: 300px;
}

img.homepic {
width: 250px;
height: auto;
margin: 20px 0 20px 0;
float: left;
}



.bio {
width: calc(100% - 270px);
float: right;
margin: 20px 0;
display: block;
min-height: 184px;
}

.contact-button {
width: 100%;
float: right;
display: block;
background: #e8002a;
padding: 10px;
text-align: center;
margin: 0 0 20px 0;

}


.arthome {
width: 100%;
display: block;
overflow: hidden;
float: left;
padding: 10px 0;
}

.ind-art {
width: 50%;
display: block;
overflow: hidden;
float: left;
padding: 0 20px 20px 0;
}




/* ==== NAV ==== */

h3.menu {
    display: none;
}



.nav-bar {
    width: 100%;
    height: 40px;
overflow: hidden;
}

.nav-inner {
    max-width: 1260px;
    margin: 0 auto;
    overflow: hidden;
}

.nav {
    width: 100%;
    float: left;
    margin: 0 auto;
    font-size: 1em;
    font-weight: 600;
}

.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav ul li {
display: inline-block;
    float: left;
width: 12.5%;
}

.nav ul li a {
    display: block;
    color: #FFF;
    text-align: center;
    padding: 9px 15px 10px 15px;
    text-decoration: none;
}


.nav li a:hover {
    background-color: #910e22;
overflow: hidden;
}

.nav1div {
    display: block;
}


/* ==== END NAV ==== */

.web-span {
display: none;
}

.tab-span {
width: calc(100% + 20px);
display: block;
overflow: hidden;
}

.mob-span {
display: none;
}

.divider {
display: block;
border-top: 1px solid #CCC;
width: 100%;
margin: 0 auto;
clear: both;
}


}


@media only screen and (min-width: 768px) {

h2 {
font-size: 1.2rem;
font-weight: 700;
margin: 10px 0;
padding: 0;
}

.divider {
display: none;
}

.arthome {
width: 50%;
display: block;
overflow: hidden;
float: left;
padding: 0 20px 20px 0;
}

.ind-art {
width: 33.33%;
display: block;
overflow: hidden;
float: left;
padding: 0 20px 20px 0;
}


.homepage-articles {
width: calc(100% + 20px);
}

img.pic-ind {
width: 100%;
height: auto;
float: left;
margin: 20px 0;
}

.wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}



.twitter-big {
display: block;
width: 40%;
float: left;
padding-top: 10px;
}

iframe {
margin-left: 0;
}

.twitter-small {
display: none;
}

img.homepic {
width: 33%;
height: auto;
margin: 20px 0;
float: left;
display: none;
}

img.homepicx {
width: 100%;
height: auto;
margin: 0 0 20px 0;
float: left;
display: block;
}



.bio {
width: 60%;
float: left;
margin: 20px 0 0 0;
display: block;
min-height: 184px;
padding-right: 20px;
}

.contact-button {
display: none;
background: #e8002a;
padding: 10px;
width: 33%;
text-align: center;
margin: 20px auto;
float: left;
}

.contact-buttonx {
display: block;
background: #e8002a;
padding: 10px;
width: 100%;
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
float: left;
}

.contact-buttonx:hover {
background: #c50024;
}

a.contbut {
text-decoration: none;
font-weight: 700;
font-size: 1.2rem;
color: #FFF;
}



.dividerx {
display: block;
border-top: 1px solid #CCC;
width: calc(100% - 20px);
margin: 10px 0 10px 0;
clear: both;
}

.web-span {
width: calc(100% + 20px);
display: block;
overflow: hidden;
}

.tab-span {
display: none;
}

.mob-span {
display: none;
}



/* ========= CONTACT ========= */

/* ======== FORMS ======== */



input {
    font-size: 1em;
    padding: 10px;
    height: 50px;
    display: block;
    width: 100%;
    max-width: 540px;
    float: left;
    margin-bottom: 20px;
    border-radius: 0;
    border: 2px solid rgba(0, 0, 0, 0.5);
    -webkit-appearance: none;
    
}

textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1em;
    padding: 10px;
    width: 100%;
    float: right;
    margin: 0 0 20px 0;
    height: 190px;
    border-radius: 0;
    border: 2px solid rgba(0, 0, 0, 0.5);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0,0,0,0.3);
    font-size: 0.9em;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.3);
    font-size: 0.9em;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0,0,0,0.3);
    font-size: 0.9em;
}

.g-recaptcha {
    display: block;
    overflow: hidden;
    float: left;
    width: 304px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.sub {
    width: 200px;
    float: right;
    border: 0px solid rgba(0, 0, 0, 0.5);
    background: #777;
    color: #FFF;
    font-size: 1em;
    font-weight: 600;
    height: 76px;
    margin-top: 0px;
    border-radius: 0;
}

.sub:hover {
    background: #888;
    cursor: pointer;
}

.cleft {
    width: calc(50% - 10px);
    float: left;
    overflow: hidden;
}

.cright {
    width: calc(50% - 10px);
    float: right;
    overflow: hidden;
}

form {
margin-top: 30px;
}

/* ========= END CONTACT ========== /*




}


@media only screen and (min-width: 960px) {


}