/*
 Theme Name:   ProSigns - A Twenty Twelve Child
 Theme URI:    http://prosigns.com
 Description:  The Prosigns theme.
 Author:       Willhouse
 Author URI:   http://willhousecreative.com
 Template:     twentytwelve
 Version:      1.0.0
 Tags:         light, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-twelve-child
*/

@import url('../twentytwelve/style.css');
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
/*Global Overrides*/
/*Override for fonts
font-weight: 800; for bold*/
* {
  font-size: 100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
* a,
* a:visited,
* a:active,
* a:focus {
  color: #3b7079;
  text-decoration: none;
}
/*contact form email link color*/
a#contactform {
  color: #3b7079;
}
body {
  background-color: #fff;
}
body .site {
  box-shadow: none;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
  box-shadow: none;
}
/* =Theme customization starts here
-------------------------------------------------------------- */
/*COLOR PALETTE

  Dark Blue #131136
  Light Grey #ebebec
  Dark Grey #77787b
  White #fff

*/

/*Basic Page Styles */
.entry-header .entry-title {
  text-align: center;
}

/*HEADER STYLES*/
.entry-content h2,
.entry-content h2 a {
  background-color: #131136;
  padding-left: 5px;
  color: #fff;
}

.page-id-2 .entry-content a:visited,
.page-id-2 .comment-content a:visited {
  background-color: #131136;
  padding-left: 5px;
  color: #fff;
}

/*COLUMS*/
.one_half.last_column {
  width: 49%;
}
.content-column.one_half.last_column {
  border-left: 1px solid #333;
}
/*FIXED HOME PAGE HEADER*/
body.home #fixedHeader {
  position: fixed;
  /* center the element */
  right: 0;
  left: 0;
  top: 0;
  margin-right: auto;
  margin-left: auto;
  /* give it dimensions */
  height: 211px;
  width: 68rem;
  z-index: -999;
  text-align: center;
}
body.home #fixedHeader .fixedHeaderInner {
  background-color: #131136;
  color: #fff;
  margin: 0 auto;
  padding: 15px 2.85714rem;
}
body.home #fixedHeader .fixedHeaderInner h4 {
  font-size: 27px;
  line-height: 35px;
  margin-bottom: 12px;
}
body.home #fixedHeader .fixedHeaderInner p {
  font-size: 16px;
  line-height: 24px;
}
/*Top Margin for the page on the Home Page*/
body.home .site {
  margin-top: 200px;
}
body.home .entry-header {
  display: none !important;
}
body.home .site-header {
  padding: 0px;
}
/*SITE LOGO AND CONTACT INFO*/
#mastheadContainer {
  margin-bottom: 15px;
}
.header-image {
  margin-top: 0;
}
#mastheadContact {
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 35px;
}
#mastheadContact img {
  max-width: 35px;
  vertical-align: middle;
}
/*MAIN NAVIGATION*/
#site-navigation {
  background-color: #ebebec;
  padding: 0 3%;
}
.main-navigation {
  clear: both;
}
/*Navigation Colors*/
/*Current Page Style*/
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
  color: #131136;
  font-weight: 800;
}
/*Non current page style*/
.main-navigation li a {
  color: #131136;
  font-weight: 400;
}
/*Hover links*/
.main-navigation li a:hover,
.main-navigation li a:focus {
  color: #77787b;
}
/*Center Navigation*/
ul.nav-menu {
  width: 780px !important;
  margin-left: auto;
  margin-right: auto;
}
ul.nav-menu li {
  padding: 0px;
  margin: 0px 24px 0 24px;
}
/*HOME PAGE WIDGETS*/
.homepage-content {
  padding: 1.71429rem 0;
  display: block;
}
/*Slideshow*/
#slideshow {
  margin-top: -25px;
  padding-top: 0px;
}
/*Testimonials*/
#ProSignsTestimonialsBar .Quotes {
  text-align: center;
}

