/*
Theme Name: Tucows Domains
Theme URI: http://tucowsdomains.com/
Description: A custom theme for www.tucowsdomains.com
Author: Arktyp (WordPress port by James Koole)
Version: 1.0
Tags: two-columns, fixed-width
*/

@import url('reset-1.0.css');
@import url('nice_begin.css');
@import url('screen.css');
@import url('nice_end.css');
@import url('jquery.autocompete.css');
@import url('layout.css');

/* captcha */

#overlay {
	background: black;
	position: absolute;
	z-index: 1;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}

.popup-captcha {
	position: absolute;
	background: white;
	border: 2px solid black;
	padding: 1em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	z-index: 2;
	left: 33%;
	margin-top: 15px;
}



/* BUTTON STYLES*/

.button,
.menu-item > a {
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 8px 20px; text-decoration:none; display:inline-block;
 font-weight:bold; color: #FFFFFF;
 background-color: #3399CC; 
 letter-spacing: 1px;
 font-size: 13px;
}

.button:hover,
.menu-item > a:hover {
text-decoration: none;
 background-color: #006d8d; 
}



/* ERROR MESSAGE STYLES */

.error_msg {
    position: absolute;
    /*bottom: 0px;*/
    left: 42%;
    color: red;
    display: none;
}


.entry{
	position: relative;
}

.resubmit-form-wrapper{
	position: absolute;
	top: -45px;
    right: 0;
}



/****************/
/* Abuse forms */
/***************/

input[type=submit] {
	-webkit-appearance: none;
}

input {
	border-radius: 0;
}

.abuse-form,
.compliance-form {
    width: 500px;
    margin: auto;
	padding-top: 5px;
}

.abuse-form h1,
.compliance-form h1 {
	margin-bottom: 25px;
	font-size: 25px;
}

.input-wrapper {
	display: -webkit-flex;
   	display: flex;
   	-webkit-flex-direction: column;
   	flex-direction: column;
	margin-bottom: 15px;
	position: relative;
}

.input-wrapper p{
	font-size: 16px;
}

.domain-wrapper {
    margin-top: 5px;
}

.input-label {
        flex: 1;
        width: 100%;
}

.input-item,
#nature-of-complaint,
.input-label {
	flex: 2;
}

.input-item {
      padding-left: 5px;
}

#description {
	display: none;
}

.abuse-form textarea,
.compliance-form textarea {
    resize: none;
}

.abuse-form label {
	margin-bottom: 5px;
}

.optional {
	display: none;
}

#saveForm {
    width: 90px;
    border: none;
}

#whois-msg {
	margin-top: 30px;
}



.abuse-form .disclaimer {
	margin-bottom: 10px;
        
}

.abuse-form .disclaimer p{
		display: block;
        font-size: 11px;
}


.error_msg_forms {
    position: absolute;
    color: red;
	top: 0px;
    right: 0;
    float: right;
    font-size: 14px;
}

.error_header {
    color: red;
    margin: 25px 0;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.compliance-form .error_header,
.compliance-form .error_msg_forms{
	display: none;
}

.errorInput {
	border: 1px solid #e90000;
}


.thanks-wrapper {
    height: 350px;
    text-align: center;
    padding-top: 70px;
    background: url(images/background_cows.jpg) no-repeat center bottom;
    background-size: cover;
    margin: -30px -20px;
}

.thanks-wrapper h3{
    margin: 0;
    font-size: 1.1em;
    line-height: 1.5em;
}

.thanks-wrapper p{
	font-size: 1.1em;
 	margin: 0;
}


#consent {
    position: relative;
	margin-bottom: 20px;
	margin-top: 50px;
}

#consent .error_msg_forms {
	top: -25px;
}

.consentWrapper div {
    margin: 10px 0;
}

input.radioBtn {
    margin-right: 10px;
}





/******************/
/* Zendesk Forms */
/****************/

.zrf-form form {
	width: 70%;
    margin: auto;
}

.mainCol p {
	width: 99%;	
}






/*************/
/* Top Menu */
/************/

.menu-item > a {
	margin-right: 6px;
	text-align: center;
	min-width: 74px;
	padding-left: 34px;
	padding-right: 34px;	
}

.topNav li:last-child a {
	margin: 0;
}


.current-menu-item a{
	color: #000;
	background: #fff;
}

.current-menu-item a:hover {
	background: #fff;
}



/* Hide Languages in Tucows Promise page*/
.promise:not(#English) {
	display: none;
}



/*******************/
/*    Homepage    */
/*****************/

.homepage {
	padding: 0;
}

.content-block {
	height: auto;
	width: 100%;
	text-align: center;
	padding: 50px 0;
}

.content-block h2 {
	font-size: 27px;
	margin: 0 0 30px 0;
}

.content-block a {
	font-weight: bold;
	text-decoration: none;
}

.dark-grey {
	background-color: #2c3337;
	color: #fff;
}

.light-grey {
	background-color: #b0bdc7;
}

.light-blue {
	background-color: #cfe1ee;
}

.cows-bg {
    	background: url(images/background_cows.jpg) no-repeat center bottom;
    	background-size: cover;
	    height: 310px;
}

.form-wrapper {
    	margin-top: 30px;
}

.quickSearch {
	margin-top: 20px;
}

.quickSearch .button {
	border: none;
	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
        margin-left: -5px;
	cursor: pointer;
}

.quickSearch input[type=text] {
	padding: 6px;
}

#input-provider,
.whois-search-wrapper #input-whois,
.resubmit-form-wrapper #input-whois {
	width: 300px;
}

.whois-search-wrapper .error_msg,
.provider-search-wrapper .error_msg,
.resubmit-form-wrapper .error_msg {
	position: relative;
	left: 0%;
}

#input-provider, .whois-search-wrapper #input-whois, .resubmit-form-wrapper #input-whois {
    width: 300px;
    height: 29px;
    padding: 0 0 0 6px;
	border: 1px solid #d8d8d8;
}

#input-whois {
    width: 280px;
}

.quicksearch-result,
pre {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.5em;
	white-space: pre-wrap;
}

.top-questions-wrapper a {
	margin-bottom: 10px;
}



/* 404 Error Page */

.errorPage {
		background: url(images/background_404.jpg) no-repeat center bottom;
    	background-size: cover;
	    height: 550px;
		text-align: center;
}


.errorPage h1 {
	font-size: 10em;
	color: #3399CC;
	font-weight: 100;
}

.errorPage h2 {
    font-size: 2em;
    margin: 0.8em;
}

.errorPage h3 {
    margin: 0; 
    font-size: 1em;
    line-height: 1.3em;
}


/* FAQ page */

.faq-list {
	display: flex;
	margin-top: -15px;
}

.faq-list ul {
	padding-right: 40px;
}

.faq-list ul li{
	margin-bottom: 15px;
	font-size: 1em;
}