/*
Theme Name: OhSo Creative \ Nettl Child Theme
Theme URI: https://www.ohsocreative.co.uk
Version: 1.0
Description: Custom child theme for OhSo Creative \ Nettl sites built on Beaver Builder framework
Author: OhSo Creative \ Nettl
Author URI: https://www.ohsocreative.co.uk
template: bb-theme
*/

/* Add your custom styles here... */
@import url("helper-classes.css");
@import url("theme-additions.css");
/*----------------------------------------------------------
COLOURS
Gold - #fbb040
Light Gold - #f9d6a2
Silver - # 8ca6b4
Silver - Dark - #67767f

-----------------------------------------------------------*/

/*----------------------------------------------------------
TYPOGRAPHY
-----------------------------------------------------------*/
body {
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 800;
}
.os-small-body-text p {
	font-size: 16px;
	line-height: 1.5;
}
/* BUTTONS */
.fl-page a.fl-button, .fl-page a.fl-button:hover {
	border-radius: 15px;
}
.os-button-reversed a.fl-button {
	
}
.os-button-reversed a.fl-button:hover {
	background-color: #fff;
	color: #000;
}
/* Checklist */
.os-checklist {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	line-height: 1.4;
}
.os-checklist i {
	color: #fbb040;
	font-size: 30px;
	padding-right: 20px;
	padding-top: 10px;
	float: left;
}
.os-checklist p {
	overflow: hidden;
	margin-bottom: 20px;
}

/*----------------------------------------------------------
HEADER
-----------------------------------------------------------*/
.os-header-logo {
	max-width: 300px;
}

