/*  
Theme Name: Hestia Child    
Theme URI: https://www.themeisle.com/     
Description: This is a custom child theme I have created.    
Author: ThemeIsle    
URI: https://www.themeisle.com/    
Template: hestia 
Version: 0.1     
*/


/************
GLOBAL
************/

.hestia-about, html, p {
color: #222222;
}

.bodytext {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #222;
}

@media (min-width: 768px) {
  .bodytext {
	font-size: 17px;
  }
}

/* Titles */
h1.hone {
line-height: 1.2;
margin: 0 0 10px;
font-weight: 500;
}

h2.htwo {
line-height: 1.2;
font-weight: 500;
margin: 0 0 20px 0;
}

h2.htworage {
font-family: Rage Italic!important;
font-weight: 300;
line-height: 1.2;
margin: 0 0 20px 0;
}

h3.hthree {
line-height: 1.2;
font-weight: 500;
margin: 0 0 20px 0;
}

h4.hfour {
line-height: 1.2;
font-weight: 500;
margin: 0 0 20px 0;
}

h5.hfive {
line-height: 1.2;
font-weight: 500;
margin: 0 0 20px 0;
}

h5.pipes {
font-size: 16px!important;
}

.navbar, .navbar .dropdown-menu li > a  {
color: #222;
}

.navbar a {
font-size: 17px;
text-transform: none!important;
}

.navbar .dropdown-menu li > a {
font-size: 14px;
}

.dark {
background: #f2f2f2;
}

/* Was background: #111; with background-image: url(https://bye-design.co.uk/wp-content/uploads/2018/02/dark-fish-skin.png); */
.darker {
background-color: #2a2a2a;
}

.darker, .darker h1, .darker h2, .darker h3, .darker h4, .darker h5, .darker p, .darker lead {
color: #fff!important;
}

.white {
color: #fff!important;
}

.title-span.green {
display: inline-block;
width: 80px;
padding-top: 25px;
margin-bottom: 35px;
border-bottom: 2px solid #30bf16;
text-align: center;
}

.title-span.black {
display: inline-block;
width: 80px;
padding-top: 25px;
margin-bottom: 35px;
border-bottom: 2px solid #000;
text-align: center;
}

.title-span.white {
display: inline-block;
width: 80px;
padding-top: 25px;
margin-bottom: 35px;
border-bottom: 2px solid #fff;
text-align: center;
}


.title-span.grey {
display: inline-block;
width: 80px;
padding-top: 25px;
margin-bottom: 35px;
border-bottom: 2px solid #2a2a2a;
text-align: center;
}

.wpspan {
margin: 0!important;
}

/* Horizontal Sideline */
.sideline {
overflow: hidden;
text-align: center;
}

.sideline:before,
.sideline:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.sideline:before {
  right: 0.5em;
  margin-left: -50%;
}

.sideline:after {
  left: 0.5em;
  margin-right: -50%;
}

.callout .sideline:before, .callout .sideline:after {
    background-color: #fff!important;
}

/* Custom button */
a#custom {
    font-size: 17px;
    border-radius: 0;
}

#darkbtn {
    background-color: #2a2a2a!important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,52,55,0.14), 0 3px 1px -2px rgba(50,52,55,0.2), 0 1px 5px 0 rgba(50,52,55,0.12);
    box-shadow: 0 2px 2px 0 rgba(50,52,55,0.14), 0 3px 1px -2px rgba(50,52,55,0.2), 0 1px 5px 0 rgba(50,52,55,0.12);
}

#darkbtn:hover, #darkbtn:active, #darkbtn:focus, #darkbtn:visited {
    background-color: #5c5e61!important;
}

#darkbtn {
    border-radius: 0;
    font-size: 17px;
    text-transform: uppercase;
}

/*Breadcrumbs*/
.row.breadcrumbs {
padding: 15px 0 15px;
margin: 0 0 60px 0;
background: #f2f2f2;
}

p#breadcrumbs {
margin: 0!important;
font-size: 19px;
}

/*-----------------------
Callout
-------------------------*/

.callouter {
margin: 0!important;
background: #2a2a2a;
border: 2px solid #30c116;
border-radius: 5px;
}

.callout {
padding: 20px 0 20px;
}

.callout h1 {
color: #fff;
padding:0;
margin: 20px 0 5px!important;
font-size: 48px;
line-height:  1.1;
font-weight: 700;
}

.callout h2 {
color: #fff;
padding:0;
margin: 0 0 10px!important;
line-height: 1.1;
}

.callout h3 {
color: #fff;
padding:0;
margin: 0 0 20px!important;
line-height: 1.1;
}

/*-----------------------
Bigint Custom Spacing
-------------------------*/
/*margin*/
.m-0 {
margin: 0!important;
}
.m-1 {
margin: 5px!important;
}
.m-2 {
margin: 10px!important;
}
.m-3 {
margin: 15px!important;
}
.m-4 {
margin: 20px!important;
}
.m-5 {
margin: 40px!important;
}

