/**
Theme Name: J Drew Rogers
Author: Bright Bridge Studios
Author URI: https://brightbridge.net
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. That\'s why we\'ve used it as the basis (parent theme) for J Drew Rogers\' website. 
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: j-drew-rogers
Template: astra
*/

/* items in search results */
.ast-article-post.remove-featured-img-padding .blog-layout-4 .post-content .ast-blog-featured-section .post-thumb-img-content {
    margin-left: -1.25em;
    margin-right: -1.25em;
}

.ast-separate-container .ast-blog-layout-4-grid .ast-article-inner, .ast-plain-container .ast-blog-layout-4-grid .ast-article-inner {
    border-radius: 4px;
    overflow: hidden;
}

/* SET CONTENT WIDTH OF ELEMENTOR PAGES GLOBALLY */
#content .entry-content .elementor-element .e-con-inner, .e-con.e-flex>.e-con-inner {
	max-width:1200px !important
}

.relative {position:relative}

/* hide stuff */
.premium-blog-entry-meta .fa, .elementor-slideshow__title, .course .entry-title, .course .entry-meta { display:none !important }


/* astra containers in Elementor */
.elementor-page .ast-container, .elementor-page .ast-container-fluid {
	padding-right:0;
	padding-left:0;
}

/* horizontal rule */
.elementor-divider-separator {
	--divider-border-style: solid;
    --divider-color: #d6e9f075;
    --divider-border-width: 2px;
	background:none;
	height:1px;
}

hr {
	border:none;
	border:2px solid #d6e9f075;
}

/* header and nav */
#header-menu-1 .menu-item a.hfe-menu-item { border-right:1px solid #FFF }

/* fix glitch that makes the nav menu less than 100% wide */

nav.hfe-nav-menu__layout-horizontal {
	width:100% !important
	}

#all-courses-grid .uc_post_title a {
    color: #003768;
    transition: color .5s ease !important;
}

#all-courses-grid .uc_post_title a:hover {
    color: #537FA9;
}


/* homepage slide show */

.hero-caption {
    opacity: 0;
    transition: opacity .3s ease-in-out !important;
	color:#FFF !important;
	font-size:14px !important;
}

.hero-caption.hero-caption-visible {
    opacity: 1 !important;
}


/* course search */
#course-search input:focus, #course-search button:focus, #course-search input:active, #course-search button:active, #secondary a:active, #secondary a:focus {outline:none !important}
.premium-search__post-content { height:auto !important}
.premium-search__skin-classic .premium-search__post-title {margin:10px 20px !important}
.elementor-5144 .elementor-element.elementor-element-58f608f .premium-search-form__pagination-container {
    padding: 15px;
	border-top:3px solid #D6E9F0;
	margin-top:10px
}

/* single blog post */
.single-post .entry-content p, .single-post .entry-content img, .single-post .entry-content small {
	display:block;  
} 

/* featured image*/
.post-featured-image-wrapper {max-width:700px;}

.ast-single-entry-banner[data-post-type="post"] .post-thumb img, .ast-single-post-featured-section img {
	aspect-ratio:inherit;
}

.single-post .entry-content p, .single-post .entry-content small {
	margin-bottom:20px;
}

.ast-separate-container .post-navigation { 
}

.single-post .entry-content a.enlarge {
	text-decoration:none !important; color:#222 
}

.site .ast-single-related-posts-container {
	padding:60px 0 40px 0; 
}

body.archive .ast-archive-description .ast-archive-title, body.archive .ast-archive-description .ast-archive-title *, header.entry-header:not(.related-entry-header) .entry-title {
	font-weight:300
}

header.entry-header:not(.related-entry-header) .entry-meta, header.entry-header:not(.related-entry-header) .entry-meta * {
	font-size:16px;
	font-weight:400;
}

.single-post .entry-content img {
	margin-bottom:30px !important
}
.single-post .post-navigation {
	border-top:3px solid #D6E9F0;
	border-bottom:3px solid #D6E9F0;
	padding:20px 0;
}

