/*
 Theme Name:   HBG GP Child Theme
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       The Dickiebirds Studio
 Author URI:   https://dickiebirds.studio/
 Template:     generatepress
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/* Add your custom styles below... */

i.wpd-optimised-video__play-button {
    color: rgba(237,0,0,0.7) !important;
    transition: color 0.2s linear;
}

/*MOBILE-GALLERY*/
.pp-hover-card-container {
    background-position: center center !important;
}
/*BLOG-POSTS-LAYOUT*/
.blog-posts-layout .two-columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.blog-posts-layout .two-columns .fl-post-image{
    flex:1;
    min-width: 300px;
    height: 300px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
}
.blog-posts-layout .two-columns .fl-post-text{
    flex:1;
}
.blog-posts-layout .fl-post-feed-post {
    border-bottom: 1px solid #e5d3cd;
    padding-bottom: 75px;
    margin-bottom: 75px;
}
/*SINGLE-POST-V1*/
.single-post-v1 {
    padding: 20px;
    border: 1px solid #e0cac4;
}
.single-post-v1 h3 {
   text-transform: uppercase;
}
.single-post-v1-content #submit {
    transition: 0.5s;
    background-color: #e0cac4;
    color: #211f1f;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: "freight-display-pro";
}
.single-post-v1-content #submit:hover {
    background-color: #3a3a3a;
    color: #ffffff;
}

/*GALLERY PAGE*/
.galleries .envira-gallery-item-inner {
    border: 2px solid #dfcac3 !important;
    border-radius: 0 !important;
}

.envirabox-image-wrap {
    border: 5px solid #dfcac3 !important;
    border-radius: 0 !important;
}

/*GALLERY FIXED BTN*/

.fixed-btn {
    position: fixed;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: 5px;
    z-index: 9999;
}
/*SERVICE PAGE*/
.services-grid h3 {
    /*display: inline-block;*/
    text-transform: uppercase;
    background-color: rgba(255,255,255, 0.5);
    padding: 5px 10px
}
.services-grid .pp-hover-card-border {
    border-width: 2px !important;
}
.services-grid .pp-more-link {
    font-size: 15px !important;
    background-color: #dfcac3 !important;
    color: #000000 !important;
    transition: 0.3s !important;
    font-family: "freight-display-pro" !important;
    font-style: normal !important;
}
/*.services-grid .pp-more-link:hover {*/
/*    background-color: #dd8c71 !important;*/
/*    color: #dddddd !important;*/
/*}*/
.services-grid .pp-more-link:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}
/*EACH OF SERVICE PAGE */
#menu-service-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#menu-service-menu a {
    font-weight: 700;
    text-transform: uppercase;
    color: #3a3a3a;
    border-right: 2px solid #3a3a3a;
    padding: 0 10px;
}
@media(max-width:980px) {
  #menu-service-menu a {
    border-right: 2px solid #3a3a3a;
}
}
#menu-service-menu li:last-child a {
    border-right: none;
}

#menu-service-menu a:hover {
    /*color: #dd8c71;*/
    /*color: #e09684;*/
    color: #dfcac3;
}

#menu-service-menu .current-menu-item a {
    /*color: #dd8c71;*/
    /*color: #e09684;*/
    color: #dfcac3;
}
.service-title span {
    background-color: #fff;
    padding: 0 40px;
    display: inline-block;
}
/*EACH OF SERVICE PAGE */


.faq .pp-accordion-button-label {
    text-transform: uppercase;
    font-weight: 500;
}
.faq p {
    font-family: "freight-big-pro", serif;
    font-style: italic;
    font-size: 15px;
}


.brush-btn div {
    position: relative;
}
.brush-btn h3 {
    font-family: "freight-big-pro", serif;
    font-style: italic;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}
.brush-btn a {
    transition: 0.5s;
    color:#131313;
    text-align: center;
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
}
.brush-btn a:hover {
    color: #fff;
}

p, h1, h2, h3, h4, h5, a {
    letter-spacing: 1px;
}



html {
    background-color: rgb(236, 224, 220);
}
body {
    max-width: 1560px;
    margin:0 auto;
}

h1, h2, h3, h4, .pp-button {
    font-family: "freight-display-pro";
    font-style: normal;
}

.bigger-line-height p {
    line-height: 2;
}

.bg-white {
    background-color: #fff;
}


/*.inside-header {*/
/*    display: flex;*/
/*    flex-flow: row wrap;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*  }*/
#site-navigation {
    /*margin-top: -50px;*/
    border-top: 2px solid #e0cac4;
    border-bottom: 2px solid #e0cac4;
}

@media(min-width:768px) {
    .only_mobile {
        display: none;
    }
}

/* Logo width */
.site-logo img {
	width:350px;
}

footer {
    letter-spacing: 1px;
}






/* GeneratePress header fix for phablets & small tablets
Change the 960px value in two places to where you have nav/logo overlap */
@media(min-width:768px) AND (max-width:980px) {
  .inside-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 40px 20px 20px 20px;
  }
  #site-navigation {
    min-width: 768px;
    /*padding: 10px;*/
    text-align: center;
  }
  #site-navigation ul li {
    display: inline-block;
    float: none;
  }
}

@media(max-width:980px) {
  .site-logo img {
	width:250px;
	margin-bottom: 20px
    }
}


/*REMOVE BACKGROUND-BORDER ON SMALLER DEVICES*/

@media(max-width:750px) {
 .fl-node-5b153f7ccca75 > .fl-col-content {
     background-image: none;
 }
}



/*PRAISE*/

.quote {
    position: relative;
    z-index: 1;
}

@media(max-width:750px) {
 
}


/*CONTACT-FORM*/

.contact-form {
    /*background-color: #d0c7c2;*/
    background-color: rgb(236, 224, 220);
    padding-left:40px;
    padding-right: 25px;
    padding-top: 25px;
}
.contact-form .fl-module-content {
    margin:0 !important;
}
.contact-form .gfield_label {
    display: none !important;
}
.contact-form input[type=text], .contact-form textarea {
  letter-spacing: 2px;
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 10px !important;
}

.contact-form input[type=text]::placeholder, .contact-form textarea::placeholder {
  letter-spacing: 2px;
  color:#7a7977;
}
.contact-form  .gform_footer {
    text-align: right;
}
.contact-form .gform_button {
    background-color: #3a3a3a;
    letter-spacing: 2px
}

/*INSTAGRAM */

.sbi_photo_wrap {
    padding: 2px 3px;
    border: 1px solid #dfcac3;
}


/* GALLERY LOAD MORE */
.envira-gallery-wrap .envira-pagination {
  padding-top: 30px;
  text-align: center;
}

.envira-gallery-wrap .envira-pagination-load-more {
  background: #dfcac3;
  color: #1e1612;
  display: inline-block;
  font-family: "freight-display-pro";
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 0 auto;
  padding: 20px 35px 20px 35px;
}

.envira-gallery-wrap .envira-pagination-load-more:hover {
  background: #353535;
  color: #fff;
}


/* FOOTER */
footer p {
    font-size : 10px;
}
footer i {
    bottom: -2px;
    font-size: 14px !important;
    margin: 0 0 0 5px;
    font-weight: normal !important;
}