/*
 Theme Name:     KELSEY Child Theme
 Theme URI:      http://www.kelseyads.com
 Description:    kelsey WP Template Child Theme
 Author:         Kelsey
 Author URI:     http://www.kelseyads.com
 Template:       kelsey-parent-theme
 Version:        1.0.0
*/
/*------------------SITE CSS----------------------*/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.2em; }

h1 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.2em;
  font-size: 14px;
  color: #aa0202;
  font-weight: 800;
  text-transform: uppercase; }

h2 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.2em;
  font-size: 18px;
  color: #000000; }

h3 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.2em;
  font-size: 16px;
  color: #000000; }

p {
  font-family: "Open Sans", sans-serif;
  line-height: 1.5em;
  font-size: 16px;
  color: #75746f; }

.row {
  max-width: 1200px !important; }

/*========================
	 OOCSS STYLES - (can these be mixins?)
=========================*/
.main_color {
  color: #DC3434; }

.secondary_color {
  color: #75746f; }

.clear {
  clear: both; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.copy-section {
  padding: 50px; }

/*========================
	 	HEADER
=========================*/
#header {
  padding-top: 10px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 4; }
  @media screen and (max-width: 1024px) {
    #header {
      padding-bottom: 10px;
      background-color: #DC3434;
      position: relative; } }

#inner-header #logo {
  padding: 0; }
  #inner-header #logo img {
    width: auto; }

/*========================
	 	MAIN NAV
=========================*/
.main_nav {
  padding-top: 20px;
  float: right;
  position: relative;
  z-index: 1; }
  .main_nav ul {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    font-weight: bold; }
  .main_nav ul li {
    display: block;
    position: relative;
    float: left; }
  .main_nav li ul {
    display: none; }
  .main_nav ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    margin-left: 1px;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 14px; }
    @media screen and (max-width: 1024px) {
      .main_nav ul li a {
        padding: 5px; } }
  .main_nav ul li a:hover {
    background: #DC3434;
    /*aa0202*/ }
  .main_nav li:hover ul {
    display: block;
    position: absolute;
    width: 100%; }
  .main_nav li:hover li {
    float: none;
    font-size: 11px; }
  .main_nav li:hover a {
    background: #DC3434; }
  .main_nav li:hover li a:hover {
    background: #e45f5f; }
  .main_nav ul ul li a {
    font-weight: 100;
    font-size: 16px;
    text-transform: none;
    width: 160px; }
  .main_nav ul ul ul li a {
    padding-left: 30px; }

/*========================
	 	MOBILE NAV
=========================*/
.mobile_nav {
  display: none; }
  @media screen and (max-width: 1024px) {
    .mobile_nav {
      display: block;
      /*934px*/ } }

/*
nav.tab-bar {
  margin-top: -45px;

  	@include max-screen(1024px) {
		margin-top: 0px;
	}
}
*/
#nav {
  display: none; }
  @media only screen and (max-width: 1024px) {
    #nav {
      display: inline; } }

#toggle {
  display: none; }
  @media only screen and (max-width: 1024px) {
    #toggle {
      display: inline; } }

#toggle {
  position: absolute;
  right: 40px;
  z-index: 1000; }

.nav-collapse ul {
  text-align: center;
  background-color: #DC3434; }

.nav-collapse li {
  padding: 10px; }

.nav-collapse li a {
  color: white;
  font-size: 18px; }

.js .nav-collapse-0.opened {
  max-height: auto !important; }

.nav-collapse li ul li {
  display: none; }

/*
.nav-collapse li:hover ul li {
	display: block;
}
*/
#toggle {
  padding: 20px;
  color: white; }

.nav-collapse li.has-dropdown > a {
  text-transform: uppercase; }

.nav-collapse li.has-dropdown {
  margin-bottom: 0;
  padding-bottom: 0; }

.main_nav li.has-dropdown > a {
  cursor: default; }

