/*
Theme Name: U-Design
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: A slick, powerful and clean theme U-Design provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive & mobile ready should you choose that option. The U-Design theme features include: unlimited colors, widgetized home page, over 600 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive U-Design support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URI: http://themeforest.net/user/AndonDesign/portfolio?ref=AndonDesign
Version: 2.5.3
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/


/*

**** **** **** **** CHANGED FILES IN THIS TEMPLATE (OLD NOTES CARRIED OVER) **** **** **** ****
style.css - many changes
functions.php - expanded text editor buttons and category descriptions and added social icons to the search area
header.php - ?
index.php - add second header and sidebar
archive.php - add category description, added php code to make left sidebar
sidebar-BlogSidebar.php - added php code to make left sidebar
page-Portfolio4ColSortable.php - changed to vertical layout - few changes
/scripts/script.js - Added new mobile navigation to bottom
/styles/common-css/responsive.css - Added styles for new mobile navigation

PAGE BACKGROUND FIX:
Updated all sidebar templates
Updated the 4 col sortable and unsortable portfolio page
updated search.php for background fix

*/

html {
  height: auto !important;
}
body {
  line-height: 1.2;
}
body {
  background: url(../../../wp-content/uploads/2013/09/bottomBack.png) repeat-x center bottom;
}
#wrapper-1, #bottom-bg {
  background: transparent !important;
}
#page-content, #home-page-content {
  background: url("../../../wp-content/uploads/2013/09/mainContent_background.png") repeat-x scroll center top transparent !important;
}

/* HEADING STYLES */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
#main-content #page-title h1, #main-content #page-title h2, #main-content #page-title h3, #main-content #page-title .single-post-categories {
  margin-top: 10px;
}
#search .search_box {
  margin-left: 0px;
}

/* HEADER SECTION */

#search {
  margin: 10px 0 15px 0;
}
#search input.blur, #search input.inputbox_focus {
  background: #ffffff;
  color: #666666;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#search input.search-btn {
  background: #ffffff url(styles/style1/images/searchBack.png) no-repeat 3px 3px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#search input.search-btn:hover {
  background-position: 4px 4px;
}
.social_media_top input {
  font-size: .9em;
}
.social_media_top h3 {
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  text-shadow: 0px 0px 4px #555555;
}
.newsletterSignup {
  background: transparent url(styles/style1/images/newsletterBack.png) repeat-x;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.newsletterPadding {
  padding: 8px 0 8px 8px;
}
.newsletterSignup input {
  background: #005228;
  border: 0px;
  color: #ffffff;
  padding: 4px;
  width: calc(35% - 4px);
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
}
.newsletterSignup input[type="submit"] {
  width: 10%;
  background: #005890;
  cursor: pointer;
}
.mobileSignup {
  background: #f5f4f9 url(styles/style1/images/mobilePhone.png) top right no-repeat;
  background-image: url(styles/style1/images/mobilePhone.png), linear-gradient(to right, #2fa9c8 0%, #f5f4f9 55%, #f5f4f9 100%);
  background-repeat: no-repeat;
  background-position: top right;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mobilePhone {
  /*background: transparent url(styles/style1/images/mobilePhone.png) center right no-repeat;*/
  background-size: cover;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mobilePadding {
  padding: 8px 0 8px 8px;
}
.mobileSignup input {
  background: #005689;
  border: 0px;
  color: #ffffff;
  padding: 4px;
  margin: 2px 0;
  width: calc(35% - 6px);
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
}
.mobileSignup input[type="submit"] {
  width: 10%;
  background: #003856;
  cursor: pointer;
}
.mobileSignup em {
  font-size: 90%;
  display: block;
  padding: 0 10px 10px;
  color: #f0f0f0;
  color: #333;
}
.childcareSignup {
  padding: 8px;
  background: #eee;
  border-radius: 8px;
  background: #9ee8fa;
  background: -moz-linear-gradient(left,  #9ee8fa 0%, #edfcff 100%);
  background: -webkit-linear-gradient(left,  #9ee8fa 0%,#edfcff 100%);
  background: linear-gradient(to right,  #9ee8fa 0%,#edfcff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ee8fa', endColorstr='#edfcff',GradientType=1 );
}
#sidebarSubnav .childcareSignup h3 {
  color: #003856;
  font-size: 14px !important;
  background: none;
}
.childcareSignup input {
  margin: 2px;
  padding: 3px;
  margin-right: 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 12px;
}
.childcareSignup [type="submit"] {
  color: white;
  border: 1px solid #003856;
  background: #003856;
  cursor: pointer;
}
.childcareSignup p {
  color: #444;
}

/* MAIN MENU */

#navigation-menu ul.sf-menu > li {
  background: url(styles/style1/images/menuDivider.png) no-repeat left center;
}
#navigation-menu ul.sf-menu > li.noDivider {
  background: transparent;
}
.sf-menu li li {
  background: #0567AE;
}
.sf-menu a, .sf-menu a:visited {
  color: #ffffff;
}
.sf-menu a:hover, .sf-menu a:active {
  color: #ffffff;
  text-decoration: underline;
}

/* HOMEPAGE SLIDERS */

#rev_slider_6_1_wrapper, #rev_slider_5_2_wrapper {
  float: left;
}

/* HOMEPAGE ELEMENTS */

.small-custom-frame-wrapper {
  margin: 2px 0px 15px 0px !important;
}
ul.small-thumb .teaser-title {
  font-size: 1.2em;
  line-height: 1.1em;
  font-weight: bold;
}
@media screen and (max-width: 719px) {
  #home-page-content .column-content-wrapper img {
    display: inherit;
  }
  .home #cont-box-1, .home #cont-box-2, .home #cont-box-3, .home #after-cont-row-1, .home #text-3, .home #text-4 {
    display: none;
  }
}

/* MAIN PAGE SECTION */

#home-page-content {
  padding: 20px 0 0 0;
}
#content-container {
  background: #ffffff;
  box-shadow: 1px 1px 10px #888888;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.teaser-content {
  margin-top: 5px;
}

