/*
Theme Name:     Gossh Child
Author:         Gossh
Author URI:     http://www.gossh.com/
Template:       gossh
*/



/*

Dark Purple #40404C - Headers etc
Mid purple #6F6E83 - body Copy main
Light Purple #CBCBE6 - On Dark Purple
Light Grey #9F9FA5 - Body Copy

*/

@import url("../gossh/style.css");


   /* ==============================
      Changes
      ============================== */

.pg-item h2 {
    font-family: Raleway;
    font-size: 18px;
    text-transform: none;
    margin: auto;
    display: block;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
	color: #fff
}

.page-id-964 .pg-navigation {
    display: none;
}

.gossh-20 {
    background: rgb(0, 0, 0,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
}

   /* ==============================
      2. Basic Typography
      ============================== */

   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p {
     font-weight: 300 !important;

   }

h1 a,h2 a,h3 a, h4 a{
     color: #92dad2 !important;
}


  /* ==============================
      3.3 Navigation Menu
      ============================== */


      .dark-header #header {
       background-color: rgba(239, 239, 239, 1) !important;

   }

   ul.menu-ul > li, div.menu-ul > ul > li {
    padding-bottom: 8px;
}


   /* ==============================
      Sections and Titles
      ============================== */


.section-light2 .sub-title {
    letter-spacing: 2px;
    font-size: 28px;
}

.section-light2 .section-title {
    opacity: 0.8;
        letter-spacing: 2px;
    font-size: 22px;
}

.page-subtitle {
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 42px !important;
}


.content-boxed {
    margin: 0 auto;
    padding: 2% 2%;
    max-width: 1200px;
}

#full-width .post-content {
    padding: 8% 8% 8% 8% !important;
}


.cs-content-centered.col {
	/*background: #417abe;*/
	background: #b1c8e8;
	padding: 20px;
	    margin-top: 20%;
	
}

.content-slider .cs-content-centered .button {
	
	Background: none;
	border: 1px solid #fff
		
}

  /* ==============================
      Sections colours on home
      ============================== */

.home .section-light2:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 550px;
    border-bottom: 850px solid #dce2eb;
    margin: -1px -1px -1px -1px;
}


#content-container .home-posts-first-child .section-boxed {
    margin: 15px auto 0px auto !important;
}

.home #content-container .section-title {
    padding-top: 60px !important;
}
   /* ==============================
      Blog
      ============================== */

   .post-info a {
       color: #b3b3b1;
   }

   .post-info a:hover {
       color: #b3b3b1!important;
       opacity: 0.75
   }

   .col.rp {
       background: #fff;
       text-align: left;
       padding-bottom: 20px;
   }

   .col.rp p{
     padding-left: 4%;
       padding-right: 4%;
   }


   h4.rp-post-title {
     padding-left: 4%;
       padding-right: 4%;
       font-size: 24px
   }

   .col.rp a.read-more{
     margin-left: 4%;
   }


   .pg-navigation {
       background-color: #555555;
       color: #efefef;
       margin: 0 -1000px;
       padding: 0 1000px;
   }

.post-info.bottom {
    float: left !important;
  }

  .entry-title a {
    color: #40404c !important;
}

.single-post .page-title h1 {
    font-size: 50px;
    text-transform: none;
    color: #fff;
    font-weight: 300
}

.single-post .page-subtitle {
	    color: #fff;
    font-weight: 300
}


   /* ==============================
      Recent Posts
      ============================== */

   .gossh-recent-posts, .gossh-related-posts {
    margin: 90px 0;
    text-align: left;
    color: inherit;
}

.gossh_excerpt p {
    text-align: left;
}

.home .gossh_excerpt p {
    /*display: none;*/
}

.post-info a {
    color: #b3b3b1;
}

.post-info a:hover {
    color: #b3b3b1!important;
    opacity: 0.75
}

.col.rp {
    background: #fff;
    text-align: left;
    padding-bottom: 20px;
    border: 1px solid #eee;
    height: 520px;
    position: relative;
}

.col.rp p{
  padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 20px
}

.col.rp span {

    padding-left: 4%;
    padding-right: 4%;
}


h4.rp-post-title {
  padding-left: 4%;
    padding-right: 4%;
    font-size: 24px !important;
}