.os-main-nav {
	
}
/*----------------------------------------------------------
FOOTER
-----------------------------------------------------------*/
footer h2.fl-heading .fl-heading-text i {
	color: #fbb040 !important;
	padding-right: 10px;
}
@media screen and (max-width:768px) {
	footer .fl-icon-group-right {
	text-align: left;
	}
}
/*----------------------------------------------------------
HOMEPAGE
-----------------------------------------------------------*/
.os-home-blog-feed .fl-post-feed-post {
	border-bottom: none;
}
.os-home-blog-feed hr {
	border-top: 5px solid #fbb040;
	margin: 10px 0 10px 0;
	width: 60px;
}
.os-home-blog-feed h2.fl-post-title {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.os-home-blog-feed .os-date {
	font-size: 16px;
}
.os-home-blog-feed p {
	font-size: 16px;
	line-height: 1.4;
}
/* BLOG FEED STYLE 2 */
.os-home-blog-feed-2 .fl-post-feed-post {
	border-bottom: none;
}
.os-home-blog-feed-2 .os-blog-feed-post-img {
	position: relative;
}
.os-home-blog-feed-2 h2.fl-post-title {
	font-size: 28px;
}
.os-home-blog-feed-2 .os-blog-feed-post-content {
	line-height: 1.4;
	background-color: #fbb040;
	padding: 30px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.os-home-blog-feed-2 .os-blog-feed-post-content {
		margin-top: -50px;
	}
}
.os-home-blog-feed-2 .fl-post-feed-post hr {
	width: 60px;
	border-top: 5px solid #fff;
	margin: 10px auto 10px 0px;
}
.os-home-blog-feed-2 a.blog-post-link {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	transition: 0.5s;
}
.os-home-blog-feed-2 a.blog-post-link:hover {
	color: #fff;
	transition: 0.5s;
}
.os-home-blog-feed-2 a.blog-post-link i {
	font-size: 24px;
	opacity: 0.3;
	transition: 0.5s;
}
.os-home-blog-feed-2 a.blog-post-link:hover i {
	opacity: 1;
	transition: 0.5s;
	padding-left: 5px;
}

/*----------------------------------------------------------
HEROES
-----------------------------------------------------------*/
.os-row-hero {
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}
.os-hero-primary {
	font-weight: 800;
	font-size: 60px;
	line-height: 1;
	margin-bottom: 10px;
	color: #fff;
}
.os-hero-secondary {
	font-weight: 600;
	font-size: 30px;
	line-height: 1.2;
	color: #fff;
	max-width: 600px;
}


/*----------------------------------------------------------
BLOG 
-----------------------------------------------------------*/
.os-blog-post-meta hr {
	border-top: 1px solid #fbb040;
	margin: 10px 0px;
}
.os-blog-post-meta i {
	color: #8ca6b4;
	margin-right: 5px;
}
.os-blog-meta-divider {
	margin-left: 10px; margin-right: 10px;
}
.os-posts-blog-archive .fl-post-feed-post {
	border-bottom: none;
}
/*----------------------------------------------------------
TESTIMONIALS
-----------------------------------------------------------*/
.os-posts-testimonials .fl-post-feed-post {
	border-bottom: none;
	padding-bottom: 20px;
}
.os-posts-testimonials .testimonial-image {
	padding-bottom: 40px;
	padding-right: 30px;
}
.os-posts-testimonials img {
	border-radius: 50%;

}
.os-posts-testimonials p.testimonial-title {
	font-size: 26px;
	font-weight: 700;
	font-style: italic;
}
.os-posts-testimonials hr {
	border-top: 5px solid #fbb040;
	width: 60px;
	margin: 10px 0 15px 0;
}
.os-posts-testimonials p {
	font-size: 16px;
	line-height: 1.4;
}
.os-posts-testimonials p.testimonial-name {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 0px;
}
.os-posts-testimonials p.testimonial-organisation {
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.os-testimonials-taxonomy-nav .os-arrow-button {
	display: inline-block;
	margin-right: 30px;
}

/*----------------------------------------------------------
ELEMENTS
-----------------------------------------------------------*/
/* FLIPCARDS */
.os-flipcard-keynote {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("img/keynote-speaker-2.jpg");
}
.os-flipcard-workshops {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("img/workshops.jpg");
}
.os-flipcard-coaching {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("img/coaching.jpg");
}
.os-flipcard-content-wrapper {
	height: 300px;
	position: relative;
}
.os-flipcard-content {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	transition: 0.5s;
}
a.os-flipcard:hover .os-flipcard-content {
	background-color: rgba(0,0,0,0.7);
	transition: 0.5s;
}
.os-flipcard-title {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0px;
}
.os-flipcard-title i {
	opacity: 0.3;
	transition: 0.5s;
	color: #fbb040;
}
a.os-flipcard:hover .os-flipcard-title i {
	opacity: 1;
	transition: 0.5s;
	padding-left: 5px;
}
@media screen and (max-width: 1100px) {
	.os-flipcard-title {
	font-size: 26px;
	}
}
.os-flipcard-text {
	color: #fff;
	line-height: 1.2;
	font-size: 16px;
	display: none;
}
/* ARROW BUTTONS */
.os-arrow-button {
	display: block;
	font-size: 24px;
	font-weight: 700;
}
.os-arrow-button-large {
	font-size: 32px;
}
.os-arrow-button i {
	opacity: 0.3;
	transition: 0.5s;
}
.os-arrow-button:hover i {
	opacity: 1;
	transition: 0.5s;
	padding-left: 5px;
}
.os-arrow-button-gold, .os-arrow-button-gold:hover {
	color: #fbb040;
}
.os-arrow-button-white, .os-arrow-button-white:hover {
	color: #fff;
}
/* TWITTER FEED */
p.ctf-tweet-text {
	font-size: 15px;
	line-height: 1.4;
}
.ctf-tweet-actions i {
	color: #fbb040;
}

/* STEVE SIGNATURE */
.os-steve-signature {
	max-width: 200px;
}

/* UABB GRAVITY FORMS STYLER */
.uabb-gf-style input[type=submit] {
	padding: 15px 20px;
}
/* OTHER STYLES */
.text-gold {
    color: #fbb040;
}

/*----------------------------------------------------------
WOOCOMMERCE
-----------------------------------------------------------*/
/* PRODUCT PAGE */
.woocommerce-Tabs-panel h2:first-of-type {
    display: none;
}
.woocommerce div.product form.cart .variations label {
    color: black;
    font-size: 20px;
    margin-top: 5px;
}
/* ALERTS & MESSAGES */
.woocommerce-message, .woocommerce-info {
    border-top-color: #fbb040;
}
.woocommerce-message::before, .woocommerce-info::before {
    color: #fbb040;
}
/* BUTTONS */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #fbb040;
	transition: 0.3s;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #000;
}
/* ORDERS PAGE */
.woocommerce table.my_account_orders .button { 
	margin: 0px 5px 5px 0px;
	font-size: 13px;
}