/* CUSTOM FRAME ON IMAGES REMOVAL */

.custom-frame-wrapper .custom-frame-padding, .small-custom-frame-wrapper .custom-frame-padding {
  border: none;
  padding: 0px;
}
.custom-frame-inner-wrapper {
  border: none;
}
.small-custom-frame-wrapper {
  margin: 2px 0px 2px 0px;
}

/* SHADOW */

.shadow {
  box-shadow: 1px 1px 10px #888888;
  margin-bottom: 15px;
}

/* BREADCRUMBS */

.breadcrumbs a {
  color: #ffffff;
}

/* CAPTIONS */

.wp-caption p.wp-caption-text {
  text-align: center;
}
.wp-caption {
  border: none;
  background-color: #ffffff;
}

/* PORTFOLIO PAGES */

#isotope-options {
  margin-top: 0px;
}
.isotope-item h2 {
  margin-top: 0px
}
.portfolio-img-thumb-4-col img {
  height: 214px;
  width: 166px;
}
.portfolio-zoom-image-4-col {
  background-size: 100% 100%;
  height: 214px;
  width: 166px;
}
.portfolio-img-thumb-4-col {
  height: 214px;
  width: 166px;
  left: 17px;
  top: 16px;
}
.thumb-holder-4-col {
  background: url(thumb-holder-4-col-vertical.png) no-repeat;
  height: 246px;
}

/* SIDEBARS */

.widget_categories select, .widget_archive select {
  border-color: #dddddd;
  width: 100%;
}

/* SOCIAL WIDGETS */

.tipsy-social-icons {
  float: right;
}
.tipsy-social-icons li {
  list-style-type: none;
  margin: 0 5px 0 5px;
}
.form-input-wide {
  margin: 0px !important;
}
.form-line {
  padding-left: 0px !important;
}
h1.form-header {
  font-size: 16px !important;
}
.form-subHeader {
  font-size: 12px !important;
}
.form-label-top {
  font-size: 14px !important;
}