h4.rp-post-title a:hover {
    opacity: 1;
    color: #3e3e3e!important;
}


.rp-date.block {
    text-align: left;
    padding-left: 16px;
    font-size: 10px;
    width: 85%
}


.col.rp a.read-more{
  margin-left: 4%;
}


.pg-navigation {
    background-color: #3e3e3e;
    color: #efefef;
    margin: 0 -1000px;
    padding: 0 1000px;
}

.page-template-template-blog-php .pg-navigation {
    margin: 0;
    padding: 20px 0 40px;
}

.rp-cat a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 100;
  margin-left: 0px;
  color: #3e3e3e;
  opacity: 1;
}

.rp-cat a:hover {
  color: #3e3e3e !important;
  opacity: 1 !important;
}

.rp-date{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 100;
    margin-left: 0px;
    color: #3e3e3e;
    padding-left: 18px !important;
    bottom: 10px;
    position: absolute;

}

.rp-date {
    display: inline-block;
    text-align: left;
    min-width: 200px;
}



.rp-header {
    padding-bottom: 15px;
}

h4.rp-post-title a {
    color: #40404C !important;
}

h4.rp-post-title a:hover {
    color: #40404C !important;
}

.cols-3 .col {
    width: 31%;
}



   /* ==============================
      Blog Filter
      ============================== */

.page-template-template-blog-php .pg-navigation {
    margin: 0;
    padding: 0px;
}

.pg-cat-filter {
    margin: auto 0;
    text-align: center;
    padding-top: 0px;
}

.pg-cat-filter a {

    text-transform: uppercase !important;

}

/* ==============================
      4.3 Footer
      ============================== */

   .scroll-to-top{
     background-color: #b1c8e8;
   }

   .scroll-to-top:hover{
     background-color: #92dad2
     opacity: 0.85 !important;

   }

   .scroll-to-top span{
     color: #fff
   }

.footer-box:first-child .title {
    margin: auto;
    text-align: center;
    padding: 30px 0px;
    letter-spacing: 2px
        
}


   .footer-box .title {
      text-transform: none;
      font-weight: 300 !important;

   }

.footer-nav li {
    font-weight: 300;
}

.copyrights {
    float: left;
    color: #ffffff;
    font-weight: 300
}

.footer-nav li a {
    margin-right: 3px;
    margin-left: 3px;
    color: #ffffff;
}

/* ==============================
   Widget
   ============================== */
.textwidget h5, .textwidget p {
    padding: 0!important;
    margin: 0!important;
}


/* ==============================
   forms
   ============================== */

#full-width #commentform {
    width: 100%;
}

html .formcraft-css .powered-by {
display: none

  }


  html .formcraft-css .fc-form {
    background: #fff;
    box-shadow: none !important;
    border-radius: 5px;
    letter-spacing: -4px;
    text-align: left;
    margin: 0 auto;
    min-width: 140px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    max-width: 100%;
    border: 1px solid #f7f7f7;
    padding: 30px
}

textarea {
    max-width: 100%;
}

/* ==============================
      Instagram
      ============================== */

     .page-id-836 #content-container .section-boxed {
    margin: 60px auto 90px auto;
}

   .cols-wrapper.footer-widgets.section-boxed.cols-1 {
     max-width: 100%;
     padding: 0px;
     margin: 0px;
   }

   .footer-box {
     margin: 0px
   }

   #sb_instagram.sbi_fixed_height {
     padding-top: 5px
   }

   #sb_instagram .sb_instagram_header {
     float: left;
     clear: both;
     margin: 0 88px 15px;
     padding: 0;
     line-height: 1.2;
     width: 100%;
   }


   #sb_instagram .sb_instagram_header h3 {
       font-size: 16px;
       line-height: 1.3;
       color: #fff;
   }

   .footer-box .title {
       margin-bottom: 0px;
   }

   #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {

    background: #92dad2;

  }

/* ==============================
      Woocommerce 1 col
      ============================== */

@media (min-width: 993px){
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100% !important;
    float: left !important;
    clear: none!important;
    margin: 7px!important;
}
	
.woocommerce-cart .woocommerce {
    padding: 40px;
    margin-bottom: 60px;
    border: 1px solid #f7f7f7 !Important;
    border-radius: 6px !Important;
}
	
}