/* margin-top */
.mt-0 {
margin-top: 0!important;
}
.mt-1 {
margin-top: 5px!important;
}
.mt-2 {
margin-top: 10px!important;
}
.mt-3 {
margin-top: 15px!important;
}
.mt-4 {
margin-top: 20px!important;
}
.mt-5 {
margin-top: 40px!important;
}

/*margin-bottom*/
.mb-0 {
margin-bottom: 0!important;
}
.mb-1 {
margin-bottom: 5px!important;
}
.mb-2 {
margin-bottom: 10px!important;
}
.mb-3 {
margin-bottom: 15px!important;
}
.mb-4 {
margin-bottom: 20px!important;
}
.mb-5 {
margin-bottom: 40px!important;
}

/* Padding */
.p-0 {
padding: 0!important;
}
.p-1 {
padding: 5px!important;
}
.p-2 {
padding: 10px!important;
}
.p-3 {
padding: 15px!important;
}
.p-4 {
padding: 20px!important;
}
.p-5 {
padding: 40px!important;
}

/*padding-top*/
.pt-0 {
padding-top: 0!important;
}
.pt-1 {
padding-top: 5px!important;
}
.pt-2 {
padding-top: 10px!important;
}
.pt-3 {
padding-top: 15px!important;
}
.pt-4 {
padding-top: 20px!important;
}
.pt-5 {
padding-top: 40px!important;
}

/*padding-bottom*/
.pb-0 {
padding-bottom: 0!important;
}
.pb-1 {
padding-bottom: 5px!important;
}
.pb-2 {
padding-bottom: 10px!important;
}
.pb-3 {
padding-bottom: 15px!important;
}
.pb-4 {
padding-bottom: 20px!important;
}
.pb-5 {
padding-bottom: 40px!important;
}

/* margin bottom top */
.mtb-0 {
margin-bottom: 0!important;
margin-top: 0!important;
}
.mtb-1 {
margin: 5px 0 5px!important;
}
.mtb-2 {
margin: 10px 0 10px!important;
}
.mtb-3 {
margin: 15px 0 15px!important;
}
.mtb-4 {
margin: 20px 0 20px!important;
}
.mtb-5 {
margin: 40px 0 40px!important;
}

/*padding top & bottom*/
.ptb-1 {
padding: 5px 0 5px!important;
}
.ptb-2 {
padding: 10px 0 10px!important;
}
.ptb-3 {
padding: 15px 0 15px!important;
}
.ptb-4 {
padding: 20px 0 20px!important;
}
.ptb-5 {
padding: 40px 0 40px!important;
}

/************
HESTIA overide
************/

.navbar .navbar-brand img {
max-height: 65px;
}

section#about {
border-radius: 0;
}

.about, .hestia-about {
padding: 0;
}

/* REMOVED - NOW GREY
.main-raised {
border-top: 6px solid #2a2a2a;
}
*/

/************
HOMEPAGE
************/

.page-id-16 .carousel .hestia-title {
margin: 0 0 10px;
}

.page-id-16 .carousel span.sub-title {
font-family: Rage Italic!important;    
font-size: 44px;
font-weight: 500;
font-style: italic;
color: #30c116;
}

/* was originally
.page-id-16 .carousel span.sub-title {
    font-size: 24px;
    font-weight: 500;
}
 */


/* Home about container - NOT NEEDED BECAUSE ABOUT FUNCTION ADDED
.page-id-16 #about .container {
    padding: 0;
    margin: 0;
    width: 100%;
}
 

.home-one .container {
    margin-right: auto!important;
    margin-left: auto!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
*/

/************
HOME WP-ADMIN
************/
/*
.home-one {
background: url(https://bye-design.co.uk/wp-content/uploads/2018/02/welcome-bespoke-office-furniture.jpg);
}
*/


.main.main-raised {
border-top: 2px solid #30c116;
}

/*
.home-one {
border-top: 2px solid #30c116;
}
*/

.welcome h1 {
font-weight: 700;
line-height: 1.1;
margin: 0 0 10px 0;
text-transform: uppercase;
/* font-size: 58px; */   
}

.welcome h2 {
line-height: 1.2;
padding: 0;
margin: 0 0 10px 0;
font-weight: 500;
}

.welcome h3 {
font-family: Rage Italic!important;       
font-weight: 300;
line-height: 1.2;
padding: 0;
margin: 0 0 15px 0;
}

.welcome h5 {
line-height: 1.2;
padding: 0;
margin: 0 0 15px 0;
font-weight: 500;
font-size: 19px;
color: #555;
}

.welcome .lead {
color: #222;
margin-bottom: 20px;
}

/******************
Home Album Gallery
******************/
.page-id-16 .aigpl-design-1 .aigpl-img-caption {
font-size: 14px!important;
padding: 10px 10px!important;;
}