/* blog sidebar */
.page-id-917 form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
	width:27%; 
	padding-left:0; 
	padding-right:0; 
}
.page-id-917 .wp-block-search__inside-wrapper .wp-block-search__input, .search-results #secondary .wp-block-search__input {
	width:70.75%; 
	margin-right:2.25% 
}

#secondary .wp-block-latest-posts:not(.is-grid) > li, #secondary li {
	margin-top:0; 
	margin-bottom:0; 
}

#secondary .wp-block-group {
	margin-top:40px
}

#secondary .wp-block-group h2 {
	color:#555;
	font-size:24px
}

a.tag-cloud-link { 
	font-size:16px !important;
	display:block;
}

#secondary {
	line-height:inherit
}

@media (min-width: 922px) {
	.single-post #content >	.ast-container {
		padding-top:34px
	}
}

/* no padding in sidebar widgets on signle post elements */
.single-post.ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container .ast-article-single, .ast-separate-container.ast-two-container #secondary .widget {
	padding:0 !important
}

/* tags in sidebar */

/* Hide tags after the first 24 */
#block-7 .wp-block-tag-cloud a:nth-child(n+13) {
    display: none;
}

/* When expanded, show all tags */
#block-7 .wp-block-tag-cloud.expanded a:nth-child(n+25) {
    display: block;
}

/* More Tags link */
#block-7 .more-tags-toggle {
    display: block;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: underline !important;
}

/* Optional hover effect */
#block-7 .more-tags-toggle:hover {
    text-decoration: underline;
	color:#013668
}





/* blog archive styles */

/* archive title */
body.archive .ast-archive-description {
	padding:30px 0 0 0;
}

.ast-archive-description {
	border:none !important
}

.ast-blog-layout-4-grid .ast-article-inner { 
	box-shadow:none; padding:20px; background-color:#F5F5F5 
}

.ast-blog-layout-4-grid .ast-article-post {
	 width: 50%;
}
.entry-title, .entry-title a, .entry-meta, .entry-meta * {
	font-weight:400;
}


.archive .site-content > .ast-container {  
	padding-left:20px;
	padding-right:20px;
}


@media (min-width:768px) {
.archive .site-content > .ast-container {  
	padding-left:40px;
	padding-right:40px;
}
	   .single-post .ast-separate-container.ast-two-container.ast-right-sidebar #secondary,  .ast-separate-container.ast-two-container.ast-right-sidebar #secondary {
        padding-left: 40px;
        padding-right: 0;
    }
}

@media (min-width:922px) {
.archive .site-content > .ast-container {  
	padding-left:40px;
	padding-right:40px;
}
	   .single-post .ast-separate-container.ast-two-container.ast-right-sidebar #secondary,  .ast-separate-container.ast-two-container.ast-right-sidebar #secondary {
        padding-left: 40px;
        padding-right: 0;
    }
}

@media (min-width:1480px) {
.archive .site-content > .ast-container {  
	padding-left:0;
	padding-right:0;
}
	   .single-post .ast-separate-container.ast-two-container.ast-right-sidebar #secondary,  .ast-separate-container.ast-two-container.ast-right-sidebar #secondary {
        padding-left: 60px;
        padding-right: 0;
    }
}

/* Disable image zoom on blog/archive posts */
.ast-archive-post .post-thumb img,
.ast-post-format- img,
.post-thumb img {
    transform: none !important;
    transition: none !important;
}

.post-thumb:hover img,
.post-thumb a:hover img {
    transform: none !important;
}

.ast-article-post .post-thumb-img-content img, .ast-related-posts-inner-section .post-thumb-img-content img {
	object-fit:cover;
	height:263.25px
}

.entry-header {
    margin-bottom: .7em;
}

/* change default pagination */
.ast-pagination .page-numbers {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 1.9;
    border-radius: 30px;
}

.ast-pagination .next.page-numbers, .ast-pagination .prev.page-numbers, .ast-related-posts-inner-section .entry-meta {
	display:none !important
}

