/*
Theme Name:         HND child theme
Theme URI:          http://www.detheme.com
Description:        Home & Decor, The Awesome Wordpress Theme by detheme
Version:            1.0.1
Author:             detheme
Author URI:         http://detheme.com
Template: 			hnd
License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/*** PEDERSEN'S STYLING ***/


/*** Typography ***/
p {
color:#353535;
}

a {
font-weight:400;
}

h2, h2.section-main-title{
color:#756D5B!important;
}

h2.blog-post-title a{
color:#353535!important;
}

h2.blog-post-title a:hover{
color:#000!important;
}

/*** Styles links on Living Spaces pages ***/
h2.vt_title a{
color:#756D5B;
}

h2.vt_title a:hover{
color:#BFB7AA;
}

h3{
color:#756D5B!important;
}


/*** Styles text color for Pendant light parallax background ***/
.pendant h2.section-heading-horizontal-line-fullwidth{
  color:#fff!important;
}


/*** Styling for sub heading on Staff page ***/
.vc_separator, .teamSubheading h4{
font-size:15px;
font-family: lora;
font-weight:normal;
font-style:italic;
color:#BFB7AA!important;
}

/*** Adds border to mega-menu drop-down box ***/
#dt-menu .megamenu-sub > li > .row {
background:#F9F9F9!important;
border-bottom: 1px solid #F1F0F1;
border-left: 1px solid #F1F0F1;
border-right: 1px solid #F1F0F1;
}
/*** Adds border to standard drop-down ***/
.sub-nav{
background:#F9F9F9!important;
border-bottom: 1px solid #F1F0F1;
border-left: 1px solid #F1F0F1;
border-right: 1px solid #F1F0F1;
}

/*** Set Color On Mega-Menu Column Headings ***/
.megamenu-heading a span{
color:#B48565;
font-weight:700!important;
}
.megamenu-heading:hover a span{
color:#B48565;
}

/***Change Link Hover Color In Main Navigation***/
#dt-menu li a:hover {
color:#BFB7AA!important;
}

/*** Adjust Padding Top-Bottom of Logo & Compensate for Change in Sub-Nav Positioning ***/
.home #head-page.reveal.alt.menu_background_color{
padding-top:5px;
padding-bottom:5px;
}
#head-page.adminbar-is-here.hastopbar.reveal.alt {
top: 0;
padding-top: 5px;
padding-bottom: 5px;
}

#head-page.adminbar-is-here.hastopbar.reveal {
top: 32px;
padding-top: 5px;
padding-bottom: 5px;
}

/*** Sub-Nav Adjustment ***/
.home #head-page.reveal.menu_background_color {
background-color:#F1F0F1!important;
padding-top: 5px;
padding-bottom: 5px;
}

/***Set Background Color For Top Bar***/
#top-bar{
background-color:#FFFFFF!important;
}


/*** Styling for Designers main and individual pages ***/

h2.profile-title{
color:#756D5B!important;
}

.our-designers h3.profile-position{
color:#BFB7AA!important;
font-family: lora;
font-weight:normal;
font-style:italic;
}

.designer-title .section-main-title{
color:#756D5B!important;
}

h3.designerSubtitle {
color:#BFB7AA;
size:24px;
font-family: lora;
font-weight:normal;
font-style:italic;
}


/*** Styles Learn More Button on Our Designers Page ***/

.vc_btn3.vc_btn3-color-chino.vc_btn3-style-modern {
    color: #fff;
    border-color: #756D5B;
    background-color: #756D5B;
    margin-top:20px;
}

.vc_btn3.vc_btn3-color-chino.vc_btn3-style-modern:hover {
    color: #fff;
    border-color: #BFB7AA;
    background-color: #BFB7AA;
margin-top:20px;
}

/*** Styles Separator on Interior Designers Page ***/
.designerSep h4{
color:#BFB7AA;
font-family:Lora;
font-weight:normal;
}


/*** Controls Responsive positioning of Email & Portfolio links on Interior Designers Page ***/
@media (max-width:991px) {
  .designerEmail {
    padding-left:0px;
    min-width:120px;
    font-size:14px;
   }
}

@media (max-width:765px) {
  .designerEmail {
   font-size:18px;
   padding-left:0px;
   }
}

