/**
Theme Name: bio.news
Author: Bio News
Author URI: https://bio.news/
Description: Bio.news theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bio-news
Template: astra
*/





/*
=============================================== 1. THEME STYLNG ===============================================
*/

header.site-header .site-branding {
    margin-bottom:-1px;
}
h1.site-title, .ast-site-title-wrap {display:none;}

.site-footer-section .ast-footer-social-wrap {
    position:relative;
    top:5px;
}

.ast-footer-copyright p{
	margin-bottom:-35px !important;
}


#astra-footer-menu {
	margin-bottom:-18px;
}


#astra-footer-menu a {
	text-decoration:underline;
}

#astra-footer-menu a:hover {
	text-decoration:none;
}

.site-logo-img {
	margin-right:-20px;
}


/* Pop-up Search Styles */
.ast-search-box.full-screen  .ast-container {
    text-align:center;
    font-size:24px;
	color:#ffffff;
	display:block;
}

.ast-search-box.full-screen .screen-reader-text,
.ast-search-box.full-screen i.astra-search-icon {
display:none !important;}


.ast-search-box.full-screen  .ast-container form.search-form {
	padding-top:40px;
	padding-bottom:15px;
	border-bottom:1px solid #9e9e9e;
}
.ast-search-box.full-screen  .ast-container form.search-form input.search-field {
	font-size:45px;
}


/* Blog Archive Index */
#content .ast-container .ast-archive-description {
 padding-left:0px;
	padding-right:0px;
	padding-top:0px;
    padding-bottom:20px;
}


.ast-pagination a.page-numbers,
#content .ast-container .type-post .post-content a {
    text-decoration:underline;
}


.ast-pagination a.page-numbers:hover,
#content .ast-container .type-post .post-content a:hover {
    text-decoration:none;
}


/* Blog Posts */
body.single-post .entry-header  .entry-meta a {
    text-decoration:underline;
}

body.single-post .entry-header  .entry-meta a:hover {
    text-decoration:none;
}

.entry-header  .post-thumb-img-content.post-thumb {
    margin-top:35px;
}


body.single-post .entry-content ul {
	padding-left:25px;
}

.wp-caption.alignleft .wp-caption-text {
    text-align:left;
}

.wp-caption.alignright .wp-caption-text {
    text-align:right;
}


.ast-single-author-box {
    padding-top:10px;
    margin-top:55px !important;
}

.ast-single-author-box .post-author-bio a {
    text-decoration:underline;
}

.ast-single-author-box .post-author-bio a:hover {
    text-decoration:none;
}

.ast-single-author-box .post-author-avatar {
    display:none;
}

/* Related Blog Posts */
body.single-post .ast-related-posts-title-section {
    padding-bottom:0px;
}
body.single-post .ast-related-posts-inner-section h3.ast-related-post-title a {
    color:#3f3a94;
    text-decoration:underline;
}

body.single-post .ast-related-posts-inner-section h3.ast-related-post-title a:hover {
    text-decoration:none;
}

/* Social Sharing */
.ast-post-social-sharing .ast-social-inner-wrap a span.social-item-label {
	display:inline;
}

.ast-post-social-sharing .ast-social-inner-wrap a {
	background:#1877f2;
	border-radius:4px;
	padding:0px 10px;
}
.ast-post-social-sharing .ast-social-inner-wrap a:nth-child(even) {
	background:#0073b1;
}

.ast-post-social-sharing .ast-social-inner-wrap a[aria-label=Tweet] {
	background:#1d9bf0;
	border-radius:20px;
	padding-left:15px;
	padding-right:14px;
}

.ast-post-social-sharing .ast-social-inner-wrap a:nth-child(even):hover {
	background:#006097;
}

.ast-post-social-sharing .ast-social-inner-wrap a[aria-label=Tweet]:hover {
    background:#0c7abf;
}

/* Sidebar Widgets */
.sidebar-main .widget_search input.wp-block-search__input {
    background:#fafafa;
	height:50px;
}

.sidebar-main .widget_search button.wp-block-search__button {
    border-radius:100px;
	padding-left:22px !important;
	padding-right:22px !important;
}

body .sidebar-main .widget_block h2.wp-block-heading {
    font-size:30px !important;
    margin-bottom:-12px !important;
}

.sidebar-main ul.wp-block-categories li a {
    text-decoration:underline;
}

.sidebar-main ul.wp-block-categories li a:hover {
    text-decoration:none;
}


#search-bio-events .widget_search input.wp-block-search__input {
    background:#fafafa;
	height:50px;
}

#search-bio-events li#block-12 {
	list-style:none;
}

/* Contact Form Styles */
body.page-id-24 #primary .entry-content ul {
    padding-left:0px;
}

