/*
Theme Name:     Todd Dawson Design
Theme URI:      https://todddawsondesign.com/themes/u-design/
Description:    Child theme for U-Design
Author:         Todd Dawson
Author URI:     https://www.todddawsondesign.com
Template:       u-design                             
Version:        0.1.0
*/

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


/*---------------------- TYPOGRAPHY -----------------------------*/

p { font-family: 'Open Sans'; font-weight: 300; }
em { font-style: italic; }
strong { font-weight: 700; }
div { font-weight: 300; }

blockquote { font-family: 'Merriweather'; font-weight: 300; font-style: italic; font-size: 1.1em; line-height: 1.7; color: #3E94C8; text-align: right; background: none; }
.quote { font-family: 'Merriweather'; font-weight: 300; font-style: italic; font-size: 1.1em; line-height: 1.7; color: #b5b0ad; text-align: right; }
.quoter { font-family: 'Merriweather'; font-weight: 300; font-size: 0.9em; line-height: 1.5; color: #3E94C8; text-align: right; padding-top:3px; }

.lp-bf-emph { font-family: 'Merriweather'; font-weight: bold; font-style: italic; color: #3E94C8; }

.testimonials-widget-testimonial div.credit { display: block; font-family: 'Merriweather'; font-weight: 300; font-size: 0.9em; line-height: 1.5; color: #3E94C8; text-align: right; margin-top:0.3em; }

#page-content-title #page-title h1 { color: #3E94C8!important; }

/*colors for quotes: #3E94C8 blue; #b5b0ad gray;*/


/*---------------------- FORMATTING -----------------------------*/

#top-elements .phone-number-padding { padding: 20px 20px 0 0; }
div.social-icons { padding-bottom: 10px; }

div#top-elements.container_24 { height: 150px; }
div#logo.grid_14 { margin-top: 25px; }



div#slogan.grid_17 { display: none; }
#main-menu { background: #3E94C8; }
#navigation-menu ul.sf-menu li li { margin-bottom: 0; border-bottom: 1px solid #ccc; }

.no-breadcrumbs-padding { padding: 0; }
#home-page-content { padding: 0; }
div#post-4.post-4.page.type-page.status-publish.hentry div.entry { padding: 0!important; }
/*div#post-1665.post-1665.page.type-page.status-publish.hentry div.entry { padding: 0!important; }*/
/*.entry { padding: 0; }*/

/*#page-content #content-container {
    padding-top: 30!important;
}*/

/*.fullwidthbanner-container .fullwidthabanner*/ 
/*div#rev-slider-header { background-image: url("http://todddawsondesign.com/test/tdd-udesign/wp-content/uploads/2014/10/tdd-bg-graphic-vlt.jpg") no-repeat center top; }*/

div.cont_col_1.widget_text.substitute_widget_class {padding:0 20px; line-height:0; }
#before-content { padding:0; line-height:0; }
#before-content-column h2 { margin-top:-7px; padding-bottom:0; }

.vc_separator .vc_sep_holder .vc_sep_line { border-top: 1px solid #cccccc;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(204, 204, 204)!important; }

.vc_empty-placeholder { margin-bottom: 0; }

.why-me { border-radius: 0 30px 0 30px; border: solid 1px #e8e3d9; background-color: #f7f5f2; margin-top: 10px; padding: 5px 20px 20px 20px; }

.separator-with-text { font-family: 'Open Sans'; font-size: 0.8em; }

.custom-formatting li a:before, .custom-formatting .current_page_item ul a:before 
{ background-image: url("../images/arrow-2.png"); }




#home-page-content #content-container { padding: 0!important; }

/*---------------------------INTRO PANEL HOME -----------------------*/

/*see inline styling in vc*/

h2.intro { font-size: 48px!important; padding-top: 80px; margin: 0; }

/*-------------------------- CONTACT FORM 7 --------------------------*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{ background-color: #fbfaf9; color: #555; width: 100%; font-size: 1em; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"]
{ height: 35px; }

.wpcf7-form input[type="submit"] {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  background-color: #0090D3;
  border: 1px solid #ababab;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.wpcf7-form input[type="submit"]:hover {
  background-color: #990000;
  border: 1px solid #cc0000;
}
div#wpcf7-f1385-o2.wpcf7.wpcf7 input[type="text"],.wpcf7 input[type="email"]
{ height: 20px; }


/*------------------------ BLOG SIDEBAR -------------------------*/

div#sidebar.grid_8 { background: #f7f5f2; }
.custom-formatting a { padding: 0; }

/*------------------------ WEB DESIGNS --------------------------*/

/*.page-id-156 div#content-container.container_24, div.entry { padding: 0!important; }*/


/*------------------------ FOOTER -------------------------------*/

.bottom_1 { width: 98% !important; }
.clear { width: 100%; clear: both; }
#footer a {color: #333333; font-size: 12px; }
.back-to-top a { color: #333333!important; font-size: 12px; padding-top: 5px; }
.back-to-top a:hover { color: #DBD9D1!important; }



/*========================= BREAKPOINTS =========================*/
/* Mobile Screen ( 320 to 480px )*/
@media screen and (max-width: 480px) {

/* Custom CSS for Breakpoint 3 CSS goes here... */

h2.intro { display: inline-block; padding-top: 25px; }

div#logo.grid_14 { margin-top: 0; }

}
/*---------------------------------------------------------------*/
/* Medium Screen ( 480px to 719px ) */
@media screen and (min-width: 480px) and (max-width: 719px) {

   /* Custom CSS for Breakpoint 2 CSS goes here... */


}
/*---------------------------------------------------------------*/
/* 720px to 959px Screen */
@media screen and (min-width: 720px) and (max-width: 959px) {

   /* Custom CSS for Breakpoint 1 CSS goes here... */

}
/*---------------------------------------------------------------*/