*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
img {
border: 0;
}
body {
background: #fff;
color: #000;
font: 16px/1.7 Lato, Helvetica, Arial, sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
h4,
h5,
h6 {
margin: 1.25em 0 16px;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-weight: 700;
letter-spacing: .05em;
line-height: 1.25em;
text-transform: uppercase;
}
h1,
.h1 {
font-size: 3.75em ;
}
h2,
.h2 {
font-size: 2.125em ;
}
h3 {
font-size: 1.5em ;
}
h4 {
font-size: 1.375em ;
}
h5 {
font-size: 1em ;
}
h6 {
font-size: 1em ;
font-weight: 400;
}
hr {
margin: 2em 0;
background: none;
border: 0;
border-bottom: 1px solid;
}
hr.wrap {
margin-top: 50px;
margin-bottom: 50px;
border-color: #e5e5e5;
}
p,
ol,
ul,
blockquote {
margin: 0 0 1.25em;
}
li {
margin: .25em 0 .25em 25px;
}
h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
hr:first-child,
ol:first-child,
ul:first-child,
li:first-child {
margin-top: 0;
}
h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
hr:last-child,
p:last-child,
ol:last-child,
ul:last-child,
li:last-child {
margin-bottom: 0;
}
blockquote {
padding-left: 25px;
border-left: 1px solid #e5e5e5;
font-style: italic;
}
a {
color: inherit;
}
strong {
font-weight: bold;
font-weight: 600;
}
em {
font-style: italic;
}
code {
font-family: monospace;
}
p code {
padding: 4px 6px;
background-color: #f4f4f4;
border: 1px solid #ddd;
border-radius: 4px;
}
input,
textarea,
button,
select {
margin: 0;
font: inherit;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
padding: 8px 16px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: none;
color: #4f4f4f;
outline: none;
-moz-transition: border-color 250ms ease;
-webkit-transition: border-color 250ms ease;
transition: border-color 250ms ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
border-color: #b9b9b9;
}
input.full,
textarea.full {
width: 100%;
display: block;
}
::-webkit-input-placeholder {
color: #4f4f4f;
font-style: italic;
}
:-moz-placeholder {
color: #4f4f4f;
font-style: italic;
}
::-moz-placeholder {
color: #4f4f4f;
font-style: italic;
}
:-ms-input-placeholder {
color: #4f4f4f;
font-style: italic;
}
.button {
padding: 16px 60px 14px;
display: inline-block;
background: rgba(0, 0, 0, .75);
border: 0;
color: #fff;
font: bold 14px/1 'Josefin Sans', sans-serif;
font-weight: 700;
letter-spacing: .02em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
outline: none;
-moz-transition: background-color 250ms ease;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.button:hover {
background: rgba(0, 0, 0, 1);
}
.button.full {
width: 100%;
padding-left: 0;
padding-right: 0;
display: block;
}
.button.white {
background-color: rgba(255, 255, 255, .75);
color: #000;
}
.button.white:hover {
background-color: rgba(255, 255, 255, 1);
}
.clear:before,
.clear:after,
.columns:before,
.columns:after {
content: "";
display: table;
}
.clear:after,
.columns:after {
clear: both;
}
img.alignleft {
float: left;
margin: 0 25px 0 -100px;
}
img.alignright,
.section iframe {
float: right;
margin: 0 -100px 0 25px;
}
.section iframe {
position: relative;
}
.center-wrap {
display: -moz-box;
display: -ms-flex;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.ie .center-wrap {
width: 100%;
display: table;
}
.wrap {
position: relative;
max-width: 1200px;
margin: auto;
}
.ie .center-wrap .wrap {
padding: 0 10%;
display: table-cell;
vertical-align: middle;
}
.wrap.medium {
max-width: 900px;
}
.wrap.small {
max-width: 600px;
}
.wrap.pad {
margin-top: 50px;
margin-bottom: 50px;
padding-top: 50px;
border-top: 1px solid #e5e5e5;
}
.wrap.centered {
text-align: center;
}
.below-header {
margin-top: 143px;
border-top: 0;
}
.section {
position: static;
}
.section.slideshow {
position: relative;
}
.section .left {
width: 50%;
float: left;
}
.section .right {
width: 50%;
float: right;
}
.section .text {
padding-bottom: 50px;
}
.section.has_image .text {
border-bottom: 1px solid #e5e5e5;
}
.section .text.left,
.section .text.right {
width: 60%;
}
.section .text.left {
padding-right: 25px;
}
.section .text.right {
padding-left: 25px;
}
.section .image {
background: 50% 50% no-repeat;
background-size: cover;
}
.section .image.left,
.section .image.right {
width: 40%;
}
.section .center-content {
display: -moz-box;
display: -ms-flex;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.ie .section .center-content {
width: 100%;
display: table;
}
.section .center-content .content {
width: 100%;
margin: auto 0;
}
.ie .section .center-content .content {
display: table-cell;
vertical-align: middle;
}
.section .image .content {
background: 50% 50% no-repeat;
background-size: cover;
}
.section .image .content img {
opacity: 0;
}
.section img {
max-width: 100%;
height: auto;
}
.section.testimonial .image {
width: 60%;
height: 600px;
overflow: hidden;
}
.section.testimonial .image .content {
height: 100%;
}
.section.testimonial .text {
width: 40%;
padding: 60px 15% 50px 50px;
font-weight: bold;
font-weight: 700;
}
#hero-banner+.section.testimonial {
margin-top: 60px;
background-color: #e5e5e5;
}
.section.testimonial:nth-child(2n) {
background-color: #e5e5e5;
}
.section.testimonial:nth-child(2n+1) .image {
float: right
}
.section.testimonial .testimony {
margin-bottom: 25px;
font-size: 1.2em;
font-style: italic;
}
.section.testimonial .testimony {
margin-bottom: 25px;
font-size: 1.2em;
font-style: italic;
}
.section.testimonial .source {
letter-spacing: .025em;
text-transform: uppercase;
}
.section.testimonial .source span {
padding: 10px 0;
display: inline-block;
border: 1px solid #fff;
border-width: 1px 0;
}
.section.brands {
padding-bottom: 0;
text-align: center;
}
.section.brands .brand {
display: inline-block;
margin: 20px 40px;
vertical-align: middle;
}
.section.brands .brand img {
display: block;
}
.section.two-by-two {
margin: 50px 0;
display: -moz-box;
display: -ms-flex;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.ie .section.two-by-two {
width: 100%;
display: table;
}
.section.two-by-two .left,
.section.two-by-two .right {
position: relative;
min-height: 500px;
padding: 50px;
}
.section.two-by-two .left {
padding-left: 15%;
padding-right: 100px;
}
.section.two-by-two .right {
padding-left: 100px;
padding-right: 15%;
}
.section.two-by-two .content {
position: relative;
text-align: center;
}
.section.project {}
.section.project .text {
padding-top: 65px;
}
.overflow {}
.overflow,
.overflow .content {
height: 350px;
}
.overflow .content {
position: absolute;
top: auto;
overflow: hidden;
}
.overflow.left .content {
left: 0;
right: 60%;
}
.overflow.right .content {
left: 60%;
right: 0;
}
.grid {
margin-bottom: 50px;
}
.grid .box {
position: relative;
width: 50%;
height: 400px;
float: left;
border: 2px solid #fff;
}
.grid .box.loading:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
display: block;
overflow: hidden;
background: #fff url(//www.elankitchens.co.uk/wp-content/themes/elankitchens/imgs/loader.gif) 0 0 no-repeat;
border: 4px solid #fff;
border-radius: 4px;
-ms-interpolation-mode: bicubic;
z-index: 1999;
}
.grid .box .background {
-moz-transition: opacity 250ms ease;
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.grid .box.loading .background,
.grid .box.active .background {
opacity: .25;
}
.grid .box .description {
position: absolute;
top: 0;
right: 0;
width: 50%;
padding: 100px 25px 25px;
background-color: rgba(255, 255, 255, .8);
}
.grid .box .description:after {
content: '';
position: absolute;
top: 50px;
left: -25px;
border: 25px solid transparent;
border-left-width: 0;
border-right-color: rgba(255, 255, 255, .8);
}
.grid .box .description a {
text-decoration: none;
}
.columns {}
.columns .column {
padding-right: 25px;
float: left;
}
.form-row {
position: relative;
margin-bottom: 10px;
}
.form-row.footer,
.form-row:last-child {
margin-bottom: 0;
}
.form-row .form-cell {
position: relative;
width: 50%;
min-height: 45px;
padding: 0 5px;
float: left;
}
.form-row .form-cell:first-child {
padding-left: 0;
}
.form-row .form-cell:last-child {
padding-right: 0;
}
.form-row input,
.form-row textarea {
width: 100%;
min-height: 45px;
}
.form-row label {
display: none;
position: absolute;
top: 15px;
left: 17px;
color: #4f4f4f;
font-style: italic;
line-height: 1;
cursor: text;
pointer-events: none;
}
.ie9 .form-row label {
display: block;
}
.has-value label {
display: none;
}
.has-error input,
.has-error textarea {
border-color: red !important;
}
.form-row .error {
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
padding: 0 16px 0;
display: none;
background: #fff;
background: linear-gradient(to right, transparent 0%, white 16px, white 100%);
color: red;
font-size: 12px;
line-height: 45px;
pointer-events: none;
}
.has-error .error {
display: block;
}
.has-error input:focus+.error {
display: none;
}
.slider {}
.slider .slides {
position: relative;
width: 100%;
height: 100%;
}
.slider .slides .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.slider .slides .slide.active {
opacity: 1;
z-index: 1;
}
.slider .slides .slide.active:first-child {
z-index: 2;
}
.slider .controls {
position: absolute;
bottom: 75px;
right: 75px;
z-index: 2;
}
.slider .controls .control {
width: 10px;
height: 10px;
margin-right: 5px;
float: left;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
}
.slider .controls .control.active {
background-color: #fff;
}
.slider .controls .control:last-child {
margin-right: 0;
}
.slideshow {
position: relative;
overflow-x: hidden;
}
.slideshow .wrap {
position: relative;
}
.slideshow .slides {
position: relative;
height: 600px;
max-height: 90vh;
min-height: 200px;
}
.slideshow .slides .slide {
height: 100%;
overflow: hidden;
margin-right: 25px;
float: left;
background: 50% 50% no-repeat;
background-size: cover;
}
.slideshow .slides .slide:last-child {
position: absolute;
top: 0;
right: 100%;
}
.slideshow .slides .slide img {
width: 100%;
opacity: 0;
}
.slideshow .control {
position: absolute;
top: 0;
padding: 0 25px;
height: 100%;
display: -moz-box;
display: -ms-flex;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-moz-transition: background-color 250ms ease;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.ie .slideshow .control {
display: table;
}
.slideshow .control:hover {
background-color: #000;
background-color: rgba(0, 0, 0, .6);
}
.slideshow .control.previous {
left: 0;
}
.slideshow .control.next {
right: 0;
}
.slideshow .control::after {
content: '';
width: 20px;
height: 34px;
display: block;
margin: auto;
background: url(//www.elankitchens.co.uk/wp-content/themes/elankitchens/imgs/sprite.png) -275px -50px no-repeat;
}
.ie .slideshow .control::after {
display: table-cell;
vertical-align: middle;
}
.slideshow .control.previous:after {
background-position: -275px -50px;
}
.slideshow .control.next:after {
background-position: -295px -50px;
}
.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #000 50% 50% no-repeat;
background-size: cover;
}
.background.darken:after,
.background.lighten:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.background.darken:after {
background-color: rgba(50, 50, 50, .6);
}
.background.lighten:after {
background-color: rgba(255, 255, 255, .6);
}
.background img {
opacity: 0;
}
ul.social {
margin: 0;
padding: 0;
list-style: none;
}
ul.social li {
margin: 0 10px 0 0;
padding: 0;
float: left;
}
ul.social li:last-child {
margin-right: 0;
}
ul.social li a {
width: 30px;
height: 30px;
padding: 6px;
display: block;
background-color: #979797;
-moz-transition: background-color 100ms ease;
-webkit-transition: background-color 100ms ease;
transition: background-color 100ms ease;
}
ul.social li:hover a {
background-color: #000;
}
ul.social li a:after {
content: '';
width: 18px;
height: 18px;
display: block;
background: url(//www.elankitchens.co.uk/wp-content/themes/elankitchens/imgs/sprite.png) -285px 0 no-repeat;
}
ul.social li.houzz a:after {
background-position: -285px 0;
}
ul.social li.homify a:after {
background-position: -303px 0;
}
ul.social li.twitter a:after {
background-position: -321px 0;
}
ul.social li.pinterest a:after {
background-position: -339px 0;
}
ul.social li.facebook a:after {
background-position: -357px 0;
}
ul.social li.instagram a:after {
background-position: -375px 0;
}
ul.social li.google_plus a:after {
background-position: -393px 0;
}
#header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1992;
}
#header .top {
padding: 20px 0 23px;
background-color: #ccc;
background-color: rgba(255, 255, 255, .8);
}
#header .top .left {
float: left;
}
#header .top .right {
float: right;
}
#home-logo {
width: 188px;
height: 50px;
display: block;
float: left;
overflow: hidden;
background: url(//www.elankitchens.co.uk/wp-content/themes/elankitchens/imgs/sprite.png) 0 -50px no-repeat;
text-indent: -999px;
}
#header-logo {
width: 275px;
height: 50px;
overflow: hidden;
display: block;
background: url(//www.elankitchens.co.uk/wp-content/themes/elankitchens/imgs/sprite.png) 0 0 no-repeat;
text-indent: -999px;
}
#header .top .social {
margin-top: 20px;
}
#header .bottom {
background-color: #666;
background-color: rgba(0, 0, 0, .6);
color: #fff;
}
#header .bottom ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
display: table;
}
#header .bottom ul li {
position: relative;
margin: 0;
padding: 0 15px;
display: table-cell;
white-space: nowrap;
text-align: center;
}
#header .bottom ul li a {
padding: 10px 0 9px;
display: inline-block;
border-bottom: 1px solid transparent;
font-size: .9em;
letter-spacing: .02em;
text-decoration: none;
text-transform: uppercase;
-moz-transition: border-color 100ms ease;
-webkit-transition: border-color 100ms ease;
transition: border-color 100ms ease;
}
#header .bottom ul li.menu-item-has-children>a:after {
content: '';
width: 6px;
height: 6px;
margin-left: 5px;
display: inline-block;
border: 1px solid #fff;
border-width: 0 1px 1px 0;
-moz-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
#header .bottom ul li a:hover,
#header .bottom ul li.current-menu-item a {
border-color: #fff;
}
#header .bottom ul li.menu-item-has-children a:hover {
border-color: transparent;
}
#header .bottom ul li .sub-menu {
position: absolute;
top: 100%;
left: 50%;
width: auto;
display: none;
background-color: rgba(0, 0, 0, .6);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media(min-width:992px) {
#header .bottom ul li:hover .sub-menu {
display: block;
}
}
#header .bottom ul li .sub-menu li {
padding: 0;
display: block;
-moz-transition: background-color 100ms ease;
-webkit-transition: background-color 100ms ease;
transition: background-color 100ms ease;
}
#header .bottom ul li .sub-menu li:hover {
background-color: rgba(0, 0, 0, .5);
}
#header .bottom ul li .sub-menu li a {
padding: 10px 15px 9px;
display: block;
border-bottom: 0;
}
#header .bottom ul li .sub-menu li:hover a {
border-color: transparent;
}
#header .bottom ul li.menu-item-142,
#header .bottom ul li .sub-menu .menu-item-147,
#header .bottom ul li .sub-menu .menu-item-879,
#header .bottom ul .sub-menu li.menu-item-909 {
display: none;
}
#hero-slider {
width: 100%;
height: 100vh;
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
}
#hero-slider .slide {
padding-top: 143px;
}
#hero-slider .slide .wrap {
margin-bottom: 10%;
margin-bottom: 15vh;
text-align: center;
}
.ie #hero-slider .slide .wrap {
vertical-align: bottom;
padding-bottom: 10%;
padding-bottom: 15vh;
}
#hero-slider .slide .h1 {
font-size: 4.5em;
}
#hero-slider .slide p {
font-size: 1.2em;
}
#hero-banner {
position: relative;
width: 100%;
height: 500px;
padding-top: 143px;
}
#hero-banner h1 {
color: #fff;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
}
#hero-banner h1[style*="background-image"] {
overflow: hidden;
white-space: nowrap;
text-indent: -999px;
background: 50% 50% no-repeat;
background-size: contain;
}
#project-filters .box {
cursor: pointer;
}
#project-filters .box .description {
-moz-transition: background-color 250ms ease;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
#project-filters .box .description:after {
-moz-transition: border-color 250ms ease;
-webkit-transition: border-color 250ms ease;
transition: border-color 250ms ease;
}
#project-filters .box:hover .description {
background-color: rgba(255, 255, 255, 1);
}
#project-filters .box:hover .description:after {
border-right-color: rgba(255, 255, 255, 1);
}
#featured-brands {
margin: 50px 0;
}
#featured-brands .brand {}
#featured-brands .left {
color: #fff;
}
#featured-brands .right {
color: #000;
}
#form-brochures {}
#form-brochures .form {
width: 50%;
background-color: #e5e5e5;
}
#form-brochures .form input,
#form-brochures .form textarea {
border-color: #c9c9c9;
}
#form-brochures .form input:focus,
#form-brochures .form textarea:focus {
border-color: #a9a9a9;
}
#form-brochures .form textarea {
height: 100px;
resize: none;
}
#form-brochures .brochures {
position: relative;
width: 50%;
color: #fff;
}
#form-brochures .brochures .content {
position: relative;
text-align: center;
}
#form-brochures .brochures hr {
width: 50%;
margin: 10px auto;
}
#form-brochures .brochures .button {
margin: 0 5px 10px;
}
#contact-form {
position: relative;
}
#contact-form .form-row {
-moz-transition: opacity 250ms ease;
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
#contact-form.submitted .form-row {
opacity: .1;
}
#contact-form .result {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
font-size: 1.2em;
font-weight: 600;
text-align: center;
opacity: 0;
-moz-transition: opacity 250ms ease;
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
#contact-form.submitting .result {
display: -moz-box;
display: -ms-flex;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.ie #contact-form.submitting .result {
display: table;
}
#contact-form.submitted .result {
opacity: 1;
}
#get-in-touch {}
#get-in-touch a {
text-decoration: none;
}
#get-in-touch a:hover {
text-decoration: underline;
text-decoration-color: rgba(0, 0, 0, .25);
}
#get-in-touch .left .column {
width: 33.333%;
}
#get-in-touch .left .column.opening-times {
padding-right: 0;
}
#google-map,
#google-map .content {
height: 300px;
}
#footer {}
#footer a {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
text-decoration-color: rgba(0, 0, 0, .25);
}
#footer .columns .column {
width: 25%;
}
#footer .columns .column:last-child {
padding-right: 0;
}
#footer .columns .column ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer .columns .column ul li {
margin-left: 0;
padding: 0;
}
#footer .columns .column.opening-times .phone-number {
display: none;
}
#footer .social {
float: right;
}
#legal-note {
margin-top: 50px;
font-size: .75em;
}
#legal-note .left {
padding-top: 25px;
float: left;
border-top: 1px solid #e5e5e5;
}
#error-message {
margin-top: 243px;
text-align: center;
}
.admin-bar #header {
top: 32px;
}
.admin-bar #hero-slider {
height: -webkit-calc(100vh - 32px);
height: calc(100vh - 32px);
}
#cookies-table {
border-left: 1px solid #8d8d8d;
margin: 0 0 17px;
}
#cookies-table th {
border-right: 1px solid #8d8d8d;
border-bottom: 1px solid #8d8d8d;
border-top: 1px solid #8d8d8d;
text-align: left;
padding: 6px 6px 6px 12px;
}
#cookies-table td {
border-right: 1px solid #8d8d8d;
border-bottom: 1px solid #8d8d8d;
padding: 6px 6px 6px 12px;
}
#jbi_cookies_notice {
background-color: rgba(0, 0, 0, .8) !important;
}
#jbi_cookies_notice_accept_button:hover {
color: #000 !important;
}
.popupally-center-gfcr {
padding: 25px;
}
body .pum-theme-1436 .pum-content+.pum-close,
body .pum-theme-default-theme .pum-content+.pum-close {
width: auto;
height: auto;
padding: 20px;
font-size: 30px;
line-height: 1;
}
body .pum-title {
margin-bottom: 20px;
text-transform: uppercase;
font-weight: bold;
}
.pum-content p {
font-size: 20px;
line-height: 24px;
color: #fff;
text-align: center;
}
.pum-content .wdform-label-section {
display: none !important;
}
.pum-content .form1 .wdform_page {
padding: 0;
}
.pum-content .form1 .wdform_column {
float: none;
}
.pum-content .wdform-element-section,
.wdform_row,
.pum-content .form1 .wdform-field,
.form1 .wdform_section {
width: 100% !important;
display: block !important;
}
.pum-content #form1 input[type="text"],
.pum-content #form1 .button-submit {
height: 50px;
line-height: 1;
padding: 0 20px;
width: 100%;
}
.pum-content #form1 input[type="text"] {
margin-bottom: 5px;
}
.pum-content #form1 .button-submit {
background: #979797;
margin: 10px 0 0;
padding: 0;
color: #fff !important;
}
.pum-content .gform_wrapper .top_label .gfield_error {
width: 100%;
}
.pum-content .gform_wrapper form>.gform_heading,
.pum-content .gform_wrapper form>.validation_error {
display: none;
}
@media screen and (max-width: 1300px) {
img.alignleft {
margin: 0 25px 25px 0;
}
img.alignright,
.section iframe {
margin: 0 0 25px 25px;
}
.wrap {
max-width: 1000px;
}
#header .bottom ul li.menu-item-117,
#header .bottom ul li.menu-item-130,
#header .bottom ul li.menu-item-131,
#header .bottom ul li.menu-item-132 {
display: none;
}
}
@media screen and (max-width: 1100px) {
body {
font-size: 14px;
}
.wrap,
.wrap.medium {
max-width: 800px;
}
.section.testimonial .image {
height: 400px;
}
.grid.wrap {
max-width: none;
margin: 0 50px;
}
.slideshow .slides {
height: 500px;
}
.form-row .form-cell {
width: auto;
min-height: auto;
margin-bottom: 10px;
padding: 0;
float: none;
}
.form-row .form-cell:last-child {
margin-bottom: 0;
}
#footer .columns .column.social {
width: 30px;
}
#footer .columns .column.social li {
margin: 0 0 5px;
}
}
@media screen and (max-width: 900px) {
.wrap,
.wrap.medium {
max-width: 600px;
}
.section.two-by-two .left {
padding-right: 50px;
}
.section.two-by-two .right {
padding-left: 50px;
}
.section.testimonial .text {
padding-top: 50px;
}
.slideshow .slides {
height: 400px;
}
.section.brands .brand {
margin: 20px 24px;
}
.grid .box .description {
padding: 100px 25px 25px;
}
#home-logo {
display: none;
}
#header .bottom ul li.menu-item-137 {
display: none;
}
#header .bottom ul li .sub-menu .menu-item-879 {
display: block;
}
#hero-banner {
height: 350px;
}
#get-in-touch .left .column {
width: 50%;
}
#get-in-touch .left .column.opening-times {
display: none;
}
.two-by-two .left {
padding-right: 50px;
}
.two-by-two .right {
padding-left: 50px;
}
#footer .columns .column {
width: 33.333%;
}
#footer .columns .column.site-map {
display: none;
}
}
@media screen and (max-width: 700px) {
.wrap,
.wrap.medium,
.wrap.small {
max-width: 500px;
}
.wrap.pad {
margin-top: 25px;
margin-bottom: 25px;
padding-top: 25px;
}
.section.two-by-two {
display: block;
}
.section .text.left,
.section .text.right {
width: auto;
padding: 0;
float: none;
border-bottom: 0;
}
.section .image {
display: none;
}
.section.testimonial .text {
padding: 50px !important;
}
.section.two-by-two .left,
.section.two-by-two .right {
width: auto !important;
min-height: auto;
padding: 100px 50px !important;
float: none;
}
.section.two-by-two .content {
width: 500px;
margin: auto;
}
.section.project {
position: relative;
}
.section.project .text.left,
.section.project .text.right {
position: relative;
padding: 50px 0;
z-index: 1;
}
.section.project .image {
position: absolute;
top: 25px;
left: -25px;
right: -25px;
bottom: 0;
width: auto;
height: auto;
display: block;
}
.section.project .image .content {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .4;
}
.slideshow .slides {
height: 300px;
}
.grid .box {
height: 300px;
}
.grid .box .description {
width: 75%;
}
#header .top .right {
display: none;
}
#header .bottom ul li {
padding: 0 10px;
}
#header .bottom ul .sub-menu li.menu-item-909 {
display: block;
}
#hero-slider .slide .h1,
#hero-banner h1,
#hero-slider .slide .text {
font-size: 3em;
font-size: 7.5vw;
}
#google-map {
width: auto;
height: 175px;
margin-top: 25px;
display: block;
float: none;
}
#google-map .content {
position: static;
height: 175px;
}
#footer .columns .column {
width: 50%;
width: -webkit-calc(50% - 15px);
width: calc(50% - 15px);
}
}
@media screen and (max-width: 550px) {
img.alignleft,
img.alignright,
.section iframe {
width: 100%;
height: auto;
margin: 0 0 25px;
}
.wrap,
.wrap.medium,
.wrap.small {
max-width: none;
}
.wrap,
.grid.wrap {
margin-left: 25px;
margin-right: 25px;
}
.section.two-by-two .left,
.section.two-by-two .right {
padding: 50px 25px !important;
}
.section.two-by-two .content {
width: auto;
}
.grid .box {
height: 150px;
}
.grid .box .description {
left: 0;
bottom: 0;
width: 100%;
padding: 25px;
}
.grid .box .description:after {
content: normal;
}
.slideshow .slides {
height: 250px;
}
.slideshow .control {
padding: 0 10px;
background-color: #000;
background-color: rgba(0, 0, 0, .6);
}
#hero-banner .wrap {
margin-left: auto;
margin-right: auto;
}
#footer .columns .column {
width: 100%;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
}
#footer .columns .column.address {
margin-bottom: 25px;
}
#footer .columns .column.social {
position: absolute;
right: 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
.slideshow .control:after,
ul.social li a:after {
background-image: url(//www.elankitchens.co.uk/wp-content/themes/elankitchens/imgs/sprite@2x.png);
background-size: 500px 500px;
}
}
.badge {
left: 0;
margin: auto;
max-width: 1200px;
position: absolute;
right: 20px;
text-align: right;
top: 210px;
z-index: 999;
}
@media screen and (max-width: 900px) {
.badge {
top: 160px;
}
}
#header .bottom ul li .sub-menu li.current-menu-item a {
border-bottom: 1px solid #fff;
}
.button_container {
display: none;
}
@media(min-width:1100px) {
#footer .columns .column.site-map {
width: 20%;
}
#footer .columns .column.opening-times {
width: 30%;
}
#get-in-touch .left .column.call-us {
width: 25.333%;
}
#get-in-touch .left .column.opening-times {
width: 41.333%;
}
#get-in-touch.section .text.left {
padding-right: 0;
}
}
@media(min-width:1303px) {
#get-in-touch .left .column.call-us {
width: 28.333%;
}
#get-in-touch .left .column.opening-times {
width: 38.333%;
}
}
@media(min-width:900px) and (max-width:1099px) {
#footer .columns .column.site-map {
width: 20%;
}
#footer .columns .column.opening-times {
width: 30%;
}
#get-in-touch {
font-size: 12px;
}
#get-in-touch .left .column.address {
width: 31.333%;
}
#get-in-touch .left .column.call-us {
padding-right: 5px;
width: 23%;
}
#get-in-touch .left .column.opening-times {
padding-right: 0;
width: 45.666%;
}
}
@media(min-width:700px) and (max-width:899px) {
#footer .columns .column.opening-times {
width: calc(66.666% - 30px);
}
}
@media(min-width:768px) and (max-width:1199px) {
.slider .controls .control {
width: 18px;
height: 18px;
margin-right: 8px;
margin-left: 8px;
}
.slider .controls {
bottom: 45px;
}
#hero-slider {
min-height: 100vh !important;
height: 100vh !important;
}
}
@media(min-width:992px) {
.expand-plus {
display: none;
}
}
@media(max-width:991px) {
#header .bottom ul li.menu-item-117 {
display: block;
}
#header .bottom {
position: fixed;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-color: rgba(0, 0, 0, .9);
height: 0%;
opacity: 0;
visibility: hidden;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
display: flex;
}
#header .bottom ul,
#header .bottom ul li {
text-align: center;
display: block;
text-align: left;
}
#header .bottom .wrap {
width: 100%;
overflow: auto;
max-height: calc(100vh - 60px);
margin: 30px auto 30px auto;
margin: 0 auto;
display: flex;
align-items: center;
padding: 0 20px;
}
#header .bottom ul li a {
font-size: 1.6em;
font-weight: 700;
}
#header .bottom ul li li a {
font-size: 1.2em;
}
.button_container {
position: relative;
height: 29px;
width: 32px;
cursor: pointer;
z-index: 100;
transition: opacity .25s ease;
display: inline-block;
margin-left: 10px;
}
.button_container.active .top-1 {
transform: translateY(11px) translateX(0) rotate(45deg);
}
.button_container.active .middle-1 {
opacity: 0;
}
.button_container.active .bottom-1 {
transform: translateY(-11px) translateX(0) rotate(-45deg);
}
.button_container span {
background: #000;
border: none;
height: 5px;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: all .35s ease;
cursor: pointer;
}
.button_container span:nth-of-type(2) {
top: 11px;
}
.button_container span:nth-of-type(3) {
top: 22px;
}
.button_container.active span {
background: #f1f1f1;
}
#header .bottom.open {
opacity: 1;
visibility: visible;
height: 100%;
}
#header .top .social {
display: inline-block;
}
#header .bottom ul li .sub-menu {
position: static;
background: transparent;
margin-bottom: 20px;
top: auto;
bottom: auto;
right: auto;
left: auto;
transform: translateX(0%);
}
.submenu-drop {
position: relative;
}
.submenu-drop .expand-plus {
position: absolute;
width: 30px;
height: 30px;
right: 0;
top: 15px;
overflow: hidden;
text-indent: -99999em;
z-index: 999;
cursor: pointer;
}
.submenu-drop .expand-plus:before,
.submenu-drop .expand-plus:after {
content: "";
position: absolute;
width: 2px;
height: 20px;
background-color: #fff;
left: 50%;
top: 50%;
overflow: hidden;
text-indent: -99999em;
z-index: 999;
cursor: pointer;
transform: translateY(-50%) translateX(-50%);
}
.submenu-drop .expand-plus:after {
width: 20px;
height: 2px;
}
.submenu-drop .expand-plus.act-nl:before {
display: none;
}
#header .bottom ul li.menu-item-has-children>a:after {
display: none;
}
#header {
position: fixed;
}
#header .bottom ul li .sub-menu li a {
display: inline-block;
padding-left: 0;
margin-left: 10px;
}
}
@media(max-width:767px) {
h2,
.h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.3em;
}
#header-logo {
margin: 0;
background-size: 300px 300px;
width: 169px;
height: 33px;
}
#header .top .right {
display: block;
}
#header .top .social {
display: none;
}
.button_container {
height: 19px;
width: 24px;
margin-top: 7px;
}
.button_container span {
height: 3px;
}
.button_container span:nth-of-type(2) {
top: 8px;
}
.button_container span:nth-of-type(3) {
top: 16px;
}
.submenu-drop .expand-plus:before {
height: 14px;
}
.submenu-drop .expand-plus:after {
width: 14px;
}
.button_container.active .top-1 {
transform: translateY(5px) translateX(0) rotate(45deg);
}
.slider .controls {
display: flex;
margin: 0 auto;
align-items: center;
justify-content: center;
width: 100%;
bottom: 45px;
right: auto;
}
.slider .controls .control {
float: none;
width: 18px;
height: 18px;
margin-right: 16px;
}
.slider .controls .control:last-child {
margin-right: 0;
}
#header .top {
padding: 10px 0 12px;
background-color: rgba(255, 255, 255, 0.98);
}
#hero-slider .slide .wrap {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 100px;
}
#hero-slider .slide .h1 {
font-size: 2em;
margin-bottom: 5px
}
#hero-slider .badge {
top: 80px;
}
.slides .background:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
}
#hero-slider .slide p {
font-size: 14px;
line-height: 1.6;
}
#hero-slider {
position: relative;
}
}