@media (max-width:991px) {
  .designerPortfolio a{
    font-size:10px;
   }
}

@media (max-width:765px) {
  .designerPortfolio a{
   font-size:14px;
   }
}





/*** Styles Social Icons on Our Designers Page ***/
i.fontelloicon-facebook-squared,
i.fontelloicon-linkedin-squared,
i.fontelloicon-pinterest-squared,
i.fontelloicon-mail-alt::before {
color:#353535!important;
}

i.fontelloicon-facebook-squared:hover,
i.fontelloicon-linkedin-squared:hover,
i.fontelloicon-pinterest-squared:hover,
i.fontelloicon-mail-alt:hover::before {
color:#BFB7AA!important;
}

/*** Styling Related to Elements on Project pages ***/
.vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern{
background-color:#256357;
border-color:#256357;
color:#fff;
}

.vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern:hover{
background-color:#31a29e;
border-color:#31a29e;
color:#fff;
}

/*** Styles Social Icons on Projects Page ***/
i.fontelloicon-facebook,
i.fontelloicon-linkedin,
i.fontelloicon-pinterest,
i.fontelloicon-twitter,
i.fontelloicon-mail-alt {
color:#353535!important;
}

i.fontelloicon-facebook:hover,
i.fontelloicon-linkedin:hover,
i.fontelloicon-pinterest:hover,
i.fontelloicon-twitter:hover,
i.fontelloicon-mail-alt:hover {
color:#BFB7AA!important;
}


/*** Styling overrides for primary buttons on slider, etc. ***/
.btn-color-primary.skin-light{
background-color:#546f16!important;
color:#fff!important;
border:1px solid #546f16!important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

.btn-color-primary.skin-light:hover{
background-color:#353535!important;
color:#fff!important;
border:1px solid #353535!important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}


.btn-ghost.skin-light{
background-color:#546F16!important;
color:#fff!important;
border:1px solid #546F16!important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

.btn-ghost.skin-light:hover{
background-color:#353535!important;
color:#fff!important;
border:1px solid #353535!important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}


/*** Styling Related to Blog and Posts ***/
#banner-section .banner-title .page-title{
padding-top:80px;
}


/*** Hides Feature Image on main Blog feed ***/
.blog .postimagecontent img {
display: none;
}

.single-post .postimagecontent img {
display: block;
}

/*** Styling for Contact Form elements ***/
.btn-contact-form{
border: none;
color: #ffffff;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
border-radius: 5px;
padding: 10px;
background-color: #546F16;
}

.btn-contact-form:hover{
border: none;
color: #ffffff;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
border-radius: 5px;
padding: 10px;
background-color: #363734;
}

.select-content{
min-width:400px;
min-height:350px;
}


/*** Styling for Social Icons on Contact Us Page ***/

.socialChannels {
margin-top:10px;
}

.socialChannels li{
list-style:none;
display:inline;
padding-right:10px;
}
.socialChannels li a{
background-color:transparent;
color:#dd9933;
}
.socialChannels li a:hover {
background-color:transparent;
color:#545454;
}

/*** Styling for Social Icons using Font Awesome at bottom of Home Page ***/

a.socialP {
padding:0px 10px;
color:#dd9933;
}

a.socialP:hover{
color:#ffffff;
}

/*** Styles quotation mark on Testimonials page ***/
.pQuote{
color:#756d5b;
}

/*** Styles icons to external reviews on Testimonials page ***/
.rGoogle{
color:#4285f4;
}
.rGoogle:hover{
color:#353535;
}
.rFacebook{
color:#3b5998;
}
.rFacebook:hover{
color:#353535;
}
.rHouzz{
color:#7ac143;
}
.rHouzz:hover{
color:#353535;
}

/*** Styling related to Masterplan page ***/

h2.masterPlan {
color:#ba8748!important;
}
h2.masterPlanLight {
color:#f5f5f5!important;
}
h2.masterPlanCTA{
font-family: Lora!important;
font-style: italic!important;
font-size: 24px!important;
text-align:center!important;
color: #756d5b!important;
font-weight:700!important;
text-transform:none!important;
}

/*** Styling for Buy American text overlay on Philosophy page ***/
.buyAmerican{
font-size: 32px;
font-weight:600;
color:#dd9933;
font-style:italic;
text-align:center;
text-transform:uppercase;
text-shadow: 1px 1px 1px #000;
}

/*** Styling for Quotation Mark on Project Pages ***/
i.clientQuote {
color:#DDD9D7;
padding-right:10px;
}


/*** Styling for Employment Form ***/

#leftform {
width:47%;
float:left;
margin-right:6%;
}

#rightform {
width:47%;
float:left;
}

#leftdrop {
width:47%;
float:left;
margin-right:6%;
}