#ProSignsTestimonialsBar .RandomExcerpts {
  font-weight: 400;
  line-height: 25px;
  font-size: 1.5em;
}
#ProSignsTestimonialsBar .testimonialsSubMenu span.prosignsGo img {
  float: right;
  padding-top: 13px;
  padding-right: 25px;
}
#ProSignsTestimonialsBar .RandomExcerpts {
  font-weight: 400;
  line-height: 25px;
  font-size: 1.5em;
  height: 200px;
}
#ProSignsTestimonialsBar .testimonialsSubMenu img {
  vertical-align: middle;
  margin-right: 10px;
}

#ProSignsTestimonialsBar
  .testimonial_slider__minimal
  .testimonial_by_wrap
  .testimonial_by {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
}
#ProSignsTestimonialsBar
  .testimonial_slider__minimal
  .testimonial_by_wrap
  .testimonial_site {
  color: #131136 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
}
/*Featured Galleries*/
#featuredGalleries {
  position: relative;
  width: 100%;
  height: 1025px;
}
/*hide the view mores for mobile*/
#featuredGalleries span {
  display: none;
}
#featuredGalleries .widget_sp_image {
  position: relative;
  padding: 0% 0%;
  height: 330px;
}
#featuredGalleries h3.widget-title {
  position: absolute;
  top: 250px;
  color: #131136;
  font-size: 1.5em;
}
#featuredGalleries .widget_sp_image .widget_sp_image-description {
  position: absolute;
  top: 285px;
  font-size: 1em;
  line-height: 18px;
}
#featuredGalleries #widget_sp_image-2,
#featuredGalleries #widget_sp_image-3,
#featuredGalleries #widget_sp_image-4 {
  width: 90%;
}
#featuredGalleries #widget_sp_image-2 {
  float: none;
}
#featuredGalleries #widget_sp_image-3 {
  float: none;
}
#featuredGalleries #widget_sp_image-4 {
  float: none;
}
#viewAllGalleries {
  clear: both;
  width: 90%;
  display: block;
  background-color: #ebebec;
  padding: 1%;
  text-align: right;
  padding: 1.71429rem 0;
  display: block;
}
#viewAllGalleries a {
  color: #77787b;
}
#viewAllGalleries img {
  vertical-align: middle;
  margin-left: 5px;
}
/*Home Page Main Content*/
body.home .site-content {
  float: none;
  width: 100%;
  background-color: #fff;
}
/*MAIN LOOP STYLES*/
.site-content article {
  border-bottom: none;
}
/*PROSIGNS CONTACT FORM*/
.forminator-response-message {
  color: white;
  font-size: 1.2rem;
  margin: 15px;
}

/*Error Codes*/
#forminator-module-45060 .forminator-field {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.forminator-field input,
.forminator-field textarea {
  width: 76%;
}
.forminator-field input.forminator-field--phone {
  width: 125%;
}
.forminator-field .iti__flag-container {
  right: -30px;
}
.forminator-label {
  width: 24%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  height: 31px;
  background: url(images/contactlabel.gif) 11px 1px;
  color: #131136;
  text-transform: lowercase;
  padding-left: 5px;
  padding-right: 36px;
  padding-top: 0px;
  margin-top: 0px;
}
#forminator-module-45060 {
  background-color: transparent !important;
}
#contactform span.forminator-error-message,
#contactform span.emailreqtxt {
  color: hotpink;
  display: block;
  font-size: 1rem;
  height: 1rem;
  line-height: 1em;
  margin: 0;
  padding: 10px;
  text-align: left;
  font-style: italic;
  width: 100%;
}

#contactform {
  background-color: #131136;
  padding: 15px;
  min-height: 540px;
}
#contactform aside#text-5 {
  padding-right: 3%;
  float: left;
  width: 27%;
  border-right: solid white thin;
  min-height: 590px;
  line-height: 1.7em;
  background: url(images/contacticon.png) no-repeat 58px 275px;
}
#contactform h3.widget-title {
  color: #fff;
}
#contactform .textwidget {
  color: #fff;
}
#contactform h3.widget-title {
  text-transform: lowercase;
  font-weight: normal;
  font-size: 2em;
}
#contactform button,
#contactform input,
#contactform select,
#contactform textarea {
  border: 1px solid #fff;
  border-radius: 0px;
  font-family: inherit;
  padding: 6px;
  padding: 0.428571429rem;
}