/************
HOME PRODUCTS
************/

.row.products {
margin: 0;
padding: 0; 
}

/* Inspiration section
.row.products.dark {
border-top: 1px solid #ddd;
}
*/

/*Products Title*/
.products h1 {
line-height: 1;    
font-weight: 500; 
margin: 0 0 10px 0;
}

.products h3 {
line-height: 1.2;    
font-weight: 300;
padding: 0;
margin: 0 0 10px 0;
}

.products h5 {
line-height: 1.2;
font-weight: 500;
padding: 0;
margin-bottom: 20px;
}

/*Products Tiles*/
.products h2 {
line-height: 1.2;
margin: 0;
padding: 9% 0 10px 0;
font-weight: 500;
}

.products h4 {
line-height: 1.2;
padding: 0;
margin: 0 0 10px 0;
font-weight: 400;
}

.product {
height: 500px;
padding: 0;
margin: 0;
overflow: hidden;
}

.product img {
height: 500px;
width: 100%!important;
}

.product .lead {
font-size: 17px;
margin: 0 0 20px 0;
}

/*Industries*/

/* removed background: #2a2a2a; - for darker - industries-outer removed too
.industries-outer {
border-top: 2px solid #30c116;
border-bottom: 2px solid #30c116;
}
*/

.industries {
color: #fff;
text-align: center;
margin: 0;
padding: 5px;
padding: 65px 0 65px;
border-top: 2px solid #30c116;
border-bottom: 2px solid #30c116;
}

.industries a {
color: #fff;
}

.industries a:hover {
color: #2d8414;
}

.industries-title {
text-align: center;
margin: 20px 0 5px 0;
padding: 0;
line-height: 1.4;
font-weight: 600; 
}

.industries .subone {
line-height: 1.4;
padding: 0;
margin: 0 0 10px 0;
font-weight: 300;
}

.industries .subtwo {
line-height: 1.2;
padding: 0;
margin: 0 0 30px 0;
font-size: 22px;
font-weight: 500;
}

/************
PROJECTS
************/

.hestia-blogs .hestia-title {
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.hestia-blogs .description {
    font-family: Rage Italic!important;
    font-size: 36px;
    font-weight: 500;
    font-style: italic;
    color: #555;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.2;
}

.hestia-blogs article:nth-child(6n+1) .category a, .hestia-blogs article:nth-child(6n+2) .category a, .hestia-blogs article:nth-child(6n+3) .category a {
    color: #30c116!important;
}

.card-blog a.moretag, .card-blog a.more-link {
    color: #30c116!important;
}
/*Individual projects header */
.type-post h4.author {
    display: none;
}

/*Home captcha */
.col-xs-12.form_field_wrap.form_captcha_wrap.col-md-12 {
    padding: 5px;
}
/*Home contact*/
.col-xs-12.form_field_wrap.contact_submit_wrap {
    padding: 5px;
}

/************
PRODUCTS PAGES
************/

.product-top h1 {
font-weight: 500;
line-height: 1.2;
margin: 0 0 10px 0!important;
}

.product-top h2 {
line-height: 1.2;
padding: 0;
margin: 0 0 10px 0!important;
font-weight: 500;
}

.product-top h3 {
font-family: Rage Italic!important;       
font-weight: 300;
line-height: 1.2;
padding: 0;
margin: 0 0 15px 0!important;
}

.product-top h5 {
line-height: 1.2;
padding: 0;
margin: 0 0 20px 0!important;
font-weight: 500;
font-size: 19px;
}

.product-top .lead {
color: #555;
font-size: 20px;
margin-bottom: 20px!important;
}

.product-list {
color: #222;
font-size: 17px;
}

.darker-list {
color: #fff;
font-size: 17px;
}

/*Individual products*/
h3.products-title {
line-height: 1.2;
font-weight: 400;
margin: 0 0 10px 0;  
}

.blog-post .lists {
background: #f2f2f2;
padding: 20px;
border: 2px solid #ddd; 
}

/* Meet & Dine */
.meetoptions h2 {
line-height: 1.2;
padding: 0;
margin: 0 0 10px 0!important;
font-weight: 500;
color: #fff;
}

.meetoptions h4 {
line-height: 1.2;
padding: 0;
margin: 0 0 20px 0!important;
font-weight: 300;
color: #fff;
}   

/************
FOOTER 
************/
/* was #111 */
.footer-black {
  background: #2a2a2a;
}

.copyright.pull-right {
    display: none;
}

/*Widget 2*/
.footer-big #custom_html-5 ul li a {
text-transform: none;
font-weight: 300!important;
}

/******************
BOOTSTRAP ADDITIONS
******************/
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}

/************
Plugins
************/

/* Center Jetpack Gallery */
.tiled-gallery .gallery-row{
margin:0 auto;
}