#rightdrop{
width:47%;
float:left;
}

.clearfix:after{
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:10px;
}

.clearfix{
display:block;
}

/*** Styling for elements in Main Nav Mega Menu ***/
.Craftsmen {
text-align:center!important;
}

.megaHeading {
text-align:center!important;
}

h1 .call800{
color:#fff;
}

/* New Additions */

ul#fof-sub-5373 {
    width: 74% !important;
}

.menu-item img {
    width: 100%;
}

/*** Responsive behavior for tag and address and phone at top of page ***/

@media (max-width:1024px) {
  .tagline{
    visibility:hidden;
    margin-top:-30px;
   }
}

@media (min-width:1024px) {
  .address{
    visibility:hidden;
    margin-top:-20px;
   }
}

@media (max-width:1024px) {
  .call800top{
    margin-top:0px;
    padding-bottom:20px;
   }
}


/* Responsive Fixes */

@media only screen and (max-width: 1280px) {
  ul#fof-sub-5373 {
    width: 65% !important;
  }

    .tp-caption a.btn {
        font-size: 15px !important;
        padding: 15px 20px !important;
    }
}

@media only screen and (max-width: 800px) {
  div#slide-1-layer-8 {
    font-size: 13px !important;
  }
  div#slide-1-layer-5 {
    margin-left: -60px !important;
  }
  .tp-caption.hnd-pre-title, .hnd-pre-title {
      white-space: nowrap !important;
      font-size: 27px !important;
      margin-left: -40px !important;
  }
    .tp-caption a.btn {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 600px) {
    div#slide-1-layer-8 {
    font-size: 11px !important;
    margin-top: 5px !important;
    }
    div#slide-1-layer-5 {
    margin-left: -100px !important;
  }
  .tp-caption.hnd-pre-title, .hnd-pre-title {
      margin-left: -90px !important;
  }
}

@media only screen and (max-width: 460px) {
    .dt-section-head.size-xlarge .section-main-title,
    .dt-section-head.size-large .section-main-title,
    h2.blog-post-title,
    h2.blog-post-title a {
    font-size: 30px !important;
   }
   .inner-flex p,
   .inner-flex li,
   body {
    font-size: 16px !important;
   }
   .postmetabottom .col-xs-4, .postmetabottom .col-xs-8 {
    width: 100%;
    }
    .social-share-button-group {
    float: left;
    }
    .social-share-button-group li:first-of-type {
    margin-left:0;
    }
    .about-author .media-body {
    clear: both;
    padding-top: 15px;
    }
    .about-author .pull-left {
    margin-right: 0;
    float: none !important;
    }
    .vc_column-inner {
    padding-left: 5% !important;
    padding-right: 5% !important;
    }
    .wpb_single_image img {
    max-width: 80%;
    }
    .tp-caption a.btn {
      margin-top: 40px !important;
    }
    div#slide-1-layer-8 {
    margin-left: -10px !important;
    }
    div#slide-1-layer-5 {
    margin-left: -170px !important;
  }
  .tp-caption.hnd-pre-title, .hnd-pre-title {
      font-size: 25px !important;
      margin-left: -180px !important;
  }
}

@media only screen and (max-width: 414px) {
  .tp-caption.hnd-pre-title, .hnd-pre-title {
      font-size: 21px !important;
      margin-left: -180px !important;
  }
  div#slide-1-layer-5 {
    margin-left: -190px !important;
  }
  div#slide-1-layer-7 {
    padding-left: 25px !important;
  }
}

@media only screen and (max-width: 320px) {
  .tp-parallax-wrap {
    margin-top: 50px;
  }
  div#slide-1-layer-7 {
    padding-left: 35px !important;
  }
}