/*
Theme Name: Relocom
Theme URI: 
Description: relocation communication experts
Author: <a href="http://www.elegantthemes.com" title="Visit author homepage">Elegant Themes</a>
Author URI: 
Template: Divi
Version: 1.7
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 19 Mar 2014 09:43:54 +0000 */ 

@import url('../Divi/style.css');


/*HEADER*/
/* header colour*/
#main-header {
top: 0;
background-color: #ffffff;
}

/*Centre Nav Menu*/
body {
font-family: 'Raleway', Arial, sans-serif;
font-size: 14px;
color: #666 !important;
line-height: 3.6;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}

/*Remove Search Icon*/
#et_top_search {
display:none;
}

/*SOCAL MEDIA*/
#et-social-icons {
padding-top: 8px;
}

/*add menu rollover colour on mobile menu hover*/
#menu .nav ul a, ul#mobile_menu a:hover {
background: #ea3365;
color: white !important;
}

/*HOMEPAGE CONTACT FORM*/
div.esu-form-div {
display: table;
margin-left: auto;
margin-right: auto;
background-color: #ea3365;
padding-right: 10px;
padding-top: 20px;
}

/*Change font size and colour of title of sign up page*/
div.esu-form-div ul li {
color: #ffffff;
font-size: 20px;
font-weight: 500;
font-family: 'Raleway', Arial, sans-serif;
margin-bottom: 10px;
}

/*Input fields formatting*/
div.esu-form-div input[type=text]
{
line-height: 2em;
width: 60%;
}

/*Customise send button on homepage*/
div.esu-form-div input[type=submit]
{
color: #ea3365;
border: none;
margin-top: 8px;
background-color: #ffffff;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0px 18px;
line-height: 1.7em;
}

/*relocom home page text */
#home_page_text {
background-color: #000000;
color: #fff;
margin-left: auto;
margin-right: auto;
width: 70%;
padding-top: 20px;
padding-bottom: 20px;
}


/*BLURBS*/
/*change colour and font weight of blurb headings*/
#blurb_module .et_pb_blurb h4 a {
color: #ea3365;
font-weight: 800;
}

#how_it_works_blurb a {
color: #ea3365;
font-weight: 800;
}

/*TWITTER*/
/*Social Media Section Formatting*/
#rotatingtweets_widget-2 {
width: 100%;
border-radius: 5px 5px 3px 3px;
margin-top: 25px;
padding-top: 7px;
padding-bottom: 4px;
padding-left: 15px;
padding-right: 15px;
background: rgba(255, 255, 255, 1);
-pie-background:  rgba(255, 255, 255, 1);
behavior: url(PIE.htc);
} 

#twitter_section.et_pb_section {
padding-top: 0px;
padding-bottom: 0px;
}

/*Reduce space around twitter feed*/
.et_pb_widget_area_left {
padding-top: 0px;
padding-bottom: 0px;
}

#rotatingtweets_widget-2 {
margin-bottom: 20px;
margin-top: 0px;
}

#rotatingtweets_widget-2 .widgettitle {
color: #ea3365;
}

/*ABOUT US*/
.et_pb_testimonial_author {
text-align: center;
}

/*CONTACT US*/
/*contact us font colour change*/
legend {
color: #ea3365;
} 

/*FAQ'S*/
/*change open & close icons to pink*/
.et_pb_toggle_title:before {
content: "\63";
position: absolute;
right: 0px;
font-size: 16px;
color: #ea3365;
}

/*reduce padding at top of header*/
#FAQ_section.et_pb_section {
padding-top: 0px;
}

#contact_form_faq_page {
padding-top: 23px;
}

/*BLOG*/
/*change colour of headings in sidebar*/
#blog_sidebar .widgettitle {
color: #ea3365
}

/*reduce line height in blog article listing*/
#recent-posts-2 li {
line-height: 200%;
}

/*add colour to blog sidebar links on hover*/
.et_pb_widget li a:hover {
color: #ea3365 !important;
}

/*reduce size of featured image on blog page*/
.et_pb_post img {
width: auto;
height: 300px;
}

/*change colour of headings in sidebar*/
#sidebar .widgettitle {
color: #ea3365;
}

/*FOOTER*/
#footer-bottom {
background-color: #000000 !important;
padding-top: 10px;
padding-bottom: 0px;
}

#footer-info {
text-align: center;
float: none;
color: #ffffff;
font-size: 13px;
}

#footer-info a {
font-weight: 700;
color: #ea3365;
}

.form_wrapper a {
display: none;
}

/*align social media icons in the footer*/
#et-social-icon li {
display: inline-block;
margin-left: 20px;
text-align: center;
float: none;
}

/*center icons in footer*/
#main-footer .container {
text-align: center;
}


/*CONTACT FORM*/
/*customising the contact form*/
.wpcf7 textarea {
    height:50px;
width: 55%;
}

span.wpcf7-list-item { 
display: block; 
}

.wpcf7
{
    background-color: #ea3365;
    border: 12px solid #ea3365;
border-left-width: 30px;
color: #FFF;
}

div.wpcf7 {
margin-top: 30px;
}

span.wpcf7-not-valid-tip {
color: #000;
}

div.wpcf7-validation-errors {
border: 2px solid #000000;
background-color: #000000;
}


/*Remove relocom text when screen size goes mobile*/
@media only screen and (max-width: 479px)
{
#home_page_text {
display: none  !important;
}
}

/*reduce width of input boxes in contact form on small screen*/
@media only screen and (max-width: 479px)
{
.wpcf7 input
{
width: 90%;
}
}

/*Hamburger center on mobile size screen*/
@media only screen and (max-width: 479px)
{
.et_mobile_menu {
position: absolute;
left: 0px;
top: 100px;
}
}

/*Hamburger center on mobile size screen*/
@media only screen and (max-width: 479px)
{
#et_mobile_nav_menu {
float: none;
margin-right: 115px;
margin-bottom: 20px;
margin-top: 0px;
}
}

/*Remove social media icons from header when size gets to 768*/
@media only screen and (min-width: 0px) and (max-width: 768px)
{
#et-social-icons {
display: none;
}
}