form.mktoForm {
	width:100% !important;
	padding-bottom:25px;
}

form.mktoForm .mktoCaptchaDisclaimer {
	font-size:16px;
	color:#707070;
	padding-bottom:15px;
}

form.mktoForm .mktoCaptchaDisclaimer a {
    text-decoration:underline;
}

body .ast-container .mktoForm .mktoFieldWrap label.mktoLabel {
    font-family:'Poppins', sans-serif !important;
	text-align:right;
    font-weight:700;
    font-size:15px;
	width:120px !important;
}

body .ast-container .mktoForm .mktoFieldWrap textarea,
body .ast-container .mktoForm  .mktoFieldWrap {
	width:100%;
}

body .ast-container .mktoForm .mktoFieldWrap textarea,
body .ast-container .mktoForm  .mktoFieldWrap input[type='text'] {
	width: calc(100% - 160px) !important;
}

body .ast-container .mktoForm .mktoFieldDescriptor {
	width:100% ;
}

body .ast-container .mktoForm .mktoFieldWrap textarea,
body .ast-container .mktoForm .mktoFieldWrap input.mktoFieldinput[type='text'] {
    font-family:'Poppins', sans-serif;
    font-size:15px;
    border-radius:5px;
    padding:8px;
    border-color:#d2d2d2;
}

body .ast-container .mktoForm  .mktoButtonRow {
	text-align:center;
	width:100%;
}

body .ast-container .mktoForm .mktoButtonWrap.mktoShadow .mktoButton {
	background:#20a0b6;
	box-shadow:none;
	font-size:18px;
	border-radius:0px;
	font-weight:500;
	padding:20px 100px;
	text-transform:uppercase;
	font-family:'Poppins', sans-serif;
    border:none;
	color:#ffffff;
	position:relative;
	left:-6%;
}

body .ast-container .mktoForm .mktoButtonWrap.mktoShadow .mktoButton:hover {
    background:#138496;
}

body .ast-container .mktoForm .mktoFieldWrap .mktoAsterix {
    display:none;
}
body #home-form-overrides .ast-container .mktoForm  .mktoFieldWrap input {
    
}

/*
=============================================== 3. POPUP FORM BUILDER ===============================================
*/
/* Popup Form */
#popmake-263 .popmake-content h3 {
    padding-top:40px;
}

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
    .icon-bar {
        position: fixed;
        z-index: 10;
        top: 30%;
        background-color: #3F3A94;
        border-radius: 9px;
        overflow: hidden;
        right: -10px;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%);
        width: 260px;
        padding: 20px 20px 20px 40px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
    }/* Style the icon bar links */

    .icon-bar a {
        display: block;
        text-decoration: none;
        text-align: left;
        transition: all 0.3s ease;
        color: white;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        line-height: 1.3;
        background: transparent;
    }

    .icon-bar a .fas {
        position: absolute;
        font-size: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        left: -24px;
    }

    .icon-bar a span {
        color: #00D4D1;
    }/* Style the social media icons with color, if you want */

    .icon-bar a:hover {
        background-color: #3f3a94;
    }



/*
=============================================== 3. Homepage CSS ===============================================
*/
.elementor-element-556ac17 .uael-post__thumbnail {
    	width:400px;
    	left:auto;
    	right:0px;
}

.elementor-element-556ac17  .uael-post__bg-wrap {
    	background: rgb(1,170,168);
    background: linear-gradient(90deg, rgba(1,170,168,1) 0%, rgba(63,58,148,1) 100%);
}

.elementor-element-556ac17 .uael-post__content-wrap {
    	float:left;
    	width:calc(100% - 420px);
    	min-height:305px;
    	background:transparent !important;
}

.elementor-element-556ac17 .uael-post__content-wrap h3.uael-post__title {
    padding-top:10px;
}


.elementor-element-556ac17 .uael-post__content-wrap a.uael-post__read-more {
    margin-bottom:0px;
}

.elementor-element-556ac17 .uael-post-grid__inner .slick-arrow i {
    font-size:24px;
}

ul.slick-dots li button:before {
    color:red;
}

.elementor-element-556ac17 ul.slick-dots li button:before {
	font-size:9px;
    color:#41bfbe;
}

.elementor-element-556ac17 ul.slick-dots li.slick-active button:before {
    color:#41bfbe;
}

.underline-bio:before,
.underline-bio:after {
	position:absolute;
	bottom:-14px;
	content:'';
	width:100%;
	height:2px;
	background:#eeeeee;
}

.underline-bio:after {
	background:#3f3a94;
	width:30px;
}

.uael-post-grid.uael-posts .uael-post__meta-data {
    margin-top:-4px;
    padding-bottom:14px;
}