#contactform .forminator-input-file {
  color: #fff;
  border: none;
}
#contactform .forminator-description {
  color: white;
  padding-top: 15px;
}

#contactform #li--8 {
  padding-top: 25px;
  margin-top: 25px;
}
#contactform input#sendbutton {
  width: 20%;
  margin: 0 7% 0 21.9%;
  /*float: right;*/
  background-color: #e2e2e2;
  color: #131136;
  position: absolute;
  bottom: 2px;
  right: 2px;
}
#contactform input#sendbutton:hover {
  background-color: #999;
}
/*FOOTER*/
footer[role='contentinfo'] {
  border-top: none;
  margin-top: 0.5rem;
  padding: 1.71429rem 0;
}
footer#colophon {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}
footer#colophon .progutter {
  padding: 0px 15px;
}
footer#colophon #PROsocial {
  padding: 15px 0;
}
/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
  /*MASTHEAD*/
  #siteLogo {
    width: 61%;
    float: left;
    padding: 0 3%;
    height: 95px;
  }
  #siteLogo img {
    max-width: 301px;
  }
  #mastheadContact {
    width: 33%;
    display: block;
    float: right;
    text-align: center;
    padding-top: 15px;
  }
  #mastheadContact p.bigger {
    font-size: 18px;
  }
  #mastheadContact img {
    max-width: 38px;
    vertical-align: middle;
  }
  /*Testimonials*/
  #ProSignsTestimonialsBar {
    height: 260px;
  }
  #ProSignsTestimonialsBar .RandomExcerpts {
    font-weight: 400;
    line-height: 25px;
    font-size: 1.5em;
    height: 150px;
  }
  #ProSignsTestimonialsBar .Quotes {
    width: 15%;
    float: left;
    padding-left: 45px;
    padding-top: 45px;
  }
  #ProSignsTestimonialsBar #testimonials {
    width: 42%;
    float: left;
    padding-left: 55px;
  }
  #ProSignsTestimonialsBar .testimonialsSubMenu {
    width: 30%;
    float: right;
    padding-left: 0px;
    padding-top: 15px;
  }
  #ProSignsTestimonialsBar .testimonialsSubMenu img {
    vertical-align: middle;
    margin-right: 10px;
  }
  /*Featured Galleries*/
  #featuredGalleries span {
    display: block;
  }
  #featuredGalleries img {
    max-height: 200px !important;
  }
  #featuredGalleries {
    position: relative;
    width: 100%;
    height: 300px;
  }
  #featuredGalleries .widget_sp_image {
    position: relative;
    padding: 0% 1%;
    height: 300px;
  }
  #featuredGalleries #widget_sp_image-2 {
    width: 31%;
    float: left;
  }
  #featuredGalleries #widget_sp_image-3 {
    width: 31%;
    float: left;
    padding-left: 15px;
  }
  #featuredGalleries #widget_sp_image-4 {
    width: 31%;
    float: right;
  }
  #featuredGalleries .widget_sp_image .widget-title {
    position: absolute;
    top: 210px;
    color: #131136;
    font-size: 1.5em;
  }
  #featuredGalleries .widget_sp_image .widget_sp_image-description {
    position: absolute;
    top: 245px;
    font-size: 1em;
    line-height: 18px;
  }
  #featuredGalleries .gallery1,
  #featuredGalleries .gallery2,
  #featuredGalleries .gallery3 {
    z-index: 9999;
    position: absolute;
    top: 60px;
  }
  #featuredGalleries .gallery1 {
    left: -3px;
  }
  #featuredGalleries .gallery2 {
    left: 320px;
  }
  #featuredGalleries .gallery3 {
    left: 643px;
  }
  /*view all galleries*/
  #viewAllGalleries {
    clear: both;
    width: 100%;
    display: block;
    background-color: #ebebec;
    padding: 1%;
    text-align: right;
    padding: 0.5rem 0;
    display: block;
  }
  #viewAllGalleries a {
    color: #77787b;
  }
  #viewAllGalleries img {
    vertical-align: middle;
    margin-left: 5px;
  }
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
}