/*========================
	FOCAL IMAGE/SLIDER
=========================*/
#slider {
  width: 100%;
  text-align: center;
  position: relative; }
  #slider img {
    max-width: 1200px;
    width: 100%;
    margin: -62px auto 0 auto; }
    @media screen and (max-width: 1024px) {
      #slider img {
        margin: -45px auto 0 auto; } }
  #slider .slider-copy {
    position: absolute;
    width: 100%;
    top: 45%; }
    @media screen and (max-width: 650px) {
      #slider .slider-copy {
        top: 40%; } }
    #slider .slider-copy img {
      width: 500px; }
      @media screen and (max-width: 650px) {
        #slider .slider-copy img {
          width: 350px; } }
    @media screen and (max-width: 479px) {
      #slider .slider-copy {
        display: none; } }

/*========================
	 	MAIN BODY
=========================*/
#main-body {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #efeee8;
  min-height: 300px;
  overflow: hidden;
  background-image: url("images/FBS_website-body-saw.png");
  background-position: right bottom;
  background-repeat: no-repeat; }

#main-copy {
  padding: 50px 0 20px; }
  #main-copy .right-copy {
    float: left;
    margin-top: 35px; }
    @media only screen and (max-width: 600px) {
      #main-copy .right-copy {
        margin-top: 0; } }
  #main-copy .left-copy {
    float: left;
    margin-top: 65px;
    padding: 0 15px !important; }
    #main-copy .left-copy h2 {
      vertical-align: middle; }
    @media only screen and (max-width: 600px) {
      #main-copy .left-copy {
        margin-top: 0; } }

#home-gallery {
  border-top: 3px solid #DC3434;
  width: 100%;
  max-height: 1098px;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    #home-gallery {
      max-height: 100%; } }
  #home-gallery img {
    width: 100%; }
    #home-gallery img:hover {
      background: black; }
  #home-gallery #left-image .image-two {
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    #home-gallery #left-image .image-two img:hover {
      opacity: .5; }
    #home-gallery #left-image .image-two p {
      position: absolute;
      right: 100px;
      color: white;
      z-index: 30000;
      top: 50px; }
      #home-gallery #left-image .image-two p span {
        font-size: 13px; }
  #home-gallery #right-image {
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    #home-gallery #right-image img:hover {
      opacity: .5; }
    #home-gallery #right-image p {
      position: absolute;
      right: 100px;
      top: 50px;
      color: white;
      z-index: 30000; }
      #home-gallery #right-image p span {
        font-size: 13px; }
  #home-gallery #left-image .image-two:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s; }
  #home-gallery #right-image:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s; }
  #home-gallery #left-image .image-two:hover:after {
    opacity: 1;
    color: white; }
  #home-gallery #right-image:hover:after {
    opacity: 1;
    color: white; }
  #home-gallery .columns {
    padding: 0; }

/*========================
	 CONTENT SECTIONS
=========================*/
.sub-page h2 {
  color: #DC3434;
  font-weight: bold;
  text-transform: uppercase; }
.sub-page h2.request-address {
  margin-top: 43px; }
.sub-page #header {
  height: 105px;
  background-color: #eeede5;
  background-image: url(images/FBS_website-sub-head-scissors.png);
  background-repeat: no-repeat;
  background-position: 290px center; }
  @media screen and (max-width: 1024px) {
    .sub-page #header #inner-header {
      background-color: #DC3434;
      margin-top: -10px;
      padding-bottom: 10px;
      padding-top: 10px;
      position: relative; } }
.sub-page .main_nav ul li a {
  color: #adaaa1; }
.sub-page .main_nav ul li:hover a {
  color: white; }
.sub-page #main-body {
  background: #f9f9f6; }
.sub-page #main-copy {
  background-image: none;
  padding: 0; }
  .sub-page #main-copy img {
    width: 100%; }
  .sub-page #main-copy .columns {
    padding: 0; }
  @media screen and (max-width: 1160px) {
    .sub-page #main-copy {
      padding: 0 25px; } }
.sub-page #main-copy .right-copy.columns {
  padding: 5px 20px; }