/* lightbox */
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status { font-family:Helvetica, sans-serif !important; font-size:16px !important }

#slb_viewer_wrap .slb_theme_slb_baseline .slb_viewer_overlay {display:none !important}

/* elementor basic gallery with id logo-grid */
#logo-grid .elementor-image-gallery .gallery-item img {
    margin: 0 auto;
    width: 120px;
    height: 90px;
    object-fit: contain;
}

/* styles for elements within Elementor text editor widget */
#content .elementor-widget-text-editor h1, #content .elementor-widget-text-editor h2, #content .elementor-widget-text-editor h3, #content .elementor-widget-text-editor h4, #content .elementor-widget-text-editor h5, #content .elementor-widget-text-editor h6 {margin-bottom:15px;}

#content .elementor-widget-text-editor p, #content .elementor-widget-text-editor li { line-height:1.5em; }

#content .elementor-widget-text-editor blockquote { font-size:16px; line-height:1.4em; padding-top:0; padding-bottom:0; }

#content .elementor-widget-text-editor p a, #content .elementor-widget-text-editor li a { text-decoration:underline; transition:color .5s }

#content .elementor-widget-text-editor p a:hover, #content .elementor-widget-text-editor li a:hover, #content .elementor-widget-text-editor p a:active, #content 

#content .elementor-widget-text-editor li a:active { color:#369 }

#content .elementor-widget-text-editor ul, elementor-widget-text-editor ol { margin:5px 0 15px 15px; padding:0; }

#content .elementor-widget-text-editor li { line-height:140%;  }

#content .elementor-widget-text-editor ul li::marker { color: #369; }

@media (min-width:921px) {
	.course-logo { margin-top:-40px }
	.course-logo-lg { margin-top:-30px }
	.course-logo-xl { margin-top:-20px }
	.elementor-widget-text-editor p, .elementor-widget-text-editor li, .ast-archive-description p, .single-post .entry-content p { width:850px; max-width:100%; text-align: justify; text-wrap: pretty }
	.archive #secondary {margin-top:94px}
}


/* logo images in courses
.course-logo {width:15%; margin:0px 20px; float:right; box-shadow:none !important; -webkit-box-shadow:none !important;-moz-box-shadow:none !important }
.course-logo-sm {width:20%; margin:0px 20px; float:right; box-shadow:none !important; -webkit-box-shadow:none !important;-moz-box-shadow:none !important }
.course-logo-lg {width:30%; margin:0px 20px; float:right; box-shadow:none !important; -webkit-box-shadow:none !important;-moz-box-shadow:none !important }
.course-logo-xl {width:40%; margin:0px 20px; float:right; box-shadow:none !important; -webkit-box-shadow:none !important;-moz-box-shadow:none !important }
 */

.course-logo, .course-logo-sm, .course-logo-lg, .course-logo-xl {
	width:25%;
	float:right; 
	margin:10px 0 10px 30px;
	min-width:160px!important;
	max-height:160px !important;
	object-fit:contain;
	box-shadow:none !important; 
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important
}

/* remove box shadow from images */
.ast-article-single figure, .ast-article-single img:not(figure img) {  box-shadow:none !important; -webkit-box-shadow:none;-moz-box-shadow:none !important !important}


#content .elementor-element .gallery-item .gallery-caption {
	font-size:11px; color:#369; border:none;
}


/* remove arrows on dropdown tabs */
@media (min-width:1024px) {
	.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow {
		display:none !important
	}
}

selector .elementor-background-video-embed {
    pointer-events: none !important;
}
@media (max-width:1330px) {
.ast-separate-container #primary {
	padding-top:0;
}
}

/* All Courses pagination */

/* pagination container */
.uc-posts-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin: 40px 0;
}

/* all page numbers */
.uc-posts-pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #111;
}

/* current page */
.uc-posts-pagination .page-numbers.current {
    background: #0d3b73;
    color: #fff;
}

/* ellipsis */
.uc-posts-pagination .page-numbers.dots {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    pointer-events: none;
}