/*
 * CSS for mobile devices: target min width: 320px
 */

html, body {
	min-width: 100%;
}

.internal {
	width: 100%;
	min-width: 320px;
}

body {
	background-image: none;
}

/*HEADER*/
#main > header {
	height: 47px;
}

#logo {
	float: none;
	margin: 16px 0 12px 17px;
}

body.menu #logo {
	position: relative;
	z-index: 4;
}

#logo a {
	background-position: 0 -23px;
	width: 148px;
	text-indent: 148px;
	height: 19px;
	line-height: 19px;
	white-space: nowrap;
}

#navtrigger {
	display: block;
	position: absolute;
	width: 27px;
	height: 19px;
	background: url(../img/sprite2.png) no-repeat -186px -34px;
	position: absolute;
	right: 27px;
	top: 16px;
}

#main > header {
	height: auto;
}

#main > header nav {
	border-bottom: none;
	display: none;
	position: fixed;
	top: 0;
	z-index: 3;
	width: 100%;
	background: rgba(255, 255, 255, .94);
	min-height: 100vh;
}

#main > header nav .close {
	display: block;
	position: absolute;
	background: url(../img/sprite2.png) no-repeat -236px -34px;
	width: 27px;
	height: 27px;
	top: 13px;
	right: 27px;
	z-index: 5;
}

#main > header nav ul {
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;	
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
		    transform: translateY(-50%);
}

#main > header nav li {
	display: block;
}

#main > header nav li a {
	height: 70px;
	line-height: 70px;
	color: #000; 
	font-size: 1.875em;
	padding: 0;
	text-align: center;
	font-weight: bold;
}

#main > header nav li.current a,
#main > header nav li a:hover {	
	border-bottom: none;
}

#stickysearch .domainsearch p {
	margin: 0 10px 10px;
}

#stickysearch .domainsearch p span.text {
	margin-left: 0;
}

#stickysearch .domainsearch .buttons {
	margin-right: 0;
}


/*FOOTER*/

footer .social {
	float: none;
	margin: 0 10px;
	width: auto;
	text-align: center;
}

footer .social h3 {
	font-size: 1.125em;
	margin: 23px 0;
}

footer .social h3 span {
	display: block;
	margin: 16px auto 0;
}

footer .social a {
	width: 43px;
	height: 42px;
	margin: 0 10px;
}

footer .social a.facebook {
	background-position: 0 -191px;
}

footer .social a.twitter {
	background-position: -43px -191px;
}

footer .social a.google {
	background-position: -86px -191px;
}

footer .social a.linkedin {
	background-position: -129px -191px;
}

footer .social a.youtube {
	background-position: -172px -191px;
}

#main > footer nav {
	margin: 26px auto 17px;
}

#main > footer nav li {
	float: none;
}

#main > footer nav li a,
#main > footer nav li a:link,
#main > footer nav li a:active,
#main > footer nav li a:visited,
#main > footer nav li a:hover {
	margin: 0 18px;
	height: 29px;
	line-height: 29px;
	font-size: 0.938em;
}

#main > footer .bottom {
	width: auto;
	min-width: 0;
	font-size: 0.750em;
	padding-top: 0;
	margin: 0 10px;
	text-align: center;
}

#main > footer .bottom .left {
	float: none;
	width: 100%;
}

#main > footer .bottom .left a {
	margin: 28px auto 26px;
}

#main > footer .bottom .right {
	margin-left: 0;
}

#main > footer .bottom p {

}

/*HOMEPAGE*/
header.bg {
    /* height: 409px; */
}

header.bg.announce {
    /* height: 441px; */
}

.home.page article header .hpcontent {
	height: auto;
}

.home.page article header .hpcontent .highlight {
	font-size: 2em;
	color: #fff;
	margin: 40px 10px 0;
	display: block;
}


.home.page article header .hpcontent .highlight .line {
    padding: 3px 9px;
}


.home.page article header .hpcontent .highlight svg.icon {
	height: 20px;
	width: 148px;
    position: relative;
	top: -2px;
}

.home.page article header .hpcontent p.video {
	margin-top: 8px;
}

.home-domain-search {
	padding: 1px 0;
}

header .domainsearch {
	padding: 20px 0;
	width: 100%;
}

.home.page article .domainsearch h2 {
	font-size: 1em;
	line-height: 1.2;
	margin: 21px 0 17px;
	display: block;
}

.domainsearch p {
	width: auto;
}

.home.page article .domainsearch p {
	margin-bottom: 26px;
}

.domainsearch .buttons {
	margin-right: 7px;
}

.domainsearch p span.text {
	display: block;
    overflow: hidden;
	padding-left: 14px;
	margin-left: 7px;
	background: #fff;
}

.domainsearch p input {
	padding-left: 0;
	margin-left: 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 1.063em;
}

.domainsearch.loading p input {
	background-position: right 17px;
}

.domainsearch p span.london {
	font-size: 1.063em;
	height: 35px;
	line-height: 35px;
	vertical-align: top;
	width: 75px;
}