.sub-page .sub-bottom {
  background-color: #DC3434;
  text-align: center;
  padding: 90px 50px;
  background-image: url("images/FBS_website-red-strip-bg.png");
  background-repeat: no-repeat;
  background-position: right center;
  max-width: 1200px;
  margin: 0 auto; }
  .sub-page .sub-bottom h3 {
    color: white;
    font-weight: bold;
    text-transform: uppercase; }
  .sub-page .sub-bottom p {
    color: white;
    text-align: left; }
  .sub-page .sub-bottom img {
    width: auto; }
.sub-page .sub-bottom.estimate {
  background-image: none; }

/*========================
	 	FOOTER
=========================*/
#footer {
  min-height: 300px;
  background-color: #bfbdb5;
  padding-top: 50px;
  background-image: url("images/FBS_website-foot-place-gray.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-bottom: none;
  clear: both;
  position: relative;
  z-index: 1000;
  max-width: 1200px;
  margin: 0 auto; }

#inner-footer p {
  color: white;
  font-size: 14px;
  padding-bottom: 10px; }
#inner-footer #newsletter {
  margin-bottom: 30px; }
  #inner-footer #newsletter p {
    border-bottom: solid 2px white; }
  #inner-footer #newsletter input {
    color: #999;
    font-family: open sans;
    font-size: 18px;
    font-weight: 100;
    height: 52px;
    text-transform: uppercase; }
#inner-footer #contact {
  float: right; }
  #inner-footer #contact h3 {
    color: white;
    font-weight: bold;
    padding: 0;
    margin: 0; }
  #inner-footer #contact p {
    padding: 0;
    margin: 0; }

#social .img {
  float: left;
  margin-right: 10px; }
#social .foot-fb, #social .foot-houzz, #social .foot-pint {
  width: 37px;
  height: 37px;
  overflow: hidden; }
  #social .foot-fb:hover, #social .foot-houzz:hover, #social .foot-pint:hover {
    background-position: center -37px; }
#social .foot-fb {
  background-image: url(images/Frazier_Facebook_sprite.jpg);
  background-repeat: no-repeat; }
#social .foot-houzz {
  background-image: url(images/Frazier_houzz_sprite.jpg);
  background-repeat: no-repeat; }
#social .foot-pint {
  background-image: url(images/Frazier_pinterest_sprite.jpg);
  background-repeat: no-repeat; }

/* ===================== CUSTOM AND RANDOM STYLES =========================== */
.row {
  width: 100%;
  max-width: 1100px; }

#mc_embed_signup {
  background: none !important; }

#mc_embed_signup input.button {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  border-radius: 0;
  	/*
  float: left;
      left: 312px;
      margin: -50px 0 10px !important;
      position: absolute;
      top: 60px;
      width: 122px !important;
      background: #aa0202 !important;
      border-radius: 0;
      color: #fdfdfc !important;
      font-family: $mainFont;
      height: 52px;
  
      	@media only screen and (max-width : 480px) {
  	    	top: 116px;
  	    	left: 0;
  	    }
  */ }

#mc_embed_signup input.button:hover {
  background: #dc0303 !important; }

#mc_embed_signup input.email {
  float: left !important;
  max-width: 310px !important;
  margin: 0 1% 10px 0 !important; }

input.wpcf7-form-control.wpcf7-submit {
  background-color: #dc3434;
  border: medium none;
  color: white;
  font-size: 1em;
  height: 50px;
  text-transform: uppercase;
  width: 100px; }

.ajax-loader {
  display: none; }

#mc_embed_signup form {
  padding-left: 0 !important;
  overflow: hidden !important;
  height: 120px;
  width: 100%; }

#contact #social {
  margin: 10px 0; }
  #contact #social img {
    width: auto;
    margin-right: 10px;
    float: left; }

@media only screen and (max-width: 600px) {
  html #wpadminbar {
    margin-top: -46px; } }
.one_half {
  padding-right: 2%; }

@media screen and (max-width: 1160px) {
  .left-req {
    padding: 0 20px !important; } }

/*========================
	 MEDIA QUERIES
=========================*/