.woocommerce ul.columns-1 li.product a img, .woocommerce-page ul.columns-1 li.product a img {
    width: 350px;
    height: auto;
    display: block;
    margin: 0 0 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    float: left;
    margin: 0 30px 0 0;
}


.woocommerce ul.columns-1 li.product h2, .woocommerce-page ul.columns-1 li.product h2 {
    padding: .5em 0;
    margin: 0;
    margin-bottom: 2px;
    font-size: 1.3em;
    padding: 10px 10px 0em;
    margin-bottom: 25px;
    clear: right;
}

.description {
    color: #40404c;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
}

.woocommerce div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs {
    float: left;
    clear: none;
    width: 48%;
}

.woocommerce #content-container a.button, .woocommerce-page #content-container a.button, .woocommerce #content-container button.button, .woocommerce-page #content-container button.button, .woocommerce #content-containerinput.button, .woocommerce-page #content-containerinput.button, .woocommerce #content-container#respond input#submit, .woocommerce-page #content-container#respond input#submit, .woocommerce #content-container#content input.button, .woocommerce-page #content-container#content input.button, .woocommerce #content-container a.button, .woocommerce-page #content-container a.button, .woocommerce .products a.button, .woocommerce-page .products a.button, .woocommerce .products button.button, .woocommerce-page .products button.button, .woocommerce .products input.button, .woocommerce-page .products input.button, .woocommerce .products#respond input#submit, .woocommerce-page .products#respond input#submit, .woocommerce .products#content input.button, .woocommerce-page .products#content input.button, .woocommerce .products a.button, .woocommerce-page .products a.button {
    font-size: 14px;
    margin: 0;
    /* line-height: 1em; */
    cursor: pointer;
    position: relative;
    font-family: inherit;
    overflow: visible;
    padding: 14px 14px;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    left: auto;
    background: #b1c8e8;
    white-space: nowrap;
    display: inline-block;
    line-height: 20px;
}
   

.woocommerce ul.products li.product .price {
    display: block;
    font-weight: 300;
    font-weight: 3;
    border-top: 2px solid rgba(0, 0, 0, 0);
    padding-top: 16px;
    font-size: 18px;
    padding: .5em 0 .5em .7em;
    color: #40404c
}

.woocommerce ul.columns-1 li.product h2 {

font-size: 26px

}

.woocommerce ul.products li:nth-child(2) {
 /* background: #ffffff;*/
}


.woocommerce #content-container a.button.alt, .woocommerce-page #content-container a.button.alt, .woocommerce #content-container button.button.alt, .woocommerce-page #content-container button.button.alt, .woocommerce #content-containerinput.button.alt, .woocommerce-page #content-containerinput.button.alt, .woocommerce #content-container#respond input#submit.alt, .woocommerce-page #content-container#respond input#submit.alt, .woocommerce #content-container#content input.button.alt, .woocommerce-page #content-container#content input.button.alt, .woocommerce #content-container a.button.alt, .woocommerce-page #content-container a.button.alt, .woocommerce .products a.button.alt, .woocommerce-page .products a.button.alt, .woocommerce .products button.button.alt, .woocommerce-page .products button.button.alt, .woocommerce .products input.button.alt, .woocommerce-page .products input.button.alt, .woocommerce .products#respond input#submit.alt, .woocommerce-page .products#respond input#submit.alt, .woocommerce .products#content input.button.alt, .woocommerce-page .products#content input.button.alt, .woocommerce .products a.button.alt, .woocommerce-page .products a.button.alt {
    background: #a3aa83;
    color: #fff;
}

.post-date {
	display:none
}

/* changes june 2019*/


.woocommerce-additional-fields h3 {
    display: none !Important;
}

.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
    height: 20em !Important;
}


span.copyrights a {
    color: #ffffff!important;
    font-weight: 400;
}

.single .post-info.top {
    display:none
}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
	
background:#f7f7f7	
}

p.form-row.form-row-wide.mailchimp-newsletter {
    display: none;
}

.page-id-8 .u-column2.col-2 {
    display: none;
}

.page-id-3068 .u-column1.col-1 {
    display: none;
}