.domainsearch p button {
	margin-left: 0;
	width: 40px;
	height: 35px;
	line-height: 35px;
	text-indent: 40px;
	background: #B20E13 url(../img/sprite2.png) no-repeat -252px 7px;
}

.admin-bar #stickysearch {
	top: 0;
}

/*announcement panel*/
div.announce {
	/* height: 32px; */
	/* line-height: 32px; */
	font-size: 0.750em;
	left: 0;
	margin-left: 0;
	width: 100%;
}

div.announce img {
	height: 25px;
	width: auto;
	margin-left: 11px;
}

div.announce .arrow {
	width: 11px;
	height: 19px;
	background-position: -128px -130px;
	margin-left: 10px;	
}

div.announce a.close {
	display: none;
}

/*grey custom content stripe*/
.grey {
	padding: 1px 0;
}

.grey .col-2-1 {
	margin: 0 10px;
}

.grey .col-2-1.last {
	display: none;
}
    
.hpcont .grey h3 {
    font-size: 1.500em;
    margin: 20px 0;
}

.hpcont .grey p {
	margin: 1.25em 0;
}

.hpcont .grey img.mobileonly {
	display: inline-block;
}

.grey .col-2-1 p.readmore a {
	font-size: 1.857em;
}

/*benefits*/
.col-3-1 {
	padding-bottom: 5px;
}

.col-3-1.last {
	margin-bottom: 0;
}

.col-3-1 > p:first-child {
	float: left;
	width: 66px;
	margin: 0 20px 0 29px;
}

.col-3-1 > p:first-child img {
	width: 100%;
	height: auto;
}

.col-3-1 > h4,
.col-3-1 > p {
	margin-left: 115px;
	text-align: left;
	margin-right: 10px;
}

.hpcont h2 {
    font-size: 1.75em;
    margin: 31px 10px 20px;
}

.hpcont h3 {
	font-size: 1.250em;
	margin: 0 10px 43px;
}

.hpcont h4 {
	font-size: 1.188em;
	margin: 0;
}

.hpcont p {
	font-size: 0.875em;
}

.hpcont > .internal > p {
	margin: 0.5em 0;
}

/*pioneers section*/
section#pioneers {
	padding-bottom: 47px;
}

section#pioneers h2 {
	font-size: 1.625em;
	margin: 31px 10px 20px;
}

section#pioneers ul {
	margin: 0;
}

section#pioneers li {
	width: 50%;
}

section#pioneers li .pad {
	padding: 0 0 2px;
}

section#pioneers li:nth-child(odd) .pad {
    padding-right: 1px;
}

section#pioneers li:nth-child(even) .pad {
    padding-left: 1px;
}

section#pioneers figcaption span {
	
}

section#pioneers .video span.play {
	width: 51px;
	height: 51px;
	background-position: -108px -82px;
	background-size: 250px;
	margin: -25px 0 0 -25px;
}

section#pioneers li#pop {
	padding: 12px 0;
}

#pop a.close {
	top: auto;
	bottom: 29px;
	right: 50%;
	margin-right: -14px;
	display: none;
}

#pop .left,
#pop .right {
	float: none;
	width: 100%;
	margin: 0;
}

#pop .domain {
	height: 30px;
	line-height: 30px;
	bottom: 21px;
	font-size: 1em;
	padding: 0 8px;
}

#pop .domain svg.icon {
	width: 93px;
	height: 12px;
	margin-left: 4px;
}

#pop .right p {
	margin-left: 10px;
	margin-right: 10px;
}

#pop p.strapline {
	font-size: 1.125em;
	margin-top: 20px;
}

.hpcont p.readmore {
	font-size: 1.429em;
	margin: 37px 0 47px !important;
}

.hpcont .readmore a {
	width: 220px;	
}


/*'do more' promo slots*/
.threepanels {
	padding: 0 5px;
}

.threepanels li {
	margin: 0 auto 10px;
	float: none;
	height: auto;
}

.threepanels .title {
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding-bottom: 17px;
}

#main > .internal article p {
	font-size: 0.875em;
}

.hpcont #pioneers .readmore {
	margin: 37px 0 0 !important;
}

/*INTERNAL PAGE*/

/*DOMAIN SEARCH RESULTS*/

.page-template-page-apiresult article header h1 {
	font-size: 1.500em;
	line-height: 1.2;
	margin: 20px 0 5px;
}

.page-template-page-apiresult article header.notavailable h1 {
    margin: 20px 0;
}

.page-template-page-apiresult article header h1 span {
	display: block;
	margin: 10px 10px 10px 0;
	top: 0;
}

.page-template-page-apiresult article header .domainsearch {
	height: auto; // changed from 50px to fix form overflow issue
}

#regsearchresults .featured h2 {
	font-size: 1.250em;/*20*/
	padding: 0 10px;
}

.page-template-page-apiresult article header .internal > p {
	font-size: 1.500em;
}