/* Get Local, District Map */
.page-id-42439 .legend {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 280px;
  top: 55px;
}
.page-id-42439 .legend li {
  margin: 0;
  margin-bottom: 10px;
}
.page-id-42439 .legend li a {
  font-size: 14px;
  font-weight: bold;
}
.page-id-42439 .legend li b {
  word-wrap: break-word;
  font-size: 90%;
  font-weight: normal;
  line-height: 1.4;
  color: #333;
}
.page-id-42439 .legend li span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 480px) {
  .page-id-42439 .legend {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
  }
}

/* Generic UDWA Ninja Forms Styles */
.nf-form-content:after {
  content: "";
  display: table;
  clear: both;
}

.nf-form-fields-required,
.nf-error-field-errors {
  margin: 15px 2px;
  font-size: small;
}

.nf-error-msg {
  font-size: small;
  margin: 0 2px;
}

.nf-form-cont:after {
  content: "";
  display: table;
  clear: both;
}

.nf-form-title {
  text-align: center;
  font-size: 22px;
  display: block;
  padding: 1em 0;
}

.nf-form-title h3 {
  color: #555;
  margin: .5em 0;
}

.nf-form-wrap label {
  font-size: 14px;
}

.nf-field-container small {
  display: inline-block;
  line-height: 1.3;
}

.nf-field-container input[type="text"],
.nf-field-container input[type="email"],
.nf-field-container input[type="tel"],
.nf-field-container select {
  padding: .5em;
  border-radius: 2px;
  border: 1px solid #bbb;
  font-family: Arial, sans-serif;
  background: white;
}

.nf-field-container {
  float: left;
  clear: none !important;
  width: 100%;
  border: 4px solid transparent;
  margin-bottom: 10px !important;
}

.nf-field-container.hidden-container {
  display: none;
}

.nf-field .list-radio-wrap .nf-field-label,
.nf-field .list-radio-wrap .nf-field-element {
  float: left;
  width: auto;
}

.nf-field .list-radio-wrap li {
  display: inline-block;
}

.nf-field .list-radio-wrap li label {
  margin-right: 10px;
}

.nf-field .list-radio-wrap .nf-field-label {
  margin-right: 10px;
}

.nf-field-container.checkbox-container {
  margin-top: calc(1em + 10px * 2);
}

.nf-field .checkbox-wrap .nf-field-label {
  padding-left: 0;
}

.nf-element[type="button"] {
  border: 0;
  padding: .6em 2em;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  background: #0567AE;
  color: white;
  border-radius: 8px;
  cursor: pointer;
}

.nf-response-msg {
  font-size: 24px;
}

.nf-field-container.col-1 {
  width: calc(8.333% * 1);
}

.nf-field-container.col-2 {
  width: calc(8.333% * 2);
}

.nf-field-container.col-3 {
  width: calc(8.333% * 3);
}

.nf-field-container.col-4 {
  width: calc(8.333% * 4);
}

.nf-field-container.col-5 {
  width: calc(8.333% * 5);
}

.nf-field-container.col-6 {
  width: calc(8.333% * 6);
}

.nf-field-container.col-7 {
  width: calc(8.333% * 7);
}

.nf-field-container.col-8 {
  width: calc(8.333% * 8);
}

.nf-field-container.col-9 {
  width: calc(8.333% * 9);
}

.nf-field-container.col-10 {
  width: calc(8.333% * 10);
}

.nf-field-container.col-11 {
  width: calc(8.333% * 11);
}

@media screen and (max-width: 1200px) {
  .nf-field-container {
    width: 100% !important;
  }
}

@media screen and (max-width: 1024px) {
  .nf-field-container {
    width: 100% !important;
  }

  .nf-field-container.checkbox-container {
    margin-top: 0;
  }

  main, aside {
    float: none;
    width: 100%;
  }
}

/* Mobile styles for URL with ?mobile=1 */

body.mobile #top-wrapper,
body.mobile #main-menu,
body.mobile #bottom-bg,
body.mobile #footer-bg {
  display: none;
}