/*
Theme Name: U-Design Child
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: Child Theme for U-Design
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Template: u-design
Version: 1.0.0
*/

@import url("../u-design/style.css");

/* hide the site slogan */ 
#slogan { display:none; }

/* Remove the padding on the home page before the content block */ 
#home-page-content #content-container { padding: 0px 0px; }

/* remove other white space on the home page */
.entry { padding: 0px 0px 0px 0px; }

/* Change the colour of the sub menu items */
.sf-menu a, .sf-menu a:visited { color: #FFF; }

/* Reduce the size of the back to top text */
.back-to-top a { font-size: 0.9em!important; }

/* Start Contact Form 7 Mods */

/* CONTACT FORM 7 - Changes the colour of the field labels */
.wpcf7-form p {
/*  font-weight: bold!important; */
    font-size : 13px!important;
    color:#333333!important;
}

/* CONTACT FORM 7 - Changes the style of the input boxes (name, email, subject, message)  */
.wpcf7-validates-as-email, .wpcf7-validates-as-required, .wpcf7-text, .wpcf7-textarea {
    border:1px solid #cccccc;
    background:#f8f8f8 !important; 
    font-size :13px;
    color:#3d3d3d !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 98%;
    padding: 4px;
}

.wpcf7-select {
    border:1px solid #cccccc;
    background:#f8f8f8 !important; 
    font-size :13px;
    color:#3d3d3d !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 4px;
}


/* CONTACT FORM 7 - Changes the style of the submit button */
.wpcf7-form-control.wpcf7-submit {
    border:1px solid #cccccc;
    background:#555555!important; 
    font-size :13px;
    color:#ffffff!important; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 4px;
}

/* CONTACT FORM 7 - Changes the style of the submit button on hover */
.wpcf7-form-control.wpcf7-submit:hover {
    border:1px solid #cccccc;
    background:#0079C1!important;     
    font-size :13px;
    color:#ffffff!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 4px;
}


/* Reduce the spacing between components */ 
.wpcf7-form p { margin: 0px; }

/* Used on the contact page to style the summary details */
.contactbox {border:none}
.contactbox h6 {background:#202248;padding:5px;}   /* used to create the coloured strips on the page */
.contactbox p {color:#9c9c9c;padding:0px;}
.contactbox {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
}

/* End Contact Form 7 Mods */


/* div styling */
.jdwproductbox{
  padding:6px 6px 6px 6px;
  box-shadow: black 0.1em 0.1em 0.1em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background: #202248; /* fallback for browsers that don't understand rgba */
  background-color: rgba(32,34,72); 
  font-size : 12px!important;
  color:#9d8e54!important;
}


/* Force change of the header link colour */
.social_media_top a:link{ color:#FFFFFF!important; }

/* Reduce the line height on custom lists */
ul.list-10 li { line-height: 1.7 !important; }


/* RESPONSIVE MODS BELOW */

/* Mobile Screen ( smaller than 480px )*/
@media screen and ( max-width: 480px )  { 
/* #navigation-menu { left:0px; right:0px; top:0px; }  */
/* #logo { left: 1px!important; } */
.back-to-top {display:none;}
/* .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { background-position: right -400px center; } */

}

/* Medium Screen ( 480px to 719px ) */
@media screen and ( min-width: 480px ) and ( max-width: 719px ) {  
/* #navigation-menu { left:0px; right:0px; top:0px; }  */
/* #logo { left:0px; } */

}

/* 720px to 959px Screen */
@media screen and ( min-width: 720px ) and ( max-width: 959px ) {  
/* #navigation-menu { margin-top: -81px; font-size:125% } */
/* #logo { left:155px!important; } */
#navigation-menu { font-size: 12px; }

}