.page-template-page-apiresult article header.available .internal > p {
	margin: 20px 0;
}

#regsearchresults {
	text-align: center;
}


#regsearchresults .banner.mobile {
	display: block;
	float: none;
	width: 234px;
	margin: 0 auto;
}

#regsearchresults .banner.mpu {
	display: none;
}

#regsearchresults .featured figure {
	margin: 0 5px 20px;
}

#regsearchresults p.readmore {
	margin: 20px 0;
}

#regsearchresults a.registrar {
	margin: 20px 5px 0 5px;
}


.content {
    width: 94%;
}

.content header h1 {
    font-size: 1.500em;
    margin: 12px 0;
	font-weight: normal;
}

.content .share-meta .left .twitter-share-button {
	display: inline-block;
	width: 100px !important;
	overflow: hidden;
}

.content .share-meta .left .fb_iframe_widget {
	width: 90px !important;
	overflow: hidden;
	display: inline-block !important;
}

.content .share-meta .print,
.content .share-meta .email {
	display: none;
}

.content img.size-full {
	width: 300px;
	height: auto;
}

.content h2 {
    font-size: 1em;
    margin: 30px 0 5px;
}

/*SIDEBAR*/
#side {
	float: none;
	margin-left: 10px;
	width: 300px;
	display: none;
}

#side > ul li {
	width: 260px;
}

#side > ul li.quote {
	display: none;
}

#side li.widget_tag_cloud,
#side li.widget_archive {
	display: none;	
}

/*NEWS INDEX*/
.blog .content article {
	margin: 20px 0 40px;	
}

.blog .content article .left {
	display: none;
}

.blog .content article .right {
	float: none;
	width: 100%;
}

.blog .content article header h2 {
	font-size: 1em;
}

.blog .content article p {
	font-size: 0.875em;
	margin: 0;
}

.content nav div.more a {
	background-position: right -464px;
}

.content nav div.prev a {
	background-position: 0 -464px;
}

.content nav a,
.content nav a:link,
.content nav a:active,
.content nav a:visited,
.content nav a:hover {
	font-size: 1em;
}

/*NEWS ARTICLE PAGE*/
.content header .back a,
.content header .back a:link,
.content header .back a:active,
.content header .back a:visited,
.content header .back a:hover {
	font-size: 1em;
	height: 17px;
	line-height: 17px;
	background-position: 0 -464px;
	font-weight: 700;
	display: block;
}

.single-post .content header h1 {
	font-size: 1.500em;
	font-weight: 700;
	line-height: 1.2;
}
	
.single-post .content header p.date-meta {
	font-size: 0.875em;
}

.single-post .content img {
	max-width: 100%;
	height: auto;
}


/*CONTACT US*/
.page-template-page-contact-php #forms {
	padding: 15px 0 0 3%;
}
.page-template-page-contact-php #forms p {
	margin: 2em 0;
}

.page-template-page-contact-php #switcher,
.content div.wpcf7 .wpcf7-select {
	width: 94%;
}

.content div.wpcf7 .wpcf7-text,
.content div.wpcf7 .half .wpcf7-text,
.content div.wpcf7 .wpcf7-textarea {
	width: 94%;
}


.content div.wpcf7 .half {
	float: none;
	width: 100%;
}

.page-template-page-contact-php #forms div.wpcf7 .clearfix .half:first-child p {
	margin-top: 0;
	margin-bottom: 2em;
}

.page-template-page-contact-php #forms div.wpcf7 .clearfix .half:last-child p {
	margin-bottom: 0;
	margin-top: 2em;
}

.content div.wpcf7 .wpcf7-submit {
	margin: 0 auto;
	position: relative;
	left: -10px;
}


.page-template-page-fullwidth-php article.content {
    width: 94%;
}

.page article ul.randompioneers li {
	width: 100%;
	background-size: 100% auto;
	
}

ul.randompioneers li > a, 
ul.randompioneers li > a:link, 
ul.randompioneers li > a:active, 
ul.randompioneers li > a:visited {
	height: 78px;
	padding-top: 61px;
}

ul.randompioneers .bottom {
	padding-bottom: 1px;
}

.page article ul.randompioneers li.item0 {
    margin-right: 0;
    margin-bottom: 20px;
}


.page article .pioneerlist ul.first {
    margin-right: 0;
}

.page article .pioneerlist {
	
}

.page article .pioneerlist ul {
	width: auto;
}

#main > .internal article p.back {
	margin-top: 1em;
}

.single-post .content header p.date-meta {
	margin-top: 1em;
}

/********COLUMNS********/
.col-2-1 {
	float: none;
	width: auto;
	margin: 1em 0;
}

.col-3-1 {
	float: none;
	width: auto;
	margin: 1em 0;
	clear: both;
}


.dave {
	
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#pop .domain .dotlondon {
		width: 95px;
		height: 12px;
		background-position: 0 -163px;
		background-size: 250px;
	}
}