/******************************************************************
Theme Name: JointsWP - Sass
Theme URI: http://www.jointswp.com
Description: 
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 5.0 (Development)
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/
.subscribe-widget p {
    overflow-wrap:normal;
}

.podcast-platform-buttons a {
    text-decoration:none !important;
    box-shadow: none !important;
}

.article-filter {
    list-style:none;
    margin: 15px 0 30px 0;
}
.article-filter li {
    display:inline-block;
    margin: 0 6px;
}
.article-filter li:first-child {
    margin-left: 0;
}
.article-filter li a.fm {
    display:block;
    padding: 12px 26px 8px 26px;
    border: 1px solid #ff8661;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    color:#ff8661;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius:24px;
    transition:.5s;
}
.article-filter li a.fm:hover {
    color:#fff !important;
    background-color: #ff8661;
}

#top-bar-menu .top-bar-center {
    flex: 0 0 50%;
    max-width: 50%;
}

#top-bar-menu .top-bar-left,
#top-bar-menu .top-bar-right {
    flex: 0 0 25%;
    max-width: 25%;
}

/* Popup Maker Custom code */
.subscribe-widget.great-retain-event {
    background-image: url(/wp-content/uploads/2022/07/HiBOB-pop-up-rev.jpg);
}

.subscribe-widget.great-retain-event .subscribe-title em {
    color:#000;
}

.subscribe-widget.great-retain-event p {
    max-width: none;
    margin-bottom:12px;
}

.subscribe-widget.great-retain-event p a.popup-btn {
    font-size:14px;
    color:#fff;
    display:inline-block;
    padding:12px 16px;
    background-color:#ff8661;
    border-radius:6px;
}

.gform_legacy_markup_wrapper.signup-form-widget_wrapper li.hidden_label input {
    margin-top:0;
}

@media only screen and (min-width: 641px) {
    .gform_wrapper form.gf_simple_horizontal.signup-form-widget div.gform_body ul.top_label li.gfield {
        display:block;
    }
    .gform_wrapper form.gf_simple_horizontal.signup-form-widget div.gform_footer.top_label {
        display:block;
        margin-top:10px;
    }
    .gform_wrapper form.gf_simple_horizontal.signup-form-widget div.gform_body {
        display:block;
    }
}

.subscribe-widget .subscribe-title,
.component-subscribe .subtitle {
    text-transform:lowercase;
}

@media screen and (max-width: 640px) {
    #custom_html-8,
    #custom_html-18 {
        display:none;   
    }
}

/* Breakout Box*/
.breakout-box {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding:10px;
	margin: 20px 0;
    background: yellow !important;
	border-radius: 4px;
	line-height: 1.3;
}
.breakout-box-img {
	max-width: 170px;
	padding: 15px;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.breakout-box-img img {
	mix-blend-mode: multiply;
}
.breakout-box-content {
	padding: 20px 20px 20px 10px;
}
.breakout-box > .breakout-box-content {
	padding: 30px;
}
.breakout-box span.h4 {
	color: #000;
	font-size: 19px;
	line-height: 20px;
	display: block;
	margin: 0;
}
.breakout-box a {
	box-shadow: none !important;
	color: #e1a20b !important;
	font-weight: 600;
}
.breakout-box p {
	margin-bottom: 0;
	font-size:16px;
}

@media screen and (max-width: 39.9375em) {
	.breakout-box {
		flex-direction: column;
	}
	.breakout-box-content {
		text-align: center;
	}
	.breakout-box-img {
		padding: 40px 8px 10px;
	}
}