.uael-post-grid.uael-posts .uael-post__meta-data i {
    color:#4ca7a7 ;
}

.divider-bio-custom .uael-post__content-wrap {
    border-bottom:1px solid #eaeaea;
	margin-bottom:20px;
}

.divider-bio-custom-events .uael-post__bg-wrap {
    border-bottom:1px solid #eaeaea;
	margin-bottom:0px;
	padding-bottom:25px;
}

.uael-post__footer .uael-post__load-more-wrap .uael-post__load-more.elementor-button {
    font-size:12px;
    text-transform:uppercase;
    border:1px solid #e0e0e0;
	color:#212121 !important;
    background:#ffffff;
	padding:12px 120px !important;
}

.uael-post__footer .uael-post__load-more-wrap .uael-post__load-more.elementor-button:hover {
	border-color:#3f3a94;
	background:#3f3a94;
	color:#ffffff !important;
}


/*
=============================================== 3. RESPONSIVE CSS ===============================================
*/
@media only screen and (max-width: 1024px) { 
    .ast-footer-copyright p {
        margin-bottom:-0px !important;
    }
	#astra-footer-menu {
	padding-bottom:25px;
    }
    
    
    
    .elementor-element-556ac17 .uael-post__thumbnail {
    	width:300px;
    }


    .elementor-element-556ac17 .uael-post__content-wrap {
    	width:calc(100% - 290px);
    }
    

}


@media only screen and (max-width: 767px) {
    
    .elementor-element-556ac17 .uael-post__thumbnail {
    	display:none;
    }


    .elementor-element-556ac17 .uael-post__content-wrap {
    	width:calc(100% );
    }
    
    .elementor-widget-uael-posts.post-list-mobile-fix .uael-post-wrapper .uael-post__content-wrap {
        padding-left:0px !important;
        padding-top:20px !important;
    }
}


/*
=============================================== 4. BACKED UP CSS ===============================================
*/

img.attachment-epic-350x250.size-epic-350x250.wp-post-image.lazyautosizes.lazyloaded {
    object-fit: cover;
}
/* archive */
/* fatured blog post */
.ast-blog-featured-section.post-thumb.ast-grid-common-col.ast-float {
    min-width: 100%;
}
.single-layout-1 .entry-header  img.attachment-large.size-large.wp-post-image {
    min-width: 100%;
    object-fit: cover;
    min-height: 400px;
    max-height: 400px;
}
/* archive posts */
.archive .post-thumb img.attachment-large.size-large.wp-post-image {
		min-width:100%;
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
}
/* single post featured image */
.ast-article-single .ast-single-post-order img.attachment-large.size-large.wp-post-image {
    min-width: 100%;
    max-height: 450px;
    min-height: 450px;
    object-fit: cover;
}
/* related posts image rules */
.ast-single-related-posts-container .ast-related-post-content img.attachment-large.size-large.wp-post-image {
    max-height: 250px;
    object-fit: cover;
    min-width: 100%;
}
/* remove underline from links */
.ast-single-post .entry-content a {
    text-decoration: none;
}

/* homepage accent */
.jeg_block_heading_6:after{
	background:#3f3a94!important;
}

.entry-content > .wp-block-group, .entry-content > .wp-block-media-text, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.jeg_post_title a{
	color: #707070;
}
.jeg_post_title a:hover{
	color: #01aaa8!important;
}

.jeg_thumb .jeg_post_category a {
    background: #01aaa8;
}
.jeg_readmore{
	border-radius:50px;
	border: 1px solid #01aaa8;
	background-color: #01aaa8;
	color: #fff;
}
.jeg_readmore:hover{
	background-color: #3f3a94;
	border: 1px solid #3f3a94;
}
#most-popular-stories{
	padding: 20px;
}
/* breaking news */
.wp-block-group.has-background, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns.has-background {
	padding: 0;
}
.wp-block-image.size-full{
	margin: 0;
}
#breaking-news{
	padding: 30px;
}
#main-breaking-news img {
    min-height: 200px!important;
    object-fit: cover;
}

@media only screen and (max-width: 900px) {
	#main-breaking-news img{
		display:none!important;
	}
}

.wp-block-columns{
	margin: 50px 0!important;
}


/* NEWSLETTER FORM */\
.wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 0!important;
}
#newsletter{
	padding: 30px;
	align-items: center;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    border-radius: 50px;
    padding: 10px 20px;
    background-color: rgb(255 255 255 / 75%);
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 15px 40px;
}
.one-half,
.one-third {
    position: relative;
    margin-right: 3%;
    float: left;
    margin-bottom: 0px;
 
}
 
.one-half { width: 80%; }
.one-third { width: 10%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
}