@font-face {
font-family: 'DINWeb-Light';
src: url(/assets/css/dinweb-light.woff) format('woff');
} @font-face {
font-family: 'DINWeb';
src: url(/assets/css/dinweb.woff) format('woff');
} @font-face {
font-family: 'DINWeb-Medium';
src: url(/assets/css/dinweb-medium.woff) format('woff');
} html,
body {
-webkit-font-smoothing: antialiased;
}
a {
color: #4ba7a5;
text-decoration: none;
}
a:hover,
a:focus {
color: #79dad8;
text-decoration: underline;
}
strong,
b {
font-weight: 500;
}
.page-intro {
padding-bottom: 2em;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
margin-top: 0px;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}  body {
font-family: 'DINWeb', "Lucida Grande", sans-serif;
background: white;
color: black; font-feature-settings: "kern" 1;
text-transform: none; -webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern=1";
-ms-font-feature-settings: "kern" 1;
-o-font-feature-settings: "kern" 1;
}
.clear {
clear: both;
}
.row {
margin-left: 0px;
margin-right: 0px;
} .padding-5 {
padding: 5px;
}
.padding-left-5 {
padding-left: 5px;
}
.padding-right-5 {
padding-right: 5px;
}
.padding-left-right-5 {
padding-left: 5px;
padding-right: 5px;
}
.padding-top-5 {
padding-top: 5px;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.padding-top-bottom-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.padding-10 {
padding: 10px;
}
.padding-left-10 {
padding-left: 10px;
}
.padding-right-10 {
padding-right: 10px;
}
.padding-left-right-10 {
padding-left: 10px;
padding-right: 10px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-top-bottom-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.padding-20 {
padding: 20px;
}
.padding-left-20 {
padding-left: 20px;
}
.padding-right-20 {
padding-right: 20px;
}
.padding-left-right-20 {
padding-left: 20px;
padding-right: 20px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-top-bottom-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-30 {
padding: 30px;
}
.padding-left-30 {
padding-left: 30px;
}
.padding-right-30 {
padding-right: 30px;
}
.padding-left-right-30 {
padding-left: 30px;
padding-right: 30px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-top-bottom-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-40 {
padding: 40px;
}
.padding-left-40 {
padding-left: 40px;
}
.padding-right-40 {
padding-right: 40px;
}
.padding-left-right-40 {
padding-left: 40px;
padding-right: 40px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-top-bottom-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-50 {
padding: 50px;
}
.padding-left-50 {
padding-left: 50px;
}
.padding-right-50 {
padding-right: 50px;
}
.padding-left-right-50 {
padding-left: 50px;
padding-right: 50px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-top-bottom-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-60 {
padding: 60px;
}
.padding-left-60 {
padding-left: 60px;
}
.padding-right-60 {
padding-right: 60px;
}
.padding-left-right-60 {
padding-left: 60px;
padding-right: 60px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-top-bottom-60 {
padding-top: 60px;
padding-bottom: 60px;
} .align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
section.content ol,
section.content ul {
margin-left: 0px;
padding-left: 0px;
font-family: "DINWeb";
color: #42515A;
font-size: 16px;
}
section.content ul li {
margin-left: 15px;
padding-left: 0px;
}
section.content ol li {
margin-left: 18px;
padding-left: 0px;
} h1,
h2,
h3,
h4 {
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif;
font-weight: 100 !important;
text-transform: none;
color: #4ba7a5;
} section.content p,
section.feature-panel-one.categories p {
font-family: "DINWeb";
font-size: 16px;
line-height: 22px;
color: #42515A;
}
section.content h5 {
font-family: "DINWeb-Medium";
font-size: 16px;
line-height: 22px;
color: #42515A;
}
section.content strong,
section.feature-panel-one.categories strong {
font-family: "DINWeb-Medium";
}
section.content ul,
section.feature-panel-one.categories ul {
color: #42515A;
font-size: 16px;
line-height: 22px;
} .p-title {
font-size: 30px
}
.title-two {
font-size: 30px;
font-family: "DINWeb-Light";
line-height: 38px;
margin-top: 0px;
margin-bottom: 30px;
}
.title-two .bold {
font-family: "DINWeb-Medium";
}
.small-title {
font-size: 20px;
font-family: "DINWeb-Medium";
}
p.normal {
font-family: "DINWeb";
font-size: 16px;
line-height: 22px;
}
p.medium {
font-family: "DINWeb-Medium";
font-size: 18px;
line-height: 22px;
}
.uppercase {
text-transform: uppercase;
}
.tpink {
color: #4ba7a5;
font-weight: bold;
}  .pink-btn,
.grey-btn {
border: 1px solid #FFF;
display: inline-block;
padding: 0px !important;
cursor: pointer;
line-height: 23px;
text-align: center;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pink-btn.bold,
.grey-btn.bold {
border: 2px solid #FFF;
}
.pink-btn {
background: #eca93d;
}
.pink-btn:hover {
background: #df9011 !important;
}
.grey-btn {
background: #43515A;
}
.grey-btn:hover {
background: #52626D !important;
}
.pink-btn span,
.grey-btn span {
padding: 9px;
display: inline-block;
color: #FFF;
text-transform: uppercase;
font-size: 17px;
padding-left: 30px;
padding-right: 30px;
font-family: "DINWeb-Medium";
padding-top: 10px;
padding-bottom: 8px;
}
.pink-btn[disabled="disabled"],
.grey-btn[disabled="disabled"] {
cursor: default;
opacity: 0.2;
} .ngg-galleryoverview {
overflow: visible !important;
} header.main {
position: relative;
width: 100%;
border-bottom: 4px solid #eca93d;
background: #42515A;
}
body.home header.main { height: 500px;
max-height: 800px;
}
header.main .banner-wrap .slides-wrapper .banner-wrap-img[data-id="1"] {
display: block;
}
header.main .control-bar {
background: #DCE1E6;
height: 39px;
width: 100%;
clear: both;
position: relative;
text-align: right;
}
header.main .control-bar ul {
display: inline-block;
margin: 0px;
margin-top: 8px;
color: #4E595F;
font-size: 12px;
font-family: "DINWeb";
font-weight: normal;
}
header.main .control-bar ul li {
float: left;
list-style: none;
padding-left: 8px;
padding-right: 8px;
}
header.main .control-bar ul li:last-child {
padding-right: 0px;
}
header.main .control-bar ul.social {
list-style-type: none;
float: left;
font-size: 20px;
margin: 6px 0 0!important;
}
header.main .control-bar ul.social li i {
display: none!important;
}
header.main .control-bar a {
color: #4E595F;
}
header.main .control-bar a:hover {
color: #4ba7a5;
}
header.main .banner-wrap {
position: relative;
width: 100%;
}
body.home header.main .banner-wrap {
position: absolute;
top: 39px;
bottom: 0px;
left: 0px;
right: 0px;
}
body.home header.main .banner-wrap .gradient-bg {
background: none;
position: absolute;
bottom: 0px;
top: inherit;
height: auto;
}
body.home section.feature-banner hr {
width: 60px;
}
body.home section.sponsors {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 0px;
}
body.home section.sponsors img {
margin-left: 12px;
margin-right: 12px;
margin-top: 8px;
margin-bottom: 8px;
}
header.main .banner-wrap-img {
position: relative;
width: 100%;
overflow: hidden;
z-index: 10;
height: 250px;
}
body.home header.main .banner-wrap-img {
height: 100%;
background-size: cover;
background-position: center top;
}
header.main .banner-wrap-img img {
height: auto;
min-width: 1600px;
width: 100%;
top: 0px;
position: relative;
}
header.main .banner-wrap-img img.header-top-nav-bg.mobile {
display: none;
}
header.main .banner-wrap .gradient-bg {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 100%;
bottom: 0px; z-index: 100;
}
header.main .banner-wrap .tagline {
margin-top: 100px;
height: 150px;
}
header.main .banner-wrap .tagline .title {
color: white;
text-transform: uppercase;
font-size: 25px;
margin-top: 0px !important;
margin-bottom: 6px !important;
font-family: "DINWeb-Medium";
position: relative;
line-height: 1.1;
}
header.main .banner-wrap .tagline .sub-title {
color: white;
text-transform: uppercase;
font-size: 16px;
font-family: "DINWeb";
}
header.main .credit {
color: #fff;
text-transform: uppercase;
font-size: 13px;
text-align: right;
font-family: "DINWeb-Medium";
position: absolute;
bottom: 0px;
right: 0px;
transition: all .1s linear;
}
header.main .credit.black {
color: #383838;
}
header.main .credit.white {
color: #ffffff;
}
header.main .credit.grey {
color: silver;
}
header.main .banner-wrap .tagline .background--light {
color: black;
}
header.main .banner-wrap .tagline .background--dark {
color: white;
}
header.main .banner-wrap .tagline .background--complex {
color: gray;
}
header.main nav.main-navigation {
width: 100%;
height: 70px;
position: absolute;
display: block;
top: 0px;
left: 0px;
right: 0px;
background: #3B474D;
background: rgba(59, 71, 77, 0.8);
z-index: 100;
}
header.main nav.main-navigation a.logo {
position: absolute;
left: 0px;
top: 10px;
right: 0px;
background: pink;
height: 212px;
width: 200px; background: none;
color: transparent;
}
header.main nav.main-navigation a.logo span {
display: none;
}
header.main nav.main-navigation a.logo img {
width: 100%;
}
header.main nav.main-navigation ul.menu {
padding: 0px;
margin: 0px;
list-style: none;
display: inline-block;
float: right;
margin-left: 0;
} header.main nav.main-navigation ul.menu li {
list-style: none;
float: left;
position: relative;
margin-left: 5px;
}
header.main nav.main-navigation ul.menu li ul {
padding: 0px;
position: absolute;
top: 70px;
left: 0px;
right: 0px;
width: 200px;
background: #3D4A52;
background: rgba(61, 74, 82, 0.97);
float: left;
display: none;
}
header.main nav.main-navigation ul.menu li:hover ul {
display: block;
}
header.main nav.main-navigation ul.menu li ul {
opacity: 0;
transition: all .1s linear;
}
header.main nav.main-navigation ul.menu li.active ul {
opacity: 1;
}
header.main nav.main-navigation ul.menu li ul li {
clear: both;
width: 100%;
margin-left: 0px;
}
header.main nav.main-navigation ul.menu li ul li a {
padding: 7px;
padding-left: 15px;
padding-top: 8px;
}
header.main nav.main-navigation ul.menu li a {
font-size: 14px;
text-transform: uppercase;
color: white;
position: relative;
padding-top: 25px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 25px;
display: inline-block;
width: 100%;
text-align: left;
font-family: 'DINWeb';
transition: background .1s linear;
} header.main nav.main-navigation ul.menu li a.top {
font-family: 'DINWeb-Medium';
}
header.main nav.main-navigation ul.menu li a.pink-btn {
top: 25px;
left: 5px;
position: relative;
line-height: 20px;
}
header.main nav.main-navigation ul.menu li a.pink-btn span {
padding: 4px !important;
padding-bottom: 2px !important;
font-size: 14px !important;
}
header.main nav.main-navigation ul.menu li a i.line {
position: absolute;
bottom: 0px;
left: 15px;
right: 15px;
height: 3px;
background: #eca93d;
display: none;
}
header.main nav.main-navigation ul.menu li.current a i.line {
display: block;
}
header.main nav.main-navigation ul.menu li a span {
display: inline-block;
color: white;
padding-left: 0px;
padding-right: 0px;
}
header.main nav.main-navigation ul.menu li a:hover,
header.main nav.main-navigation ul.menu li:hover a.top-level {
background: #eca93d;
}
@media (min-width: 768px) {
header.main nav.main-navigation ul.menu li.register-btn,
header.main nav.main-navigation ul.menu li.register-btn a,
header.main nav.main-navigation ul.menu li.register-btn a:hover {
background: none;
}
header.main nav.main-navigation ul.menu li.register-btn {
padding-top: 12px;
}
header.main nav.main-navigation ul.menu li.register-btn a {
background: #00a8a5 !important;
border-radius: 20px;
font-family: "DINWeb-Medium";
font-weight: bold;
font-size: 13px;
padding-left: 15px;
padding-right: 15px;
padding-top: 14px;
padding-bottom: 11px;
}
}
.rounded-btn {
border: 1px solid white;
color: white;
border-radius: 20px;
font-family: "DINWeb-Medium";
font-weight: bold;
font-size: 13px;
padding-left: 35px;
padding-right: 35px;
padding-top: 12px;
padding-bottom: 9px;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
}
.rounded-btn:hover {
background: #eca93d;
text-decoration: none;
color: white;
border-color: #eca93d;
}
body.home .rounded-btn{
background: #eca93d!important;
text-decoration: none!important;
color: white!important;
border-color: #eca93d!important;
}  header.main nav.main-navigation ul.social,
ul.socialblock {
display: inline-block;
padding-left: 0px;
}
header.main nav.main-navigation ul.social li,
ul.socialblock li {
float: left;
position: relative;
list-style: none;
padding: 24px;
padding-left: 2px;
padding-right: 0px;
}
ul.socialblock li {
margin-left: 2px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
header.main nav.main-navigation ul.social a,
ul.socialblock a {
font-size: 21px;
width: 34px;
height: 34px;
border-radius: 17px;
display: inline-block;
text-align: center;
position: relative;
}
header.main nav.main-navigation ul.social a i.fa-circle,
ul.socialblock a i.fa-circle {
position: absolute;
top: -3px;
left: 0px;
font-size: 39px;
}
header.main nav.main-navigation ul.social a span,
ul.socialblock a span {
display: inline-block;
margin-top: 4px;
color: white;
position: relative;
top: 1px;
}
header.main nav.main-navigation ul.social a.facebook i,
ul.socialblock a.facebook i {
color: #3B5A9A;
}
header.main nav.main-navigation ul.social a.facebook span,
ul.socialblock a.facebook span {
top: 2px;
left: -1px;
}
header.main nav.main-navigation ul.social a.pinterest i,
ul.socialblock a.pinterest i {
color: #CD2129;
}
header.main nav.main-navigation ul.social a.pinterest span,
ul.socialblock a.pinterest span {
top: 2px;
font-size: 24px;
}
header.main nav.main-navigation ul.social a.twitter i,
ul.socialblock a.twitter i {
color: #25A8E0;
}
header.main nav.main-navigation ul.social a.twitter span,
ul.socialblock a.twitter span {
left: 1px;
font-size: 24px;
top: 0px;
}
header.main nav.main-navigation ul.social a.youtube i,
ul.socialblock a.youtube i {
color: #BB2025;
}
header.main nav.main-navigation ul.social a.youtube span,
ul.socialblock a.youtube span {
left: -0.5px;
top: 0.5px;
font-size: 21px;
}
header.main nav.main-navigation ul.social a.instagram i,
ul.socialblock a.instagram i {
color: #2F689B;
}  header.main .banner-wrap .slides-wrapper {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
}
body.home header.main .banner-wrap .slides-wrapper {
position: absolute;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
height: auto;
}
header.main .banner-wrap .slides-wrapper .banner-wrap-img {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
} header.main .banner-wrap .slides-wrapper .slide-content {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: auto;
}   .breadcrumb-trail {
padding: 0px;
margin: 0px;
list-style: none;
width: 100%;
display: inline-block; margin-bottom: 20px;
}
.breadcrumb-trail ul {
padding: 0px;
margin: 0px;
width: 100%;
display: inline-block;
}
.breadcrumb-trail li {
list-style: none;
padding: 0px;
margin: 0px;
padding-left: 0px !important;
margin-left: 0px !important;
float: left;
text-transform: uppercase;
color: #42515A;
font-size: 14px;
}
.breadcrumb-trail li span {
color: #4ba7a5;
}
.breadcrumb-trail li a {
color: #42515A;
}
.breadcrumb-trail li a:hover {
text-decoration: none;
color: #4ba7a5;
}
.breadcrumb-trail li i {
padding-left: 4px;
padding-right: 5px;
}  .pagination {
margin: 0px;
padding: 0px;
width: 100%;
padding-top: 20px;
border-top: 1px solid #EFEFEF;
}
.pagination ul {
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
}
.pagination {
margin-top: 40px;
}
.pagination ul li {
list-style: none;
padding: 0px;
margin: 0px;
margin-left: 0px !important;
display: inline-block;
}
.pagination a {
display: inline-block;
padding: 10px;
padding-bottom: 7px; color: #000;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
padding-left: 16px;
padding-right: 16px;
}
.pagination li.next a {
padding-left: 18px;
padding-right: 18px;
}
.pagination li a i {
font-size: 20px;
line-height: 0px;
position: relative;
top: 1px;
}
.pagination ul li.active a,
.pagination ul li a:hover {
text-decoration: none;
background: #DCE1E6;
}  section.feature-panel-one {
padding-top: 40px;
}
section.feature-panel-one.peoples-vote {
margin-bottom: 140px;
}
section.feature-panel-one .paragraph {
font-size: 16px;
}
section.feature-panel-one .item {
margin-bottom: 20px;
}
section.feature-panel-one .item a {
display: inline-block;
width: 100%;
text-decoration: none;
}
section.feature-panel-one .item a:hover {
text-decoration: none;
}
body.home section.feature-panel-one.first .item .tag {
text-decoration: none;
}
section.feature-panel-one .item .img {
width: 100%;
position: relative;
height: 230px;
overflow: hidden;
}
section.feature-panel-one .item .img.nopic {
background: #3B474C;
}
section.feature-panel-one .item .img img {
width: 100%;
height: auto;
}
section.feature-panel-one .item .info {
background: #E9E9E9;
color: #7C8489;
border: 1px solid #CCC;
}
section.feature-panel-one .item .snippet {
color: #7C8489;
text-decoration: none;
}
section.feature-panel-one .item .title {
font-size: 16px;
font-family: "DINWeb-Medium";
text-transform: uppercase;
}
section.feature-panel-one .item .tag,
.readmore {
margin-bottom: 0px;
font-family: "DINWeb-Medium";
color: #42515A;
font-size: 16px;
border-bottom: 1px solid transparent;
display: inline-block;
width: auto !important;
}
section.feature-panel-one .item a:hover .tag,
a:hover .readmore,
.readmore:hover {
border-bottom: 1px solid #42515A;
text-decoration: none;
color: #42515A;
display: inline-block;
}
section.feature-panel-one .item .info .padding {
padding: 15px;
}
section.feature-panel-one .filter-categories {
margin-bottom: 10px;
padding-top: 10px;
display: inline-block;
}
section.feature-panel-one .filter-categories .year,
section.feature-panel-one .filter-categories .year-dd,
section.feature-panel-one .filter-categories .category,
section.feature-panel-one .filter-categories .category-dd {
float: left;
}
section.feature-panel-one .filter-categories .year {
margin-right: 15px;
padding-top: 10px;
text-transform: uppercase;
}
section.feature-panel-one .filter-categories .year-dd {
width: 100px;
margin-right: 40px;
position: relative;
}
section.feature-panel-one .filter-categories .category {
width: 100px;
margin-right: 15px;
padding-top: 10px;
text-transform: uppercase;
}
section.feature-panel-one .filter-categories .category-dd {
width: 400px;
}
section.feature-panel-one .filter-categories .year-dd,
.cat-selector {
z-index: 1000;
}  section.feature-panel-one.judges .item .img {
height: auto;
}
section.feature-panel-one.judges .item p.judge-name {
font-size: 14px;
line-height: 18px;
}  body.page-template-template-international section.feature-panel-one.international-finalists .pink-txt.title {
font-size: 20px;
margin-bottom: 15px;
}
body.page-template-template-international section.feature-panel-one.international-finalists .item .info {
background: #292929;
border: none;
text-transform: uppercase;
}
body.page-template-template-international section.feature-panel-one.international-finalists .item .info .padding {
padding: 10px;
}
body.page-template-template-international section.feature-panel-one.international-finalists .item .snippet {
color: #FFF;
font-size: 13px;
font-family: "DINWeb-Medium";
margin-bottom: 0px;
}
body.page-template-template-international section.feature-panel-one.international-finalists .item .title {
font-size: 14px;
line-height: 15px;
margin-bottom: 5px;
color: #BCBCBC;
}
body.page-template-template-international section.feature-banner.london-bridge .bg {
right: 0px;
left: inherit;
width: 400px;
top: inherit;
}  section.feature-panel-one.categories .txt-box {
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px !important;
}
section.feature-panel-one.categories .txt-box .readmore {
margin-top: 15px;
}
section.feature-panel-one.categories .thumbnails.gallery,
section.feature-panel-one.categories .thumbnails.gallery li {
margin: 0px;
padding: 0px;
list-style: none;
}
section.feature-panel-one.categories .thumbnails.gallery {
line-height: 0px;
font-size: 0px;
margin-bottom: 30px;
margin-top: 10px;
width: 100%;
display: inline-block;
}
section.feature-panel-one.categories .thumbnails.gallery li {
display: inline-block;
width: 14.28%;
}
section.feature-panel-one.categories .thumbnails.gallery li a {
margin: 0px !important;
padding: 0px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
border: none;
}
section.feature-panel-one.categories .thumbnails.gallery li a img {
padding: 0px;
width: 100%;
height: auto !important;
}
section.feature-panel-one.categories h3 {
text-transform: uppercase;
font-size: 18px;
}
section.feature-panel-one.categories .sort-by {
background: #DCE1E6;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 30px;
}
section.feature-panel-one.categories .sort-by a {
color: black;
cursor: pointer;
display: inline-block;
transition: all .1s linear;
}
section.feature-panel-one.categories .sort-by a:hover {
background: #d4d8dd;
}
section.feature-panel-one.categories .sort-by a span {
display: inline-block;
padding: 20px;
padding-top: 11px;
padding-bottom: 10px;
}
section.feature-panel-one.categories .sort-by a.disabled {
color: silver;
cursor: default;
text-decoration: none;
}
section.feature-panel-one.categories .sort-by a.active {
background: #3B474C;
color: white;
}
section.feature-panel-one.categories .sort-by a span {
padding-left: 20px;
padding-right: 20px;
}
section.feature-panel-one.categories .sort-by .padding {
padding-top: 11px;
padding-bottom: 10px;
}
body.single-photo_category .feature-panel-one.categories {
padding-bottom: 100px;
}
body.single-photo_category .feature-panel-one.categories .pink-btn {
width: 200px;
}
section.feature-panel-one.categories p.small-title.pink-txt.bold {
font-family: "DINWeb-Medium";
font-size: 17px;
}  section.sponsors {
padding-bottom: 30px;
text-align: center;
font-size: 0px;
}
section.sponsors hr {
margin-bottom: 30px;
}  section.feature-panel-one.categories.blog .page-intro {
margin-bottom: 0px;
padding-bottom: 10px;
}
section.feature-panel-one.categories.blog h2 {
font-size: 36px;
margin-top: 0px;
}
section.feature-panel-one.categories.blog .item .img {
background: #DCE1E6;
}
section.feature-panel-one.categories.blog .pagination {
margin-top: 0px;
}  hr.pink {
background: #eca93d;
}  section.feature-banner {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
overflow: hidden;
}
section.feature-banner .photo-credit {
position: absolute;
bottom: 13px;
left: 15px;
right: 15px;
color: silver;
text-transform: uppercase;
font-size: 13px;
font-family: "DINWeb-Medium";
text-align: right;
margin-bottom: 0px;
}
section.feature-banner .title {
text-transform: uppercase;
font-size: 35px;
color: white;
font-family: "DINWeb-Medium";
margin-bottom: 30px;
}
section.feature-banner .title2 {
font-size: 30px;
color: white;
font-family: "DINWeb-Medium";
margin-bottom: 10px;
}
section.feature-banner .sub-title {
text-transform: uppercase;
font-size: 16px;
color: white;
font-family: "DINWeb";
}
section.feature-banner .sub-title2 {
font-size: 20px;
color: white;
font-family: "DINWeb-Medium";
}
section.feature-banner .white-txt.bold {
font-family: "DINWeb-Medium";
}
.med-sub-title {
font-family: "DINWeb-Medium";
font-size: 19px;
line-height: 24px;
color: white;
}
section.feature-banner hr {
width: 150px;
height: 4px;
border: none;
margin: auto;
display: inline-block;
margin-bottom: 20px;
}
section.feature-banner .pink-btn {
margin-top: 20px;
}
section.feature-banner .pink-btn.no-margin {
margin-top: 0px;
}
.competition-feature .pink-btn,
.competition-feature .grey-btn {
width: 230px;
margin-top: 0px !important;
margin-bottom: 10px;
}
.competition-feature .pink-btn span,
.competition-feature .grey-btn span {
padding-left: 0px;
padding-right: 0px;
}
.competition-feature .grey-btn {
margin-top: 5px;
}
.finalist-feature {
padding-top: 80px !important;
padding-bottom: 60px !important; position: relative;
overflow: hidden;
}
.bg {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
top: 0px;
width: 100%;
height: auto;
min-width: 934px !important;
opacity: 0.2;
}
.finalist-feature .txt-float {
position: relative;
z-index: 10;
}
.feature-banner.dark-blue-grey-bg.london-bridge .title-two {
margin-bottom: 15px !important;
}  .rel {
position: relative;
}
.height-100 {
position: absolute;
top: 0px;
bottom: 0px;
}
.height-100.left {
left: 0px;
}
.height-100.right {
right: 0px;
}
.dis-table {
display: table;
height: 100%;
width: 100%;
}
.table-cell {
display: table-cell;
float: none;
}
.dis-table-cell {
display: table-cell;
width: 100%;
float: none;
}
.va-top {
vertical-align: top;
}
.va-middle {
vertical-align: middle;
}
.va-bottom {
vertical-align: bottom;
}
.float-right {
float: right;
}  body.home header.main .banner-wrap .tagline {
margin-top: 0px;
height: auto;
padding-bottom: 20px;
display: inline-block;
width: 100%;
}
body.home header.main .banner-wrap .tagline .sub-title {
font-size: 20px;
}
body.home header.main .banner-wrap .tagline .title {
font-size: 37px;
}
body.home header.main .credit {
bottom: 0px;
right: auto;
text-align: left;
position: relative;
text-transform: none;
}
body.home header.main .credit b {
font-weight: bold;
font-family: "DINWeb-Medium";
}
body.home header.main .banner-wrap .tagline .title .lquote {
position: absolute;
left: -17px;
top: 0px;
}
body.home header.main .banner-wrap .tagline .title .rquote {}
body.home header.main .banner-wrap .tagline .txt {
font-size: 16px;
color: white;
font-family: "DINWeb-Medium";
margin-bottom: 15px;
}
body.home header.main .banner-wrap .tagline .txt a {
color: white;
}
body.home header.main .banner-wrap .tagline .pink-btn {
margin-right: 15px;
line-height: 19px;
}
body.home header.main .banner-wrap .tagline .pink-btn span {
font-size: 14px;
padding-left: 0px;
padding-right: 0px;
width: 200px;
}
.full-width-bg {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: auto;
}
.full-width-bg.desktop {
display: block !important;
}
.full-width-bg.mobile {
display: none !important;
}
@media (max-width:990px) {
.fullwidthbanner-container,
.tp-fullwidth-forcer,
.fullwidthbanner-container .fullwidthabanner {
height: 425px !important;
}
.tp-bgimg.defaultimg {
background-position: center top !important;
}
}
@media (max-width:767px) {
.fullwidthbanner-container,
.tp-fullwidth-forcer,
.fullwidthbanner-container .fullwidthabanner {
height: 345px !important;
}
.full-width-bg.desktop {
display: none !important;
}
.full-width-bg.mobile {
display: block !important;
}
}  .white-box {
background: white;
border: 1px solid silver;
margin-bottom: 20px;
position: relative;
}
.white-box.video .padding {
padding: 10px;
font-size: 0px;
}
.white-box.video img {
width: 100%;
}
.white-box.video iframe {
display: none;
}
.white-box.video a {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
top: 0px;
}
.white-box.video a:hover {
text-decoration: none;
}
.white-box.video a span {
display: table;
vertical-align: middle;
text-align: center;
height: 100%;
width: 100%;
}
.white-box.video a span i {
display: table-cell;
vertical-align: middle;
color: #FFF;
font-size: 50px;
}
.white-box ul.recent-posts {
margin-left: 0px;
padding-left: 0px;
}
.white-box ul.recent-posts li {
list-style: none;
font-size: 16px;
line-height: 26px !important;
margin-bottom: 10px;
color: #2B292C;
margin-left: 0px;
padding-left: 0px;
}
.white-box ul.recent-posts li a {
color: #2B292C;
border-bottom: 1px solid #757476;
text-decoration: none !important;
}
.white-box ul.recent-posts li a:hover {
color: #4ba7a5;
border-color: #4ba7a5;
}
.white-box.recent-news-box .small-title {
font-size: 20px;
}
.white-box ul.post-categories {
font-family: "DINWeb";
text-transform: uppercase;
}
.white-box ul.post-categories li {
list-style: none;
margin-left: 0px;
color: #272727;
margin-bottom: 8px;
}
.white-box ul.post-categories li a {
list-style: none;
margin-left: 0px;
color: #272727;
}
.white-box ul.post-categories li a:hover {
color: #4ba7a5;
}
.grey-box {
background: #D9D9D9;
margin-bottom: 20px;
color: #4C5256;
font-size: 18px;
text-transform: uppercase;
}
.grey-box.countdown .padding {
padding-bottom: 10px;
}
.grey-box.countdown .title {
font-size: 18px !important;
color: #5A5F63 !important;
}
.grey-box .title {
font-family: "DINWeb";
}
.grey-box .title span {
color: #eca93d;
}
header.main .grey-box.countdown {
background: url(/assets/img/grey.png);
color: white;
padding: 0px;
}
header.main .grey-box.countdown .title {
color: white !important;
}
.greyblue-box {
background-color: #DDE2E7;
margin-bottom: 20px;
color: #4C5256;
font-size: 18px;
}
.dark-grey-box {
background: #4C5256;
margin-bottom: 20px;
}
.dark-grey-box.join-bg {
background: #4C5256 url(/assets/img/join-bg.jpg) no-repeat center center;
background-size: cover;
}
.dark-grey-box.join-bg .float-a {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
z-index: 1;
}
.dark-grey-box.join-bg ul {
margin: 0px;
padding: 0px;
color: white;
}
.dark-grey-box.join-bg ul li {
list-style: none;
padding: 0px;
margin: 0px;
text-transform: uppercase;
padding-bottom: 4px;
}
.dark-grey-box.join-bg ul li span {
color: #4ba7a5;
padding-right: 10px;
}
.dark-grey-box .padding {
padding-top: 35px;
padding-bottom: 35px;
}
.dark-grey-box .title {
font-family: "DINWeb-Medium";
font-size: 25px;
line-height: 27px;
color: white;
}
.dark-grey-box .title-2 {
font-family: "DINWeb-Light";
font-size: 20px;
line-height: 22px;
color: white;
}
.dark-grey-box .title-2 strong {
font-family: "DINWeb-Medium";
}
.dark-grey-box .title-3 {
font-family: "DINWeb-Light";
font-size: 17px;
line-height: 19px;
color: white;
}
.dark-grey-box .title-3 strong {
font-family: "DINWeb-Medium";
}
.dark-grey-box .sub-title {
font-family: "DINWeb-Light";
font-size: 25px;
line-height: 27px;
color: white;
font-weight: 100;
}
.dark-grey-box a.pink-btn {
margin-top: 20px;
}  #defaultCountdown,
#countdown-peoples-choice {
margin: 0px;
width: 100%;
height: auto !important;
padding: 0px;
display: inline-block;
border: none;
}  .padding {
padding: 20px;
display: inline-block;
width: 100%;
}
.padding-right {
padding-right: 20px;
display: inline-block;
width: 100%;
}
.padding-right-2 {
padding-right: 80px;
}
.padding-top {
padding-top: 20px;
display: inline-block;
width: 100%;
}
.padding-left {
padding-left: 20px;
display: inline-block;
width: 100%;
}
.padding-bottom {
padding-bottom: 20px;
display: inline-block;
width: 100%;
} .mobile-menu-btn {
display: none;
} #searchform {
text-align: left;
margin-bottom: 30px;
position: relative;
}
#searchform label {
display: none;
}
#searchform input {
margin: 0px !important;
border: none !important;
outline: none;
}
#searchform input[type='text'] {
background: #EBEBEB;
border: 1px solid #ABABAB !important;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
padding: 10px;
color: #ABA9AC;
padding-left: 15px;
padding-right: 15px;
width: 99%;
-webkit-appearance: none;
height: 42px;
}
#searchform input[type='submit'] {
background: #EBEBEB;
border: 1px solid #ABABAB !important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 10px;
position: relative;
left: -4px;
top: 5px;
width: 50px;
}
#searchform a.submit-btn {
position: absolute;
right: 0px;
top: 0px;
text-align: center;
background: #EBEBEB;
border: 1px solid #ABABAB !important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
height: 42px;
padding-top: 7px;
cursor: pointer;
}
#searchform a.submit-btn i {
font-size: 25px;
color: #959595;
}
#searchform a.submit-btn:hover {
background: #ABABAB;
}
#searchform a.submit-btn:hover i {
color: white;
}  section.content {
padding-bottom: 100px;
padding-top: 40px;
}
body.contact-us section.content {
padding-bottom: 40px;
padding-top: 40px;
}
section.content .left-column img {
max-width: 100%;
height: auto;
}
img.alignleft {
margin-right: 20px;
margin-bottom: 20px;
}
img.alignright {
margin-left: 20px;
margin-bottom: 20px;
}
img.aligncenter {
margin-top: 20px;
margin-bottom: 20px;
}  section.newsletter {
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 0px;
}
section.newsletter .title {
text-transform: none;
font-size: 26px;
font-family: "DINWeb-Medium";
margin-bottom: 0px;
color: #fff!important;
text-shadow: 1px 1px 5px #000;
}
section.newsletter .sub-title {
text-transform: none;
font-size: 21px;
font-family: "DINWeb";
color: #fff!important; 
text-shadow: 1px 1px 5px #000;
}
section.newsletter form {
margin-top: 20px;
}
section.newsletter input[type='text'],
section.newsletter input[type='email'] {
background: #fff;
color: black;
border: 1px solid #000;
padding: 10px;
font-size: 16px;
border-radius: 0px !important;
width: 95%;
padding-bottom: 6px;
margin: 0px;
height: 43px;
text-transform: uppercase;
outline: none;
}
section.newsletter .pink-btn {
width: 100%;
}
section.newsletter label.error,
section.newsletter label.upload_error,
#theme-my-login label.error,
#theme-my-login label.upload_error {
background: none;
font-size: 12px;
color: #eca93d;
padding: 0px !important;
font-weight: normal;
text-transform: uppercase;
}
#theme-my-login label.error,
#theme-my-login label.upload_error {
line-height: 16px;
width: 100%;
margin-bottom: 15px !important;
text-align: right;
color: white;
position: relative;
top: -5px;
}  body.login #registerform label span,
body.register #registerform label span,
#mc-embedded-subscribe-form label span,
label[for=user_login],
label[for=user_email],
label[for=user_pass],
#ws-plugin--s2member-profile span {
float: left;
padding-top: 4px;
width: 11%;
display: block;
font-weight: normal;
font-family: "DINWeb";
}
body.login {
padding: 0px;
}
.regiSideBar,
.theLoginZone {
width: 100% !important;
padding-right: 0px;
margin-top: 0px !important;
}
#theme-my-login {
padding: 0px;
}
#theme-my-login form,
.theLoginZone #mc-embedded-subscribe-form {
margin-top: 12px !important;
background: #4C5256;
padding: 20px;
padding-top: 25px !important;
padding-bottom: 20px !important;
clear: both;
margin-bottom: 28px;
color: #FFF;
}
#theme-my-login p,
#theme-my-login label,
#ws-plugin--s2member-profile label {
color: white;
margin-bottom: 0px !important;
font-size: 16px;
font-family: "DINWeb";
clear: both;
font-weight: normal;
cursor: auto;
width: 100%;
}
#theme-my-login label span {
width: 100%!important;
clear: both!important;
}
#theme-my-login p.submit {
display: inline-block;
width: 100%;
height: auto;
}
.captchaSizeDivLarge {
height: auto !important;
display: inline-block !important;
margin-bottom: 10px !important;
}
#theme-my-login textarea,
#theme-my-login input[type="text"],
#theme-my-login input[type="password"],
#theme-my-login input[type="datetime"],
#theme-my-login input[type="datetime-local"],
#theme-my-login input[type="date"],
#theme-my-login input[type="month"],
#theme-my-login input[type="time"],
#theme-my-login input[type="week"],
#theme-my-login input[type="number"],
#theme-my-login input[type="email"],
#theme-my-login input[type="url"],
#theme-my-login input[type="search"],
#theme-my-login input[type="tel"],
#theme-my-login input[type="color"],
#theme-my-login .uneditable-input,
#theme-my-login #captcha_code,
#theme-my-login select,
#ws-plugin--s2member-profile input[type="text"],
#ws-plugin--s2member-profile input[type="email"],
#ws-plugin--s2member-profile input[type="password"] { width: 88.8%;
background-color: #D9D9D9 !important;
border: none;
border-bottom: 1px solid #ccc;
color: #4C5256;
margin: 0px;
padding: 5px;
height: auto !important;
border-radius: 5px;
outline: none;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px !important;
font-family: "DINWeb";
font-weight: normal;
}
#theme-my-login hr {
border-color: #595E61;
margin-top: 10px;
margin-bottom: 27px;
}
#theme-my-login p.message {
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif;
font-weight: 100 !important;
text-transform: none;
color: #4ba7a5;
padding: 0px !important;
border-bottom: none !important;
}
#ws-plugin--s2member-custom-reg-field-divider-section,
.ws-plugin--s2member-custom-reg-field-divider-section-title {
text-align: left;
font-size: 20px;
margin-bottom: 20px;
border-bottom: none;
font-family: "DINWeb-Medium";
margin-top: 40px !important;
}
.tml-action-links li {
margin-left: 0px !important;
margin-right: 15px !important;
}
.tml-user-links {
float: left;
margin-left: 10px !important;
position: relative;
top: -5px;
}
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-over-18"] {
width: 300px !important;
color: #DE5291;
margin-top: 60px;
}
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-date-of-birth"] {
margin-top: 10px;
}
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-over-18"] span {
width: 100% !important;
}
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-confirm-toc"],
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-promotional-code"] {
margin-top: 40px;
}
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-confirm-toc"],
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-confirm-work-of-entrant"] {}
#theme-my-login.login p.error {
border: 2px solid rgba(255, 99, 97, 1);
color: rgba(255, 99, 97, 1);
padding-top: 7px;
}
#theme-my-login.login p.error a {
color: #4C5256;
} #ws-plugin--s2member-profile label {
clear: both;
}
#ws-plugin--s2member-profile div {
width: 100% !important;
height: auto !important;
}
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-password-strength {
width: 88.8% !important;
}
form#ws-plugin--s2member-profile div {
margin-bottom: 15px !important;
}
#ws-plugin--s2member-profile span {
width: 11% !important;
}
#ws-plugin--s2member-profile label[for="ws-plugin--s2member-profile-over-18"] span {
width: auto !important;
}
#ws-plugin--s2member-profile input[type="text"],
#ws-plugin--s2member-profile input[type="email"],
#ws-plugin--s2member-profile input[type="password"] {
width: 88.8% !important;
}
#ws-plugin--s2member-profile div.ws-plugin--s2member-password-strength,
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-submit {
margin-left: 121px !important;
width: 88.8% !important;
}
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-country {
margin-bottom: 15px;
width: 88.8% !important;
}
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-submit {
background: #eca93d;
color: white;
box-shadow: none;
border: 2px solid white;
border-radius: 0px;
padding: 9px;
float: right;
clear: both;
color: #FFF;
text-transform: uppercase;
font-size: 17px;
padding-left: 30px;
padding-right: 30px;
font-family: "DINWeb-Medium";
padding-top: 10px;
padding-bottom: 8px;
width: auto !important;
}
#ws-plugin--s2member-profile {
padding-bottom: 70px;
padding-top: 30px !important;
}   #ui-datepicker-div.ui-widget-content {
border: none;
background: #DAE1E4;
color: #646D73;
border-radius: 0px !important;
padding: 0px !important;
box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.2);
}
#ui-datepicker-div .ui-widget-header {
border: none;
background: #D1D9DC;
color: #FFF;
font-weight: bold;
border-radius: 0px !important;
}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
border: none;
background: #D1D9DC;
font-weight: normal;
color: #4C5256;
padding: 7px;
text-align: center;
font-family: "DINWeb";
}
#ui-datepicker-div .ui-state-default:hover,
#ui-datepicker-div .ui-widget-content .ui-state-default:hover,
#ui-datepicker-div .ui-widget-header .ui-state-default:hover {
background: #C9D1D4;
}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active {
border: none;
background: #4C5256 !important;
font-weight: normal;
color: #FFF !important;
}
#ui-datepicker-div.ui-datepicker table {
margin-bottom: 0px;
}
#ui-datepicker-div.ui-datepicker th {
padding: .7em .3em;
text-align: center;
border: 0;
font-family: "DINWeb-Medium";
}
.ui-datepicker select {
color: black;
font-family: "DINWeb" !important;
font-size: 13px !important;
font-weight: normal !important;
}
input#captcha_code.input {
width: 170px !important;
}  .entering-process {
width: 100%;
display: inline-block;
clear: both;
text-align: left;
background: none;
height: auto !important;
}
.entering-process li {
margin-left: 0px !important;
float: left;
width: 25%;
position: relative;
}
.entering-process li a {
padding: 0px !important;
background: none;
display: inline-block;
width: 85%;
color: #4C5256;
}
.entering-process li strong {
background: #E72D81;
display: block;
float: left;
width: 24px;
text-align: center;
margin-right: 8px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 14px;
padding: 0px !important;
color: #FFF;
line-height: 27px;
height: 24px;
font-family: "DINWeb-Medium" !important;
font-size: 14px;
}
.entering-process li i {
font-size: 35px;
position: absolute;
right: 10%;
top: -5px;
color: #E72D81;
}  footer.main {
background: #292929;
width: 100%;
position: relative;
}
footer.main .top {
padding-top: 40px;
padding-bottom: 40px;
color: white;
position: relative;
}
footer.main .top .sponsors {
font-size: 0px;
line-height: 0px;
display: inline-block;
clear: both;
width: 100%;
border-bottom: 1px solid white;
padding-bottom: 20px;
margin-bottom: 60px;
}
footer.main .column-1 .padding-right {
padding-right: 40px;
}
footer.main .column-3 {
width: 180px;
}
footer.main .top .social {
float: left;
width: 100%;
padding-left: 0px;
}
footer.main .top .social li {
display: inline-block;
list-style: none;
}
footer.main .top .social li a {
width: 26px;
height: 26px;
display: inline-block;
text-align: center;
margin-right: 5px;
position: relative;
font-size: 16px;
}
footer.main .top .social li a.facebook:hover .fa-circle {
color: #3B5A9A;
}
footer.main .top .social li a.pinterest:hover .fa-circle {
color: #CD2129;
}
footer.main .top .social li a.twitter:hover .fa-circle {
color: #25A8E0;
}
footer.main .top .social li a.youtube:hover .fa-circle {
color: #BB2025;
}
footer.main .top .social li a.instagram:hover .fa-circle {
color: #2F689B;
}
footer.main .top .social li a:hover span {
color: white;
} footer.main .top .social li a i {
position: absolute;
right: 0px;
top: -3px;
left: 0px;
bottom: 0px;
color: #fff;
font-size: 31px;
transition: all .1s linear;
}
footer.main .top .social li a span {
position: relative;
top: 4px;
color: #292929;
transition: all .1s linear;
}
footer.main .top .sitemap {
font-family: "DINWeb-Medium";
border-top: 1px solid white;
padding-top: 20px;
margin-top: 60px;
position: relative;
}
footer.main .top .sitemap ul {
padding: 0px;
margin: 0px;
font-size: 0px;
}
footer.main .top .sitemap ul li {
list-style: none;
display: inline-block;
border-right: 1px solid white;
padding-top: 4px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}
footer.main .top .sitemap ul li.last {
border-right: none;
}
footer.main .top .sitemap ul li a {
color: white;
font-size: 17px;
text-decoration: none;
}
footer.main .top .sitemap ul li a:hover {
color: #4ba7a5;
text-decoration: none;
}
footer.main .top .title {
font-family: "DINWeb-Medium";
text-transform: uppercase;
font-size: 17px;
}
footer.main .top .paragraph {
font-size: 14px;
}
footer.main .top .paragraph.bold {
font-family: "DINWeb-Medium";
}
footer.main .top .paragraph a {
color: white;
text-decoration: none;
}
footer.main .top .paragraph a:hover {
color: #eca93d;
text-decoration: none;
}
footer.main .container {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
footer.main .bottom {
background: white;
padding-top: 12px;
padding-bottom: 0px;
color: black;
}
footer.main .top a.back-to-top {
position: absolute;
bottom: 0px;
right: 0px;
background: #eca93d;
font-size: 39px !important;
line-height: 0px;
padding: 14px;
padding-top: 6px;
padding-bottom: 8px;
}
footer.main .international-sites .paragraph {
margin-bottom: 0px;
}
footer.main .top a.back-to-top i {
color: white;
}
#plfpoty-twitter-feed a {
word-break: break-word;
}
#plfpoty-twitter-feed,
#plfpoty-twitter-feed p {
display: inline !important;
}
#plfpoty-twitter-feed li {
list-style-type: none;
display: inline;
}
#plfpoty-twitter-feed ul {
margin: 0;
padding: 0;
display: inline;
position: relative;
top: -2px
}
.interact {
display: none !important;
position: absolute;
top: -4000px
}
.app_download {
padding-right: 5px;
}
footer.main .twitter-update {
background: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
color: #FFF;
padding: 0px;
margin: 0px;
}
footer.main .twitter-update img {
display: none !important;
}
footer.main .twitter-update .interact,
footer.main .twitter-update .timePosted {
position: static !important;
clear: both !important;
width: 100% !important;
float: left !important;
margin: 0px;
text-align: right !important;
}
footer.main .twitter-update #plfpoty-twitter-feed p.interact {
display: none !important;
}
footer.main .twitter-update a {
color: #4ba7a5;
}
footer.main .twitter-update .fa.fa-twitter {
font-size: 18px;
margin-right: 3px;
position: relative;
top: 1px;
}
#plfpoty-twitter-feed p.timePosted {
display: inline;
float: right;
font-style: italic;
text-align: left !important;
font-size: 11px;
font-style: normal;
margin-top: 5px;
}  .charcoal-bg {
background: #191716 !important;
}
.dark-blue-grey-bg {
background: #42515A !important;
}
.white-bg {
background: #fff !important;
}
.pink-txt {
color: #eca93d !important;
}
.slick-slider .pink-txt{
color: #4ba7a5!important;
}
.grey-txt {
color: #7C8489 !important;
}
.light-grey-txt {
color: #CCC !important;
}
.dark-grey-txt {
color: #42515A !important;
}
.white-txt {
color: #fff !important;
} .divider {
height: 20px;
width: 100%;
display: inline-block;
} .select-cust {
position: relative;
z-index: 100;
}
.select-cust select {
display: none;
}
.cs-wrapper {
width: 100%;
height: 38px;
display: inline-block;
position: relative;
font-size: 14px;
margin-top: 0;
margin-left: 0px;
}
.cs-wrapper a.cs-select-button {
position: absolute;
right: 0;
top: 0;
width: 32px;
height: 38px;
z-index: 10;
cursor: pointer;
border-bottom: 0;
border-left: 1px solid #959595;
}
.cs-wrapper a.cs-select-button i {
display: inline-block;
text-align: center;
font-size: 20px;
color: #959595;
background: #EBEBEB;
position: absolute;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 8px;
top: 1px;
left: 0px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.cs-wrapper .cs-select-list-wrap {
height: 38px;
width: 100%;
overflow: hidden;
position: absolute;
background: #EBEBEB;
border: 1px solid #959595;
border-radius: 5px;
}
.cs-wrapper .cs-select-line {
position: absolute;
top: 36px;
height: 1px;
width: 100%;
background: #959595;
left: 0px;
z-index: 2;
}
.cs-wrapper ul.cs-select-list {
position: absolute;
padding-left: 0px;
margin-left: 0px;
right: 0px;
left: 0px;
}
.cs-wrapper ul.cs-select-list li {
height: 38px;
color: #383838;
cursor: pointer;
transition: all .1s linear;
list-style: none;
padding-left: 0px;
margin-left: 0px;
text-align: left;
font-size: 14px;
line-height: 21px;
}
.cs-wrapper ul.cs-select-list li:hover {
color: #383838;
background: #E0E0E0;
}
.cs-wrapper ul.cs-select-list li span {
padding-top: 9px;
padding-left: 15px;
display: inline-block;
white-space: nowrap;
}  .grid-item {
width: 20%;
float: left;
margin-bottom: 10px;
}
.grid-item.first {
width: 40%;
}
.grid-item--width2 {
width: 50%;
}
.grid-item a {
display: inline-block;
}
.grid-item .box {
padding: 10px;
background-color: #292929;
position: relative;
width: auto;
height: auto;
margin-right: 10px;
}
.grid-item .box a[data-featherlight='image'] {
display: inline-block;
position: relative;
width: 100%;
}
.grid-item .box a.pinterest {
position: absolute;
right: 10px;
bottom: 12px;
font-size: 20px;
color: white;
height: 22px;
}
.grid-item .box a.pinterest:hover {
color: #4ba7a5;
}
.grid-item .box img {
width: 100% !important;
}
.grid-item h4 {
line-height: 13px;
}
.grid-item h4 .position {
color: silver;
}
.grid-item h4 .position,
.grid-item h4 .name {
font-weight: bold;
font-size: 10px;
}
.grid-item.first .box h4 span.position {
color: #4ba7a5;
}
@media (max-width:991px) {
.grid-item {
width: 50% !important;
}
}
@media (max-width:767px) {
.grid-item {
width: 100% !important;
}
.grid-item .box {
margin-right: 0px !important;
}
}
.grid-item iframe {
display: none;
}
section.video-gallery .grid-item {
width: 33.3%;
}
section.video-gallery .grid-item .box {
height: 298px;
}  #uploader .plupload_wrapper {
min-width: 100%;
}
#uploader .ui-widget-content {
background: #E1E6E8;
border: none;
font-family: "DINWeb-Medium" !important;
}
#uploader .plupload_logo {
background: none;
text-align: center;
font-size: 40px;
}
#uploader .ui-state-default,
#uploader .ui-widget-content .ui-state-default,
#uploader .ui-widget-header .ui-state-default {
border: none;
background: #D1D9DC;
font-weight: normal;
color: #646D73;
}
#uploader .ui-widget-header {
border: none;
background: #DAE1E4;
color: #646D73;
font-weight: normal;
font-family: "DINWeb-Medium";
}
#uploader .plupload_wrapper {
font: normal 11px Verdana, sans-serif;
width: 100%;
min-width: auto;
line-height: 12px;
}
#uploader .plupload_header_title,
#uploader .plupload_header_text {
font-family: "DINWeb-Medium" !important;
}
#uploader .plupload_header_title {
padding: 12px 0 3px;
}
#uploader .plupload_droptext {
font-size: 16px;
font-family: "DINWeb";
text-transform: uppercase;
color: #646D73;
}
#uploader #uploader_browse {
background: #3B474D;
color: white;
}
#uploader #uploader_start {
background: #eca93d;
color: white;
}
#uploader label.plupload_button.ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-corner-left,
#uploader label.plupload_button.ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-corner-right {
background: #646D73;
}
#uploader label.plupload_button.ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-corner-left.ui-state-active,
#uploader label.plupload_button.ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-corner-right.ui-state-active {
background: #3B474D;
}
#uploader .ui-state-active .ui-icon {
background-image: url(//wfpa.energycellone.co.uk/assets/css/dark-hive/images/ui-icons_cccccc_256x240.png) !important;
}
.ngg-gallery-thumbnail span {
width: 104px;
}
.ngg-gallery-thumbnail img {
padding: 0px !important;
border: 1px solid #fff !important;
margin: 0px !important;
box-sizing: border-box;
width: 100%;
height: auto;
}
.ngg-gallery-thumbnail a {
position: relative;
display: inline-block;
overflow: hidden;
height: 114px;
width: 100%;
}
.ngg-gallery-thumbnail a.delLink {
height: auto;
overflow: visible;
width: auto;
}
.ngg-gallery-thumbnail img:hover {
background: none !important;
border: 1px solid #a9a9a9 !important;
}
#subPhotoForm .the-video {
padding-left: 0px;
}
.ngg-gallery-thumbnail-ex {
float: left;
width: 10%;
}
.ngg-gallery-thumbnail {
width: 100%;
}
#uploader .plupload_wrapper .plupload_view_thumbs div.plupload_file_name {
font-weight: bold;
font-size: 11px;
}  .left-column table {
border: 2px solid #e5e5e5;
overflow: hidden;
border-radius: 5px;
width: 100%;
}
.left-column table td {
padding: 10px;
border: 2px solid #e5e5e5;
}
.left-column table tr td:first-child {
background: rgb(242, 242, 242);
}
.left-column table tr td:last-child {
background: #fafafa;
}  body.page-template-template-tiles section.feature-panel-one.categories {
min-height: 500px;
}  body.page-template-template-thankyou h4 {
color: #3B474D;
}
.thank-you-social {
background: #E1E6E8;
}
.thank-you-social .padding {
padding: 40px;
} .my-account-btns {
font-size: 0px;
}
.my-account-btns .pink-btn {
width: 200px;
} .featherlight-iframe .featherlight-content iframe {
width: 800px;
}  .check-box {
position: absolute;
right: 14px;
top: 14px;
font-size: 18px;
text-decoration: none;
cursor: pointer;
}
.check-box .fa-square {
display: block;
color: white;
}
.check-box .fa-check {
display: none;
position: absolute;
font-size: 13px;
top: 2px;
left: 0px;
right: 0px;
text-align: center;
}
.check-box.active .fa-square {
color: #4ba7a5;
}
.check-box.active .fa-check {
display: block;
color: white;
}  .share-this .social {
padding-left: 0px !important;
}
.share-this .social,
.share-this .social li {
list-style: none;
display: inline-block;
position: relative;
text-align: center;
float: none;
height: 54px;
}
.share-this .social li a {
position: relative;
}
.share-this .social li a i {
transition: color .1s linear;
}
.share-this .social li {
font-size: 48px;
margin-left: 8px;
margin-right: 8px;
}
.share-this-wrap {
float: right !important;
}
.share-this .social li .icon {
position: absolute;
left: 0px;
right: 0px;
top: 11px;
color: #FFF;
font-size: 20px;
text-align: center;
}
.share-this .social.alt li {
margin-left: 0px;
font-size: 38px;
margin-right: 3px;
}
.share-this .social.alt li span {
top: 8px;
font-size: 18px;
}
.share-this .social.alt li a.facebook {
color: #3B5A9A;
}
.share-this .social.alt li a.pinterest {
color: #CD2129;
}
.share-this .social.alt li a.twitter {
color: #25A8E0;
}
.share-this .social.alt li a.youtube {
color: #BB2025;
}
.share-this .social.alt li a.instagram {
color: #2F689B;
}  .vote-box {
display: none;
}
.featherlight.youtube.featherlight-iframe .featherlight-inner,
.featherlight.youtube.featherlight-iframe .featherlight-content iframe {
width: 600px;
}
section.peoples-vote .grid-item.grid-header {
width: 100% !important;
cursor: inherit !important;
} section.peoples-vote .p-title,
section.peoples-vote .sub-cat-title {
font-size: 22px !important;
color: #4ba7a5 !important;
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif !important;
}
section.peoples-vote .sub-cat-title {
margin-bottom: 20px !important;
margin-top: 40px !important;
}
section.peoples-vote .grid-item {
cursor: pointer;
}
section.peoples-vote .grid-item-wrap {
width: 20%;
float: left;
margin-bottom: 10px;
display: none;
}
body.page-template-template-peoples-choice-film section.peoples-vote .grid-item-wrap {
display: block!important;
}
section.peoples-vote .grid-item-wrap.display {
display: block;
}
section.peoples-vote .grid-item .box {
min-height: 250px;
}
section.peoples-vote .grid-item .box a.image-wrap {
height: 130px;
width: 100%;
overflow: hidden;
cursor: pointer;
}
section.peoples-vote .grid-item .box:hover .pink-btn {
background: #df9011 !important;
}
section.peoples-vote .grid-item .box .pink-btn {
position: absolute;
bottom: 10px;
}
section.peoples-vote .grid-item .box .pink-btn span {
font-size: 14px;
padding-left: 7px;
padding-right: 7px;
font-family: "DINWeb-Medium";
padding-top: 4px;
padding-bottom: 0px;
}
section.peoples-vote .grid-item h4 {
margin-bottom: 40px;
font-size: 10px;
font-family: Sans-serif;
color: white;
cursor: pointer;
line-height: 16px;
}
section.peoples-vote .grid-item h4 .position,
section.peoples-vote .grid-item h4 .name {
font-size: 13px;
font-family: "DINWeb-Medium";
}
section.peoples-vote .grid-item h4 .location {
font-family: "DINWeb";
font-size: 13px;
}
section.peoples-vote section.feature-panel-one.categories p {
font-family: "DINWeb";
font-size: 14px;
line-height: 18px;
color: #000;
}
a.voting-terms {
font-style: italic !important;
text-decoration: underline !important;
}
.vote-box {
max-width: 600px;
}
.featherlight.vote-box-wrap {
overflow: scroll !important;
}
.featherlight.vote-box-wrap .vote-box {
display: block;
}
.featherlight.vote-box-wrap .featherlight-content {
max-height: inherit !important;
}
.featherlight.vote-box-wrap .vote-box .share-this {
position: relative;
top: -5px;
} .featherlight.vote-modal .featherlight-inner {
width: 750px;
}
.featherlight.vote-modal .featherlight-content {
border: 3px solid #4c5256 !important;
border-radius: 5px;
}
.featherlight.vote-modal .featherlight-close-icon {
top: 0px;
right: 0px;
}
.featherlight.vote-modal p {
font-size: 14px;
margin-bottom: 10px;
color: #292929;
}
.featherlight.vote-modal .italic {
font-style: italic;
}
.featherlight.vote-modal p .entry-title {
color: #4ba7a5;
font-weight: bold;
}
.featherlight.vote-modal p.medium {
font-size: 17px;
}
.featherlight.vote-modal p strong {
font-family: "DINWeb-Medium";
font-weight: normal;
}
.featherlight.vote-modal input.email {
border: 1px solid #a1a1a1;
background: #ebebeb;
padding: 7px;
border-radius: 4px;
width: 95%;
float: left;
margin-right: 10px;
color: #292929;
outline: none;
padding-bottom: 6px;
}
.featherlight.vote-modal input.email.error {
border-color: red;
}
.featherlight.vote-modal .pink-btn span {
font-size: 13px;
padding-top: 8px;
padding-bottom: 5px;
}
.featherlight.vote-modal hr {
margin-top: 10px;
margin-bottom: 10px;
}
.featherlight.vote-modal label.error {
font-family: "DINWeb-Medium", "Arial";
font-weight: normal;
color: red;
}
.featherlight.vote-modal .modal-info {
display: block !important;
}
.featherlight.vote-modal .modal-info .loading-icon {
height: 38px;
width: 210px;
background: white url(//wfpa.energycellone.co.uk/assets/img/loading.gif) no-repeat center center;
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.featherlight.vote-modal .featherlight-content,
.featherlight.youtube .featherlight-content,
.featherlight.vote-preview .featherlight-content {
max-height: inherit !important;
}
.featherlight.vote-modal,
.featherlight.youtube,
.featherlight.vote-preview {
max-height: inherit !important;
overflow-y: scroll;
} section.video-gallery.peoples-vote .grid-item-wrap a[data-featherlight="iframe"] {
width: 100%;
}
section.video-gallery.peoples-vote .grid-item-wrap {
width: 33.3% !important;
}
section.video-gallery.peoples-vote .grid-item .box {
height: 330px !important;
} #wpmchimpa-main #wpmchimpa {
padding: 30px 20px;
}
#wpmchimpa h3 {
font-size: 24px!important;
line-height: 30px!important;
color: #ffffff!important;
font-family: DINWeb-Medium, "Arial Narrow", sans-serif!important;
text-align: left;
}
#wpmchimpa .wpmchimpa_para,
#wpmchimpa .wpmchimpa_para * {
font-size: 17px!important;
}
#wpmchimpa .wpmchimpa_para ul {
margin-left: 15px;
padding: 0;
}
#wpmchimpa .wpmchimpa_para li {
line-height: 30px!important;
color: #ffffff!important;
font-family: DINWeb-Medium, "Arial Narrow", sans-serif!important;
text-align: left;
list-style-image: url(//wfpa.energycellone.co.uk/assets/img/popup-gtarrow.png);
}
#wpmchimpa-main .wpmchimpa-tag:before {
display: none!important;
}
#wpmchimpa-main .wpmchimpa-tag {
text-align: left!important;
font-family: DINWeb-Medium, "Arial Narrow", sans-serif!important;
}
#wpmchimpa .wpmchimpa-field select,
#wpmchimpa input[type="text"] {
font-family: DINWeb-Medium, "Arial Narrow", sans-serif!important;
}
#wpmchimpa-main .wpmchimpa-feedback {
text-align: left!important;
}
@media only screen and (min-width:641px) {
#wpmchimpa-main #wpmchimpa {
padding: 30px 20px;
float: right;
margin-right: 25px!important;
height: 445px!important;
}
.wpmchimpa-overlay-bg #wpmchimpa-main {
width: 834px!important;
max-width: 834px!important;
background: #42515a url(//wfpa.energycellone.co.uk/assets/img/food-photographer-award2019-popup.png) no-repeat!important;
}
}  .my-account-dashboard .dark-grey-box hr {
background: white;
height: 2px;
width: 100%;
border: none;
margin: 0px;
margin-bottom: 10px;
}
.my-account-dashboard .dark-grey-box p {
color: white;
}
.my-account-dashboard .dark-grey-box p.small {
font-family: "DINWeb";
font-size: 12px;
line-height: 16px;
}
.my-account-dashboard .dark-grey-box .item {
padding-bottom: 10px;
padding-top: 10px;
}
.my-account-dashboard .dark-grey-box .item p.small {
margin-bottom: 15px;
}
.my-account-dashboard .dark-grey-box .item img {
width: 100%;
}
.my-account-dashboard .dark-grey-box p.medium {
font-family: "DINWeb-Medium";
font-size: 15px;
line-height: 21px;
margin-bottom: 5px;
}
.my-account-dashboard .uploads .title {
font-size: 18px;
margin: 0px;
padding: 0px;
}
.my-account-dashboard .greyblue-box {
color: black;
font-size: 15px;
}
.my-account-dashboard .greyblue-box .grid .col1 {
clear: both;
}
.my-account-dashboard .greyblue-box .grid .nopadding {
padding-bottom: 5px;
}
.my-account-dashboard .grey-box.countdown {
background-color: #DDE2E7;
}
.membership-adverts .offers img {
max-width: 100%;
width: auto;
}
.payment-portal {
margin-top: 12px!important;
background: #4c5256;
padding: 20px;
padding-top: 25px!important;
padding-bottom: 20px!important;
clear: both;
margin-bottom: 28px;
color: #FFF;
float: left;
width: 100%;
}
section.content .payment-portal p {
color: white;
margin: 0px;
}
.payment-portal #ppSubmitButton {
border: none;
display: inline-block;
cursor: pointer;
line-height: 23px;
text-align: center;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #00ad41;
box-sizing: border-box;
color: #FFF;
text-transform: uppercase;
font-size: 17px;
padding-left: 30px;
padding-right: 30px;
font-family: "DINWeb-Medium";
padding-top: 10px;
padding-bottom: 8px;
}
.payment-portal .paypal-logo {
width: 115px;
background: white;
padding: 7px;
border-radius: 6px;
padding-bottom: 6px;
margin-right: 0px;
margin-left: 10px;
padding-left: 13px;
padding-right: 13px;
position: relative;
top: -2px;
}
.payment-portal .entry-item {
margin-bottom: 20px;
}
.payment-portal .entry-item .image {
padding: 3px;
background: white;
box-sizing: border-box;
position: relative;
}
.payment-portal .entry-item .title {
font-family: "DINWeb-Medium" !important;
}
@media (max-width:767px) {
.payment-portal .amends-btn-wrap,
.payment-portal .submit-btn-wrap {
text-align: center;
}
.payment-portal .theLoginZone #theme-my-login #ppSubmitButton,
.payment-portal .amends-btn-wrap .pink-btn {
width: 100%;
}
.payment-portal .paypal-logo {
margin-top: 10px !important;
}
} .button-group {
position: relative;
}
.button-group .col {
display: inline-block;
padding-right: 20px;
} .events-listings .col-left {
padding-right: 30px;
}
.events-listings .col-right {
padding-left: 30px;
}
.events-listings .entry {
margin-bottom: 10px;
display: table;
width: 100%;
}
.events-listings .entry .info {
background: #eaedf0;
padding: 15px;
display: table-cell;
float: none;
}
.events-listings .entry .info .title {
color: #485156;
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif;
margin-bottom: 5px;
}
.events-listings .entry .info .desc p {
color: #485156;
font-size: 12px;
line-height: 15px;
}
.events-listings .entry .info .moreinfo a {
text-transform: uppercase;
font-family: "DINWeb", "Arial Narrow", sans-serif;
font-size: 12px;
}
.events-listings .entry .info .location a {
color: #485156;
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif;
text-decoration: none;
font-size: 13px;
}
.events-listings .entry .info .location a:hover {
color: #4ba7a5;
}
.events-listings .entry .info .location a i {
margin-right: 3px;
font-size: 15px;
}
.events-listings .entry .date {
background: #4ba7a5;
display: table-cell;
float: none;
padding: 0px !important;
vertical-align: middle;
}
.events-listings .entry .date .middle {
text-align: center;
color: white;
position: relative;
top: 6px;
padding-left: 10px;
padding-right: 10px;
}
.events-listings .entry .date .middle p {
color: white;
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif;
line-height: normal;
margin-bottom: 0px;
}
.events-listings .entry .date .middle .day {
font-size: 51px;
line-height: 33px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.events-listings .entry .date .middle .month {
font-size: 21px;
text-transform: uppercase;
}
.events-listings .entry .image {
background-color: #eaedf0;
display: table-cell;
float: none;
padding: 0px !important;
vertical-align: middle;
overflow: hidden;
position: relative;
}
.events-listings .entry .image img {
width: auto;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}  body .featherlight:last-of-type {
background: rgba(0, 0, 0, 0.8) !important;
}
body .featherlight .featherlight-content {
border: none !important;
background: none;
}
body .featherlight .featherlight-content h4 {
text-align: center;
position: absolute;
top: 100%;
left: 0px;
right: 0px;
}
body .featherlight .featherlight-content h4 span {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 5px;
}
body .featherlight .featherlight-content h4 .dpos,
body .featherlight .featherlight-content h4 .dname,
body .featherlight .featherlight-content h4 .dcountry,
body .featherlight .featherlight-content h4 .dcat {
font-size: 13px;
color: white;
}
body .featherlight .featherlight-content h4 .dpos.p1st {
color: #d9bb3b;
}
body .featherlight .featherlight-content h4 .dpos.p2nd {
color: #bfbfbf;
}
body .featherlight .featherlight-content h4 .dpos.p3rd {
color: #d4927a;
}
body .featherlight .featherlight-close-icon {
background: none;
top: -40px;
right: -40px;
color: #929292;
}
@media (max-width: 1199px) {
body .featherlight .featherlight-close-icon {
right: 0px;
padding-right: 0px;
}
}
body .featherlight-next i,
body .featherlight-previous i {
color: white;
}
body .featherlight-next,
body .featherlight-previous {
background: rgb(0, 0, 0, 0.8);
}
body .featherlight-next:hover,
body .featherlight-previous:hover {
background: rgb(0, 0, 0, 0.4);
opacity: 1;
}
.linethrough-title {
position: relative;
text-align: center;
max-width: 600px;
display: inline-block;
width: 90%;
}
.linethrough-title:before {
position: absolute;
left: 0px;
right: 0px;
top: 48%;
background: #42515A;
height: 1px;
content: "";
}
.linethrough-title .title {
text-transform: uppercase;
font-size: 20px;
color: #42515A;
background: white;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
margin: 0px;
z-index: 1;
position: relative;
}
body.home section.feature-panel-one.first .item .img,
body.home section.feature-panel-one.first .item .info {
width: 50%;
height: 137px;
float: left;
}
body.home section.feature-panel-one.first .pink-box {
color: white;
font-size: 18px;
line-height: 24px;
background: #4ba7a5;
height: 300px;
}
body.home section.feature-panel-one.first .pink-box a {
color: #fff;
text-decoration: none;
}
@media (max-width: 991px) {
body.home section.feature-panel-one.first .pink-box {
height: auto;
margin-bottom: 20px;
}
}
body.home section.feature-panel-one.first .pink-box p {
font-size: 18px;
line-height: 1.2;
}
body.home section.feature-panel-one.first .pink-box .title {
font-weight: bold;
font-size: 18px;
}
body.home section.feature-panel-one.first .view-galleries { background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 300px;
position: relative;
float: left;
width: 100%;
}
@media (max-width: 767px) {
body.home section.feature-panel-one.first .view-galleries {
background-size: contain;
}
body.home section.feature-panel-one.first .view-galleries .gradient{
display: none!important;
}
}
body.home .feature-banner .vline {
position: absolute;
left: 50%;
top: 60px;
bottom: 60px;
width: 2px;
background: white;
height: auto;
}
body.home .slides-wrapper .rounded-btn{
display: none;
}
@media (max-width: 767px) {
body.home .slides-wrapper .rounded-btn{
display: block;
}
body.home .feature-banner .vline {
display: none;
}
body.home section.feature-panel-one.first .view-galleries {
margin-bottom: 20px;
}
body.home section.feature-panel-one.first .item .img, body.home section.feature-panel-one.first .item .info{
width: 100%;
}
body.home section.feature-panel-one.first .item .info .padding{
padding: 10px 0!important;
}
}
body.home section.feature-panel-one.first .view-galleries .title {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
color: white;
font-size: 16px;
line-height: 23px;
padding: 15px;
margin: 0px;
text-transform: uppercase;
text-align: center;
font-family: 'DINWeb-Medium', "Lucida Grande", sans-serif;
}
body.home section.feature-panel-one.first .view-galleries .gradient {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 100px;
margin: 0px;
text-transform: uppercase;
text-align: center;
background: url(//wfpa.energycellone.co.uk/wp-content/themes/retlehs-roots-4cd6cea/assets/img/tab-gradient.png) repeat-x center bottom -127px;
}
body.home section.feature-panel-one.first .item .info {
background: none;
color: #7c8489;
border: none;
}
body.home section.feature-panel-one.first .item .tag {
font-size: 16px;
line-height: normal;
color: #4ba7a5;
}
body.home section.feature-panel-one.first .item .info .padding {
padding-top: 0px;
padding-right: 0px;
}
body.home section.feature-panel-one.first .item .snippet {
color: #3B474D;
text-decoration: none;
font-size: 12px;
line-height: 17px;
}
body.home section.feature-panel-one.first .item .img {
background-size: cover;
background-position: center center;
}
body.home section.feature-banner .title {
font-size: 24px;
margin-bottom: 10px;
line-height: 29px;
}
body.home section.feature-banner hr {
margin-bottom: 10px;
}
body.home section.feature-banner {
padding-top: 80px;
padding-bottom: 80px;
}
body.home section.feature-panel-one.second .item .tag {
font-size: 14px;
line-height: 20px;
color: #42515A;
}
body.home section.feature-panel-one.second .item .title {
text-transform: none;
}
body.home section.feature-panel-one .item .date {
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
text-transform: none;
font-family: 'DINWeb-Medium', "Lucida Grande", sans-serif;
}
body.home section.feature-panel-one .item .info .padding {
padding: 25px;
}
body.home header.main .tagline.black .title {
color: black;
}
body.home header.main .tagline.black .rounded-btn {
border-color: black;
color: black;
}
body.home section.feature-panel-one .item .title {
font-size: 18px;
font-weight: bold;
}
body.home section.feature-panel-one.second .item .tag {
border-bottom: 1px solid #42515A;
}
@media (max-width: 767px) {
body.home header.main .banner-wrap .tagline .title {
font-size: 17px;
}
}  section.peoples-vote .grid-item-wrap {
width: 33.3%;
}
section.peoples-vote .grid-item .box {
padding: 0px;
}
section.peoples-vote .grid-item .overlay-txtbox {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
visibility: hidden;
opacity: 0;
background: rgba(49, 49, 49, 0.6);
}
section.peoples-vote .grid-item a:hover .overlay-txtbox {
visibility: visible;
opacity: 1;
}
section.peoples-vote .grid-item .overlay-txtbox .inside {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
}
section.peoples-vote .grid-item .overlay-txtbox h4 {
display: table-cell;
vertical-align: middle;
text-align: center;
}
section.peoples-vote .grid-item .box {
min-height: inherit !important;
}
section.peoples-vote .grid-item .rating {
width: 36px;
height: 36px;
position: absolute;
left: 10px;
top: 10px;
border-radius: 18px;
border: 2px solid white;
text-align: center;
line-height: 34px;
z-index: 10;
color: white;
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif !important;
}
section.peoples-vote .grid-item .rating.first {
background: #d9bb3b;
}
section.peoples-vote .grid-item .rating.second {
background: #bfbfbf;
}
section.peoples-vote .grid-item .rating.third {
background: #d4927a;
}
section.peoples-vote .grid-item h4 .title {
font-size: 19px;
line-height: normal;
color: #4ba7a5;
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif !important;
font-weight: bold;
}  @media (max-width:1200px) {
.lg-align-right {
text-align: right !important;
}
.lg-align-left {
text-align: left !important;
}
.lg-align-center {
text-align: center !important;
}
.lg-rel {
position: relative;
}
} @media (max-width:1199px) {
.md-rel {
position: relative;
}
.md-align-right {
text-align: right !important;
}
.md-align-left {
text-align: left !important;
}
.md-align-center {
text-align: center !important;
}
header.main nav.main-navigation ul.menu li a i.line {
left: 10px;
right: 10px;
}
section.feature-panel-one .item .img {
height: 190px;
}
section.sponsors a img {
height: 67px;
margin-left: 12px !important;
margin-right: 12px !important;
}
header.main nav.main-navigation ul.menu {
margin-left: 0px;
}
header.main nav.main-navigation ul.menu li a {
padding-left: 8px;
padding-right: 8px;
}
.md-divider {
height: 20px;
width: 100%;
display: inline-block;
}
section.feature-banner .title,
.title-two {
font-size: 30px;
}
.dark-grey-box .title,
.dark-grey-box .sub-title {
font-size: 21px;
line-height: 22px;
}
.padding-right-2 {
padding-right: 60px;
}
footer.main .top .sponsors img {
height: 90px;
}
section.video-gallery .grid-item .box {
height: 258px;
}
#ws-plugin--s2member-profile div.ws-plugin--s2member-password-strength,
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-submit {
margin-left: 99px !important;
}
.ngg-gallery-thumbnail a {
height: 94px;
}
}
.social.sidebarsocial {
width: 100%;
padding-left: 0px;
list-style-type: none;
margin-bottom: 15px;
}
.social.sidebarsocial li {
display: inline-block;
list-style: none;
width: 19%;
text-align: center;
margin: 0;
}
.social.sidebarsocial li a {
width: 32px;
height: 32px;
display: inline-block;
text-align: center;
margin: 0;
position: relative;
font-size: 20px;
}
.social.sidebarsocial li a.facebook:hover .fa-circle {
color: #3B5A9A;
}
.social.sidebarsocial li a.pinterest:hover .fa-circle {
color: #CD2129;
}
.social.sidebarsocial li a.twitter:hover .fa-circle {
color: #25A8E0;
}
.social.sidebarsocial li a.youtube:hover .fa-circle {
color: #BB2025;
}
.social.sidebarsocial li a.instagram:hover .fa-circle {
color: #2F689B;
}
.social.sidebarsocial li a:hover span {
color: white;
}
.social.sidebarsocial li a i {
position: absolute;
right: 0px;
top: -7px;
left: 0px;
bottom: 0px;
color: #e6e6e6;
font-size: 40px;
transition: all .1s linear;
}
.social.sidebarsocial li a span {
position: relative;
top: 5px;
color: #292929;
transition: all .1s linear;
} @media (min-width:992px) {
.events-listings .entry .date .middle .day.small {
font-size: 21px;
line-height: normal;
}
} @media (max-width:991px) {
.sm-np {
padding: 0px !important;
}
.sm-rel {
position: relative;
}
.sm-align-right {
text-align: right !important;
}
.sm-align-left {
text-align: left !important;
}
.sm-align-center {
text-align: center !important;
}
header.main .control-bar ul {
font-size: 11px;
}
header.main nav.main-navigation ul.menu {
margin-left: 0px;
}
header.main nav.main-navigation ul.menu li a i.line {
left: 15px;
right: 15px;
}
header.main nav.main-navigation a.logo {
width: 100%;
max-width: 200px;
background-size: 100%;
}
header.main .banner-wrap-img img {
height: auto;
top: 0px;
position: relative;
}
header.main nav.main-navigation ul.menu {
float: right;
}
header.main nav.main-navigation ul.social li {
padding-top: 10px;
padding-bottom: 10px;
}
header.main nav.main-navigation ul.menu li a {
padding-left: 5px;
padding-right: 5px;
}
header.main nav.main-navigation ul.social a i.fa-circle {
font-size: 35px;
}
header.main nav.main-navigation ul.social a.pinterest span {
top: 0px;
font-size: 24px;
}
header.main nav.main-navigation ul.social a.twitter span {
left: 0px;
font-size: 21px;
top: 0px;
}
header.main nav.main-navigation ul.social a.youtube span {
left: -0.5px;
top: 0px;
font-size: 19px;
}
.ngg-gallery-thumbnail a {
height: 101px;
}
section.feature-panel-one .item .img {
height: 140px;
}
header.main nav.main-navigation ul.social {
display: inline-block;
padding-left: 0px;
position: absolute;
top: 200px;
left: -122px;
margin-bottom: 0px;
}
body.home header.main nav.main-navigation ul.social {
top: 375px;
}
header.main nav.main-navigation ul.social li a {
width: 30px;
height: 30px;
border-radius: 15px;
font-size: 18px;
}
header.main nav.main-navigation ul.social a span {
margin-top: 5px;
}
section.sponsors a img {
height: 47px;
}
.sm-divider {
height: 20px;
width: 100%;
display: inline-block;
}
section.feature-panel-one.judges .item.clear {
clear: none;
}
section.feature-panel-one.judges .item:nth-child(4n+1) {
clear: both !important;
}
section.content p,
section.feature-panel-one.categories p,
section.content ul,
section.feature-panel-one.categories ul {
font-size: 14px;
line-height: 18px;
}
section.feature-banner .title,
.title-two {
font-size: 24px;
line-height: 29px;
}
section.feature-panel-one .item p {
font-size: 15px !important;
line-height: 18px !important;
margin-bottom: 6px !important;
}
body.page-template-template-international section.feature-panel-one.international-finalists .item p {
font-size: 12px !important;
line-height: 15px !important;
margin-bottom: 5px !important;
}
body.page-template-template-international section.feature-panel-one.international-finalists .item p.snippet {
font-size: 10px !important;
line-height: 15px !important;
}
.padding-right-2 {
padding-right: 40px;
}
#theme-my-login textarea,
#theme-my-login input[type="text"],
#theme-my-login input[type="password"],
#theme-my-login input[type="datetime"],
#theme-my-login input[type="datetime-local"],
#theme-my-login input[type="date"],
#theme-my-login input[type="month"],
#theme-my-login input[type="time"],
#theme-my-login input[type="week"],
#theme-my-login input[type="number"],
#theme-my-login input[type="email"],
#theme-my-login input[type="url"],
#theme-my-login input[type="search"],
#theme-my-login input[type="tel"],
#theme-my-login input[type="color"],
#theme-my-login .uneditable-input,
#theme-my-login #captcha_code,
#theme-my-login select,
body.login #registerform label span,
body.register #registerform label span,
#mc-embedded-subscribe-form label span,
label[for=user_login],
label[for=user_email],
label[for=user_pass] { width: 100%;
}
#theme-my-login p,
#theme-my-login label,
#theme-my-login span {
margin-bottom: 5px !important;
}
#theme-my-login .pink-btn span {
margin-bottom: 0px !important;
}
footer.main .top .sponsors img {
height: 69px;
}
.left-column .padding-right-2 {
padding-right: 0px;
}
.left-column a {
word-break: break-word;
} .content.default-page {
padding-bottom: 10px;
}
footer.main .top .title {
font-size: 15px;
}
footer.main .column-2 {
width: 230px;
}
footer.main .top .sponsors {
margin-bottom: 40px;
}
footer.main .top .sitemap {
margin-top: 40px;
}
.content.default-page img {
max-width: 100%;
height: auto;
}
section.video-gallery .grid-item .box {
height: 285px;
}
#ws-plugin--s2member-profile div.ws-plugin--s2member-password-strength,
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-submit {
margin-left: 0px !important;
}
#ws-plugin--s2member-profile label span {
width: 100% !important;
}
#ws-plugin--s2member-profile input[type="text"],
#ws-plugin--s2member-profile input[type="email"],
#ws-plugin--s2member-profile input[type="password"],
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-country,
#ws-plugin--s2member-profile #ws-plugin--s2member-profile-password-strength {
width: 100% !important;
}
.share-this {
top: 30px;
right: -10px;
}
section.peoples-vote .grid-item,
section.peoples-vote .grid-item-wrap {
width: 33.3% !important;
}
section.peoples-vote .filter-categories .category-dd {
width: 100% !important;
}
section.peoples-vote.gallery.awards-gallery .filter-categories .category-dd {
width: 400px !important;
}
.ngg-gallery-thumbnail-ex {
width: 14%;
}
.events-listings .col-left {
padding-right: 10px;
}
.events-listings .col-right {
padding-left: 10px;
}
.events-listings .entry .date .middle .day {
font-size: 28px;
line-height: 13px;
width: auto !important;
}
.events-listings .entry .date .middle .month {
font-size: 21px;
line-height: 13px;
width: auto !important;
}
.events-listings .entry,
.events-listings .entry .info,
.events-listings .entry .date,
.events-listings .entry .date .middle .day,
.events-listings .entry .date .middle .month {
display: inline-block;
width: 100%;
line-height: normal;
}
.events-listings .entry .date .middle .day {
line-height: 13px;
}
.events-listings .entry .date .middle {
top: 0px;
padding: 5px;
padding-top: 15px !important;
}
} @media (max-width:767px) {
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-size: 21px;
}
body.home header.main {
height: 364px;
}
body.home header.main .credit {
bottom: 0px;
width: 100%;
text-align: center;
}
header.main .grey-box.countdown .padding {
padding: 10px !important;
padding-bottom: 0px !important;
}
header.main .grey-box.countdown {
float: none;
width: 280px;
margin: auto;
margin-bottom: 16px;
}
header.main .grey-box.countdown,
header.main .grey-box.countdown .title {
font-size: 15px !important;
}
.xs-np {
padding: 0px !important;
}
.padding-right-2 {
padding-right: 0px;
}
.xs-clear {
clear: both;
}
.xs-float-left {
float: left;
}
.xs-rel {
position: relative;
}
.xs-align-right {
text-align: right !important;
}
.xs-align-left {
text-align: left !important;
}
.xs-align-center {
text-align: center !important;
}
header.main nav.main-navigation ul.menu li:hover ul {
display: none;
}
header.main .banner-wrap-img img.header-top-nav-bg.mobile {
display: block;
min-width: 767px;
}
header.main .banner-wrap-img img.header-top-nav-bg.desktop {
display: none;
}
body {
padding-right: 0px;
padding-left: 0px;
}
header.main nav.main-navigation ul.menu li a i.fa-chevron-right {
width: 20px;
float: right;
color: #3B474D;
top: 3px;
position: relative;
}
section.feature-panel-one.categories .txt-box {
padding-bottom: 0px;
}
section.sponsors a img {
height: auto;
width: 60%;
max-width: 75px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
header.main .banner-wrap .tagline {
margin-top: 200px !important;
height: 129px !important;
}
body.home header.main .banner-wrap .slides-wrapper .slide-content .tagline {
margin-top: 100px !important;
height: 150px !important;
}
body.home header.main .banner-wrap .tagline {
text-align: center; display: table;
width: 100%;
vertical-align: middle;
margin-top: 160px !important;
}
body.home header.main .banner-wrap .tagline .vert-wrap {
display: table-cell;
vertical-align: middle;
}
body.home header.main .banner-wrap .tagline .pink-btn {
margin-right: 0px;
margin-bottom: 10px;
}
.padding-left {
padding-left: 0px;
}
.padding-right {
padding-right: 0px;
}
.mob-divider {
height: 20px;
width: 100%;
display: inline-block;
}
header.main {
z-index: 9000;
}
header.main nav.main-navigation a.logo {
position: static;
float: none;
display: inline-block;
width: 130px;
max-width: 130px;
background-size: 100% !important;
margin-top: 10px;
}
header.main nav.main-navigation .logo-wrap {
text-align: center;
}
header.main nav.main-navigation .logo-wrap h1 {
margin-top: 0px;
margin-bottom: 0px;
}
header.main nav.main-navigation {
position: relative;
background: rgba(59, 71, 77, 1);
}
header.main nav.main-navigation ul.social {
position: static;
display: none;
}
.mobile-nav {
position: fixed;
left: -300px;
top: 0px;
bottom: 0px;
width: 300px;
background: #DCE1E6; text-align: left;
opacity: 0;
box-shadow: 6px 0px 20px rgba(0, 0, 0, 0.1);
}
.mobile-nav.slide {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
-o-transform-style: flat;
-webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.mobile-nav.active {
left: 0px;
opacity: 1;
}
.mobile-menu-btn {
position: absolute;
top: 20px;
left: 0px;
color: white;
cursor: pointer;
display: block;
}
.mobile-menu-btn:hover {
color: white;
}
.mobile-menu-btn.close,
.mobile-menu-btn.back {
left: 25px;
opacity: 1;
top: 50px;
}
.mobile-menu-btn i,
.mobile-menu-btn span {
clear: both;
display: inline-block;
width: 100%;
}
.mobile-menu-btn.close i,
.mobile-menu-btn.back i {
color: #43515A !important;
}
.mobile-menu-btn i {
font-size: 25px;
}
.mobile-menu-btn span {
font-size: 10px;
position: relative;
top: -5px;
}
header.main nav.main-navigation ul {
float: left !important;
padding-left: 0px !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
header.main nav.main-navigation ul.menu {
margin-top: 100px;
}
header.main nav.main-navigation ul.menu,
header.main nav.main-navigation ul.menu li {
clear: both;
width: 100%;
}
header.main nav.main-navigation ul.menu li a {
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
background: none !important;
}
header.main nav.main-navigation ul.menu li a span {
color: #3B474D;
}
header.main nav.main-navigation ul.menu li a:hover span {
color: #eca93d;
}
header.main nav.main-navigation ul.menu li a i.line {
display: none !important;
}
footer.main .top {
text-align: center;
padding-top: 40px;
position: relative;
}
footer.main .top .social li.last a {
margin-right: 0px;
}
section.newsletter input[type='text'],
section.newsletter input[type='email'] {
width: 100%;
margin-bottom: 15px;
}
section.feature-panel-one .item .img { height: auto;
}
section.feature-panel-one.categories .thumbnails.gallery li {
width: 25%;
}
section.feature-panel-one {
padding-top: 20px;
padding-bottom: 20px;
}
footer.main .top a.back-to-top {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 10000;
}
footer.main .container .first {
text-align: left;
display: inline-block;
}
footer.main .bottom {
padding-bottom: 20px;
padding-top: 20px;
}
footer.main .bottom .align-right {
text-align: left;
}
header.main .banner-wrap .tagline .title {
font-size: 21px;
}
header.main .credit {
margin-bottom: 3px;
font-size: 11px;
}
#uploader .plupload_header_content {
height: 56px;
padding: 0 70px 0 60px;
position: relative;
}
#uploader .plupload_header_title {
padding: 6px 0 3px;
}
#uploader .plupload_header_title,
#uploader .plupload_header_text {
display: none;
}
.secondary-mobile-nav {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
top: 0px;
background: #DCE1E6;
z-index: 1;
display: none;
}
section.feature-panel-one .filter-categories {
width: 100%;
margin-bottom: 0px;
}
section.feature-panel-one .filter-categories .year,
section.feature-panel-one .filter-categories .year-dd,
section.feature-panel-one .filter-categories .category,
section.feature-panel-one .filter-categories .category-dd {
width: 100%;
margin: 0px !important;
padding-bottom: 10px !important;
}
section.feature-panel-one .filter-categories .category-dd {
padding-bottom: 0px !important;
}
section.feature-banner {
padding-top: 30px;
padding-bottom: 25px;
}
section.feature-banner .title {
font-size: 26px;
line-height: 28px;
}
.title-two {
font-size: 26px;
line-height: 30px;
}
section.feature-panel-one.judges .item:nth-child(4n+1) {
clear: none !important;
}
section.feature-panel-one.judges .item:nth-child(3n+1) {
clear: both !important;
}
section.content {
padding-bottom: 0px;
}
section.content.upload {
padding-bottom: 40px;
}
#theme-my-login label[for="ws-plugin--s2member-custom-reg-field-over-18"] {
width: 100% !important;
}
#theme-my-login {
padding-bottom: 30px;
}
footer.main .top .sitemap ul li {
padding-left: 8px !important;
padding-right: 8px !important;
}
footer.main .top .sitemap ul li a {
font-size: 11px;
}
footer.main .column-1 .padding-right {
padding-right: 0px;
}
section.video-gallery .grid-item .box {
height: auto;
}
.white-box.video {
margin-bottom: 0px;
}
footer.main .top a.back-to-top {
opacity: 0;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
footer.main .top a.back-to-top.active {
opacity: 1;
}
.secondary-mobile-nav .fa-chevron-right {
display: none !important;
}
section.feature-banner .photo-credit {
text-align: center;
} .ngg-gallery-thumbnail img,
.ngg-gallery-thumbnail {
width: 100% !important;
margin: 0px !important;
}
.ngg-gallery-thumbnail-ex {
height: auto;
width: 20%;
margin-bottom: 20px;
}
.ngg-gallery-thumbnail a {
height: 19vw;
}
.ngg-gallery-thumbnail img {
height: auto !important;
}
.upload-thumb-selection .ngg-gallery-thumbnail-ex:nth-child(5n+1) {
clear: both !important;
}
.ngg-gallery-thumbnail span {
width: 100%;
} #ws-plugin--s2member-profile #ws-plugin--s2member-profile-submit {
width: 100% !important;
border-width: 1px;
}
.featherlight.vote-modal .featherlight-content,
.featherlight.vote-preview .featherlight-content {
border: none !important;
border-radius: 0px;
left: 2px !important;
}
.featherlight.vote-modal .featherlight-content .pink-btn {
width: 100%;
}
.featherlight.vote-modal .featherlight-inner {
width: 100%;
}
.featherlight.vote-modal input.email {
width: 99%;
margin-right: 0px;
}
.featherlight.vote-modal .featherlight-inner .padding-left-right-50 {
padding-left: 20px;
padding-right: 20px;
}
section.peoples-vote .grid-item,
section.peoples-vote .grid-item-wrap {
width: 100% !important;
}
section.peoples-vote .grid-item .box a.image-wrap {
height: inherit !important;
}
.share-this {
top: 0px;
right: 0px;
}
section.peoples-vote .share-this .col-sm-6.col-md-5.nopadding.padding-top-20,
section.peoples-vote .share-this social {
padding-top: 0px;
margin-bottom: 0px;
}
.featherlight.youtube.featherlight-iframe .featherlight-content,
.featherlight.youtube.featherlight-iframe .featherlight-inner,
.featherlight.youtube.featherlight-iframe .featherlight-content iframe {
width: 100%;
max-width: 100%;
}
.featherlight.vote-modal .modal-info .loading-icon {
width: 100%;
}
.featherlight.vote-preview .featherlight-close-icon,
.featherlight.youtube .featherlight-close-icon {
top: 0px;
right: 0px;
}
section.video-gallery.peoples-vote .grid-item-wrap {
width: 100% !important;
}
section.video-gallery.peoples-vote .grid-item .box {
height: auto !important;
}
section.peoples-vote.gallery.awards-gallery .filter-categories .category-dd {
width: 100% !important;
}
.my-account-dashboard .greyblue-box .pink-btn,
.my-account-dashboard .greyblue-box .grid .nopadding {
width: 100%;
}
.my-account-dashboard .greyblue-box .grid .nopadding.col1 {
padding-bottom: 0px !important;
font-family: "DINWeb-Medium", "Arial Narrow", sans-serif;
}
.my-account-dashboard .greyblue-box .padding-40 {
padding: 20px;
}
.membership-adverts .offers img {
max-width: 150px !important;
}
.button-group .col {
width: 100%;
padding-right: 0px;
padding-bottom: 10px;
}
.button-group .col .pink-btn {
width: 100%;
}
.events-listings .col-left,
.events-listings .col-right {
padding-left: 0px;
padding-right: 0px;
}
} @media (max-width:480px) {
td.plupload_file_status,
td.plupload_file_size,
td.plupload_file_action {
display: none !important;
}
#uploader .plupload_stop {
clear: both !important;
width: 99% !important;
display: flex !important;
margin-top: 10px !important;
}
#uploader .plupload_hidden,
#uploader .plupload_started {
display: none !important;
}
td.plupload_cell.plupload_file_name .plupload_buttons {
width: 100%;
}
td.plupload_cell.plupload_file_name .plupload_buttons #uploader_browse {
width: 50%;
}
td.plupload_cell.plupload_file_name .plupload_buttons #uploader_start {
width: 48%;
} .ngg-gallery-thumbnail img,
.ngg-gallery-thumbnail {
width: 100% !important;
margin: 0px !important;
}
.ngg-gallery-thumbnail-ex {
width: 33.3%;
}
.ngg-gallery-thumbnail a {
height: 30vw;
}
.upload-thumb-selection .ngg-gallery-thumbnail-ex:nth-child(5n+1) {
clear: none !important;
}
.upload-thumb-selection .ngg-gallery-thumbnail-ex:nth-child(3n+1) {
clear: both !important;
} .events-listings .entry.entry-image .image,
.events-listings .entry.entry-image .info {
float: left;
width: 100%;
}
.events-listings .entry.entry-image .image img {
position: relative;
width: 100%;
height: auto;
}
}
p.breaker{
display: block;
width: 100%;
float: left;
background: white url(//wfpa.energycellone.co.uk/assets/img/hr_bg.png) no-repeat center center;
height: 10px;
text-align: center;
line-height: 0.5;
font-size: 24px;
text-transform: uppercase;
color: #4d4d4d;
margin-bottom: 40px;
}
form.register [for="ws-plugin--s2member-custom-reg-field-address-1"],
form.register [for="ws-plugin--s2member-custom-reg-field-address-2"],
form.register [for="ws-plugin--s2member-custom-reg-field-address-3"]{
display: none!important;
}
.featherlight{
overflow-y: scroll!important;
}
body .featherlight .featherlight-content h4{
padding-bottom: 30px!important;
}
.tml-lostpassword .tml-label{
width: 100%;
padding:0;
margin: 10px 0;
}
body.page-template-template-judges .pink-txt{
color: #4ba7a5!important;
}
ul.thumbnails.gallery{
list-style: none;
padding: 0;
}
ul.thumbnails.gallery li{
float: left;
width: 24%;
margin: 0 0.5% 20px;
}