// Placeholder Text Colour ::-webkit-input-placeholder {
color:#434343!important; font-family:$font-paragraph; text-align:left; font-weight:lighter;
} :-moz-placeholder { /* Firefox 18- */
color:#434343!important; font-family:$font-paragraph; text-align:left; font-weight:lighter;
} ::-moz-placeholder { /* Firefox 19+ */
color:#434343!important; font-family:$font-paragraph; text-align:left; font-weight:lighter;
} :-ms-input-placeholder {
color:#434343!important; font-family:$font-paragraph; text-align:left; font-weight:lighter;
}
// General Default Styles body {
background-color:#FFF; font-family:$font-paragraph; h1 { font-size:40px; }
}
h1, h2, h3, h4, h5, h6, .font-headline {
font-family:$font-headline; font-weight:bold;
}
a {
word-wrap: break-word; &:hover, &:active, &:focus { text-decoration:none; outline:none; @include transition(all ease-out 0.2s); }
} p {
a { text-decoration:underline; &:hover, &:active, &:focus { text-decoration:underline; } }
}
// Buttons .button {
font-family:$font-paragraph; font-weight: 900; font-size: 17px;
}
input.text, textarea.textarea, select, .submit-button {
border:none; @include border-radius(0);
} input.text, textarea.textarea, select {
height:45px; padding:13px 16px 11px!important; font-size:25px; background-color:transparent; color:#000;
} textarea.textarea {
min-height:80px;
}
/* bullets */ .circle li {list-style-type: circle;} .disc li {list-style-type: disc;} .square li {list-style-type: square;}
// Visible Xs / Hidden Xs .visible-xs {
display:block!important;
} .hidden-xs {
display:none!important;
}
@media only screen and (min-width:1024px) {
.visible-xs { display:none!important; } .hidden-xs { display:block!important; }
}
.disc li {
padding-bottom: 10px; margin-left: 15px;
}
.border-wrap {
margin: 8px; border-radius: 9px;
}
.slim-wrap {
padding: calc(2.56% + 50px) calc(5% + 15px);
}
.form-container {
max-width:338px; .email { max-width: 100% } .postcode { max-width:150px;margin-top:2px!important; } button { margin-left:2px!important;margin-top:2px!important; }
}
home-header:after {
content: ""; display: block; width: 100%; height: 100%; background: rgba(0,33,51,.75); position: absolute; border-radius: 4px; top: 0; left: 0; z-index: 1;
} home-header:after {
background: -webkit-gradient(linear,left top,right top,color-stop(10%,#002133),color-stop(55%,rgba(0,33,51,0.75)),to(rgba(0,33,51,0))); background: linear-gradient(to right,#002133 10%,rgba(0,33,51,0.75) 55%,rgba(0,33,51,0) 100%);
}
.home-headline {
font-size:80px; em { color: #66c7ff; }
} .bordered-slide {
border-radius: 20px!important; border: solid 8px #ffffff; .container { margin-bottom: -16px; }
}