/* Toogle */
.icp_form-3-1 {
/* Background Color */
background-color:#3498db;
/*background-color: #2980b9;*/
/*background-color:#e74c3c;*/
/*background-color:#f1c40f;*/
/*#2980b9,*/
/* Font Style */
font-family: 'Titillium Web', sans-serif, Arial;
line-height: 1.5px !important;
/*font-family: 'Maven Pro', sans-serif;*/
/*font-family: 'Roboto Condensed', sans-serif;*/
/*font-family:'Bitter', serif;*/
}
.icp_form-3-1 img {
max-width:100%;
box-shadow:none;
display: inline-block;
}
/* =================================================== */
/* Form 3 */
.icp_form-3-1 {
/* Size and position */
width: 88%;
margin: 0 auto 0px;
padding: 4%;
padding-top: 0px;
position: relative;
border-radius: 8px;
/* Font styles */
/*color: #2c3e50;*/
vertical-align: top;
text-align: center;
font-family: 'Titillium Web', sans-serif, Arial !important;
}
.icp_form-3-1 .top3 {
background: #2C3E50;
margin-bottom:0px;
width:110%;
z-index:2;
margin-left: -5%;
padding: 8px 0% 5px 0%;
border-radius: 8px 8px 0px 0px;
}
.icp_form-3-1 p {
margin: 2% 0 0;
font-size: 14px !important;
line-height: 1.0em !important;
color: #ffffff !important;
text-align: center;
font-family: 'Titillium Web', sans-serif, Arial !important;
}
.icp_form-3-1 h1 {
font-size: 25px !important;
padding-bottom: 0px;
margin: 2% 0 2%;
line-height: 1em !important;
font-weight: 700 !important;
color: #ffffff !important;
font-family: 'Titillium Web', sans-serif, Arial !important;
}
.icp_form-3-1 h1:before {
content: none;
}
.icp_form-3-1 h2 {
font-size: 18px;
padding-bottom: 10px;
font-weight: 400;
line-height: 1em;
color: white;
}
.icp_form-3-1 input[type=text] {
/* Size and position */
width: 80% !important;
max-width: 80% !important;
height: 37px !important;
max-height: 37px !important;
padding: 8px 3% 8px 3% !important;
margin-top: 4%;
margin-bottom: 15px;
display: inline-block;
/* Styles */
border: 0px solid #2C3E50; /* Fallback */
border: 0px solid rgba(78,48,67, 0.8);
background: rgba(255,255,255,1);
border-radius: 2px;
box-shadow:
0 1px 0 rgba(255,255,255,0.2),
inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
/* Font styles */
color: #2C3E50;
font-size: 13px;
font-family: 'Titillium Web', sans-serif, Arial !important;
}
.icp_form-3-1 .icp_url {
/* Size and position */
width: 80% !important;
max-width: 80% !important;
height: 37px !important;
max-height: 37px !important;
padding: 8px 3% 8px 3% !important;
margin-top: 4%;
margin-bottom: 15px;
display: inline-block;
/* Styles */
border: 0px solid #2C3E50; /* Fallback */
border: 0px solid rgba(78,48,67, 0.8);
background: rgba(255,255,255,1);
border-radius: 2px;
box-shadow:
0 1px 0 rgba(255,255,255,0.2),
inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
/* Font styles */
color: #2C3E50;
font-size: 13px;
font-family: 'Titillium Web', sans-serif, Arial !important;
}
/* input[placeholder],
[placeholder],
*[placeholder] {
color: white !important;
} */
.icp_form-3-1 input::-webkit-input-placeholder {
color: rgba(37,21,26,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.15);
} /* WebKit and Blink (Safari, Google Chrome, Opera 15+) */
.icp_form-3-1 input:-moz-placeholder {
color: rgba(37,21,26,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.15);
} /* Mozilla Firefox 4 to 18 */
.icp_form-3-1 input:-ms-input-placeholder {
color: rgba(37,21,26,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.15);
} /* Internet Explorer 10 */
.icp_form-3-1 input[type=text]:hover {
border-color: #2C3E50;
}
.icp_form-3-1 input[type=text]:focus,
.icp_form-3-1 input[type=submit]:focus {
box-shadow:
0 1px 0 rgba(255,255,255,0.2),
inset 0 100px 1px rgba(0,0,0,0.1),
0 0 0 3px rgba(255,255,255,0.15);
outline: none;
}
/* Fallback */
.no-boxshadow .icp_form-3-1 input[type=text]:focus {
outline: 1px solid white;
}
.icp_form-3-1 input[type=submit] {
/* Size and position */
width: 80% !important;
max-width: 80% !important;
height: 37px !important;
max-height: 37px !important;
padding: 8px 0% 8px 0% !important;
/* Styles */
background: #dd9933 !important;
border-radius: 2px;
border: 1px solid #a5a5a5 !important;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
/* Font styles */
color: #ffffff !important;
font-size: 16px;
line-height: 1em !important;
font-weight: 700 !important;
font-family: 'Titillium Web', sans-serif, Arial !important;
}
.icp_form-3-1 input[type=submit]:hover {
/*background: #2c3e50;*/
box-shadow:
inset 0 1px rgba(255,255,255,0.5),
inset 0 20px 30px rgba(99,64,86,0.4);
}
/* Fallback */
.icp_form-3-1 label {
display: none;
padding: 0 0 5px 2px;
cursor: pointer;
line-height: 1.2em;
}
.icp_form-3-1 label:hover ~ input {
border-color: #333;
}
/* =================================================== */
Get a fast, free website audit
Enter your URL below to get full in-depth SEO report and tips.
sdn_custom = sdn_getParameterByName('sdn_c'); if(sdn_custom != '') document.getElementById('sdn_custom_val-1').value = sdn_custom;
