/*
Theme Name: OhSo Creative Child Theme
Theme URI: http://www.ohsocreative.co.uk
Version: 1.0
Description: OhSo Creative Child Theme.
Author: OhSo Creative Ltd
Author URI: http://www.ohsocreative.co.uk
template: bb-theme
*/

/*--------------------------------------------
COLOURS
#e96631 - logo orange
#c26433 - logo orange hover
#1D70B7 - logo darker blue 29/112/183
#35A8E0 - logo lighter blue
--------------------------------------------*/

/*--------------------------------------------
TYPOGRAPHY
--------------------------------------------*/
.os-section-heading h2 { font-size: 28px; text-transform: uppercase; color: #e96631; }
.os-section-heading h3 { font-size: 18px; text-transform: uppercase; color: #e96631; }
.fl-module-heading h1.fl-heading { padding-bottom: 10px !important; border-bottom: 1px solid #e96631; }
.fl-rich-text p { margin-bottom: 20px; }
.intro-text { font-size: 20px; }
.os-large-text p { font-size: 24px; }

/*--------------------------------------------
GLOBAL ELEMENTS
--------------------------------------------*/
.os-callout-row p {
  margin-bottom: 0px;
  color: #fff;
  font-size: 30px;
  font-weight: 200;
}
/* GENERIC PAGE BANNER */
.os-generic-banner-row .fl-module-heading {
  background-color: rgba(0, 0, 0, 0.6);
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.os-generic-banner-row h1.fl-heading {
  border-bottom: none;
}

/* WP Galleries */
.gallery img {
   border: none !important;
   padding: 5px;
}


/*--------------------------------------------
HEADER
--------------------------------------------*/
img.header-logo { max-width: 300px; }
/* menu */
#menu-main-menu li { background-color: rgba(0, 0, 0, 0.8); text-transform: uppercase; }
#menu-main-menu li a { text-transform: uppercase; font-size: 14px; font-weight: 700; }

/*header style 2 */
.os-header-row-style2 img {
  max-width: 300px;
}
.os-header-row-style2 #menu-main-menu li { background-color: #fff; text-transform: uppercase; }
.os-header-row-style2 #menu-main-menu li a { text-transform: uppercase; font-size: 14px; font-weight: 400; }

/* header style 3 */
.os-header-row-style3 img {
  max-width: 300px;
}
.os-header-row-style3 #menu-main-menu li a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}

/*--------------------------------------------
FOOTER
--------------------------------------------*/
.footer-main-row { }
.footer-copyright-row .fl-rich-text p { font-size: 14px; }

/*--------------------------------------------
HOMEPAGE
--------------------------------------------*/
/* hero */
.os-home-hero-row .fl-row-content-wrap {
    min-height: 400px;
}
.os-hero-text-style1 h3 {
  line-height: 1;
  font-weight: 700;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.7);
}
.os-hero-text-style2 h3 {
  line-height: 1.2;
  font-weight: 300;
  font-size: 30px;
  color: #e96631;
}
/* HERO ANIMATION */
/* overriding code from css/fl-builder-layout.css */
/* Fade In */
.fl-animated.fl-fade-in {
	animation: fl-fade-in 2s ease-out;
	-webkit-animation: fl-fade-in 2s ease-out;
	-moz-animation: fl-fade-in 2s ease-out;
}
@keyframes fl-fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fl-fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fl-fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


/* HOME HEADING */
.fl-module-heading.os-home-h1 h1.fl-heading {
  border-bottom: none;
}
.fl-module-heading.os-home-strap-heading h1 {
    font-weight: 700;
    border-bottom: 0px;
    font-size: 40px;
}

/* HOME SERVICE PROMOS */
.home-promo-heading h2.fl-heading a {
  display: block;
  padding: 20px;
  font-size: 22px;
  background-color: #fff;
  border-bottom: 5px solid #e96631;
  transition: 1s;
}
.home-promo-heading h2.fl-heading a:hover {
  color: #e96631;
  border-color: #35A8E0;
  transition: 1s;
}
/* HOME NEWS SLIDER */
.os-home-posts-carousel .fl-post-carousel-grid .fl-post-carousel-title {
  font-size: 18px;
}
/* HOME NEWS POSTS */
.os-home-news-posts .fl-post-grid-post {
  border: none;
}
.os-home-news-posts .fl-post-column {
  background-color: #fff;
}


/* PROJECTS SLIDER */
.homepage-feature-slider-module { max-width: 2000px; margin-left: auto; margin-right: auto; }
.homepage-slide { height: 400px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; transition: 1s; }
.homepage-slide:hover { background-size: auto 110%; }
.homepage-slide-content-wrapper { background-color: rgba(0, 0, 0, 0.7); height: 100%; padding: 30px; padding-top: 50px; }
.os-hero-content-col { z-index: 9999; }

.homepage-slide-content-wrapper p { color: #fff; }
#homepage-feature-slider {  }
#homepage-feature-slider .carousel-indicators { bottom: 0px; }
#homepage-feature-slider .carousel-indicators li { background-color: #fff;  }
#homepage-feature-slider .carousel-indicators .active { background-color: #e96631; }

#homepage-feature-slider .homepage-slide-featured-project-text { color: #e96631; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; }
#homepage-feature-slider h3.homepage-slide-title { color: #fff; font-size: 36px; margin-top: 10px;  }
#homepage-feature-slider .homepage-slide-content { color: #fff; font-size: 14px; margin-bottom: 40px; }
#homepage-feature-slider p.homepage-slide-read-more { background-color: #e96631; padding: 10px 15px; display: inline; }
#homepage-feature-slider .homepage-slide:hover p.homepage-slide-read-more { background-color: #c26433; }

.homepage-feature-slider-all-link .fl-rich-text p { margin-bottom: 0px; }
.homepage-feature-slider-all-link .fl-rich-text a { color: #e96631; text-transform: uppercase; }
.homepage-feature-slider-all-link .fl-rich-text a:hover { color: #c26433; text-decoration: none; }

/* LATEST NEWS */
.os-home-news-grid .fl-post-meta { margin-top: 15px; padding-bottom: 5px; }
.os-home-news-grid h3.fl-post-title { font-size: 16px;}
.os-home-news-grid .fl-post-more-link { margin-top: 10px; }
.os-home-news-grid .fl-post-more-link a { background-color: #bbb; padding: 7px 10px; margin-right: 2px; color: #fff; font-size: 13px; text-transform: uppercase; }
.os-home-news-grid .fl-post-more-link a:first-child { background-color: #e96631; }
.os-home-news-grid .fl-post-more-link a:hover { text-decoration: none; background-color: #aaa; }
.os-home-news-grid .fl-post-more-link a:first-child:hover { background-color: #c26433; }

/*--------------------------------------------
ARCHIVE LIST
--------------------------------------------*/
.os-list-image img {
  border: 1px solid #eeeeee;
  margin-right: 20px;
}
.os-list-content h2 {
  font-size: 20px;
}
/*--------------------------------------------
PROJECT - SINGLE
--------------------------------------------*/
.os-project-banner-row .fl-photo-content {
  max-width: 300px;
  margin: 40px auto;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.os-project-features-wrapper {
  background-color: #000;
  padding: 20px;
  color: #fff;
}
.os-project-features-wrapper h3 {
  color: #e96631;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e96631;
}
.os-project-features-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
.os-project-features-wrapper li {
  padding-left: 20px; 
  margin-bottom: 5px;
  background-image: url("img/bullet-orange.svg");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: left 8px;
}
.project-quote-col { 
  text-align: center;
  font-style: italic;
}

/*--------------------------------------------
SERVICE - SINGLE
--------------------------------------------*/
.page-feature-blocks-wrapper {
  margin: 40px 20px 10px 20px;
}
.page-feature-block {
  margin-bottom: 30px;
}
.page-feature-block-inner {
  
}
.page-feature-block-caption {
  background-color: #fff;
  min-height: 80px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-feature-block-caption p {
  text-align: center;
  padding: 0px 15px;
  line-height: 1.3;
}

/*--------------------------------------------
NEWS
--------------------------------------------*/
/* SIDEBAR */
.fl-module-sidebar .fl-widget li {
  line-height: 1.32;
  padding-top: 15px;
}

/*--------------------------------------------
POST CONTENT
--------------------------------------------*/
.post-content blockquote {
	border-color: #e96631;
	border-width: 1px;
	padding: 20px 40px;
	margin: 6rem 0rem;
}
.post-content hr.wp-block-separator {
	width: 100% !important;
	border-color: #e96631;
	border-width: 1px;
	margin: 50px 0px;
}

/*--------------------------------------------
GUTENBERG
--------------------------------------------*/
figure.wp-block-image {
	margin: 30px 0px;
}