/*
Theme Name: Hydra
Theme URI: https://bonniercorp.com
Template: hello-elementor
Author: BonnierCorp
Author URI: https://bonniercorp.com
Description: A Bonnier Corp site-specific theme on top of the Hello Elementor parent theme.
Version: 0.0.1.17
Updated: 2021-12-28 11:03AM

*/

@media screen and (min-width:768px) {
	#post-content-inner p,
	#post-content-inner h1,
	#post-content-inner h2, 
	#post-content-inner h3, 
	#post-content-inner h4, 
	#post-content-inner h5,
	#post-content-inner p {
		box-sizing: border-box;
		padding: 0 40px;
		margin-left: auto;
		margin-right: auto;
	}
}

#post-content-inner ol p,
#post-content-inner ul p {
	margin: 0 0 10px 10px;
	padding: 0;
	max-width: none;
}

.align-center {
	text-align: center !important;
	margin: 0 auto;
}

.elementor-post__title,
.elementor-image-box-title {
    font-weight: 600 !important;
}

#post-content-inner p + h2,
#post-content-inner p + h3,
#post-content-inner p + h4,
#post-content-inner p + h5 {
	margin-top: 40px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.elementor-posts .elementor-post__title {
	font-size: inherit;
	font-weight: inherit;
}

body .elementor-widget-heading .elementor-heading-title {
	color: #000;
}

.elementor-widget-container h1 a,
.elementor-widget-container h2 a,
.elementor-widget-container h3 a,
.elementor-widget-container h4 a,
.elementor-widget-container h5 a,
.elementor-widget-image-box .elementor-image-box-title,
h2.elementor-heading-title 
{
	color: #000 !important;
}

/* h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	text-decoration: underline;
} */

.elementor-image-box-title a:hover,
.elementor-post__title a:hover {
	text-decoration: underline;
}

a img {
  transition: 0.2s ease opacity;
}
a img:hover {
	opacity: 0.75;
}

.elementor-widget-image-box .elementor-image-box-title {
	margin-bottom: 5px;
}


.elementor-widget-text-editor p {
	line-height: 1.25;
}
.page .elementor-widget-container p { line-height: 1.5; }

.elementor-button-text,
.elementor-image-box-title,
.elementor-heading-title {
    font-family: "Raleway";
    font-weight: 800;
}
.elementor-button-link:hover {
	background: #111 !important;
}

.elementor-posts .elementor-post__meta-data {
    font-size: 14px;
    margin: 5px 0;
    color: #111;
    font-family: "Raleway";
	font-weight: 300;
}

.elementor-posts .elementor-post__excerpt p,
.elementor-image-box-description {
    font-size: 14px !important;
	text-align: left;
    color: #000;
	font-weight: 500;
    font-family: "Raleway";
}

.anwp-pg-post-teaser__title.anwp-font-heading {
    font-family: "Raleway";
    font-weight: 900;
}
.anwp-pg-post-teaser__category-wrapper {
    font-family: "Raleway";
    font-weight: 600;
}

.page .elementor-widget-container p {
	font-size: 21px;
	line-height: 1.25;
}

.elementor-post__read-more {
    padding: 3px 5px;
  	border-radius: 4px;
    font-family: "Raleway";
    color: #000 !important;
    line-height: 1;
    border: 1px solid #000;
    font-weight: 500 !important;
}
.elementor-post__read-more:hover {
	background: #000;
	color: #fff !important;
}
.elementor-post__excerpt p {
	font-size: 18px !important;
	color: #000 !important;
	line-height: 1.25 !important;
	margin-top: 5px !important;
}

a {
	transition: 0.2s ease all;
}

a:hover img {
	opacity: 0.8;
}

.elementor-post-author:before {
	content: "By";
}

/* Quote Gutenberg block styling */
.wp-block-quote.is-style-default {
	border-left: 5px solid #000;
	padding-left: 20px;
}
.wp-block-quote p {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.25 !important;
}
.wp-block-quote.is-style-default cite {
	font-family: "Raleway";
	font-size: 12px;
}
.wp-block-quote.is-style-large cite,
.wp-block-pullquote cite {
  font-family: "Raleway";
	font-size: 14px;
}
.wp-block-pullquote {
	padding: 20px !important;
}
.wp-block-pullquote p {
	font-size: 30px !important;
    line-height: 1.25;
	text-align: center;
}
.wp-block-pullquote cite {
	text-align: center;
}
.wp-block-pullquote blockquote {
	margin: 0 !important;
	max-width: none !important;
}

.wp-block-pullquote {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-style: solid;
	border-left: 0;
	border-right: 0;
	padding: 40px 0 !important;
	margin: 40px 0 !important;
}

.wp-block-pullquote blockquote cite {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px;
}


/* FROM PAGE TEMPLATE */
/* hide current page name in breadcrumbs */
.breadcrumb_last {
    display: none;
}

/* FROM POST TEMPLATE */
/* sponsored label on right rail content listings -- move to child theme styles */
#post-sidebar .category-sponsored-post .elementor-post__title:before {
        content: "Sponsored";
        background: #000;
        font-size: 11px;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        padding: 5px;
        line-height: 1;
        margin: 0 0 5px;
}
#post-sidebar .category-sponsored-post .elementor-post__title a { 
    display: block;
}

.elementor-share-btn {
    border: none !important;
    font-size: 12px !important;
}

#post-content iframe {
    max-width: 100% !important;
    width: 100% !important;
}

#post-sidebar p {
	margin: 0;
}

#post-sidebar #right1,
#post-sidebar #right2 {
	height: inherit !important;
	min-height: 250px;
}

#post-content-inner.elementor-widget-container h2, 
#post-content-inner.elementor-widget-container h3,
#post-content-inner.elementor-widget-container h4,
#post-content-inner.elementor-widget-container h5 {
    margin-top: 40px;
}

#post-content-inner ul,
#post-content-inner ol {
    margin: 20px 85px 40px;
}
@media screen and (max-width: 768px) {
	#post-content-inner ul,
	#post-content-inner ol {
		margin: 20px 0 40px;
	}
}

.page-template.page [data-elementor-type="wp-page"] {
	margin-top: 30px;
}


/* div[class~=hydra-post-middle] {
	margin-top: 30px;
	margin-bottom: 30px;
} */

/* quick and dirty removal of in-content ad unit margin from iframe embeds */
/* #post-content div[class~=hydra-post-middle] iframe {
	margin: 0 !important;
}
 */


button:hover {
	background: var(--e-global-color-primary);
}

.elementor-widget-html a,
.elementor-widget-text-editor a,
body #post-content-inner p a, 
#post-content-inner li a,
.hydra-image-caption a {
	color: #000;
	/* font-weight: 600; */
	border-bottom: 2px solid var(--e-global-color-primary);
}

.elementor-widget-html a:hover,
.elementor-widget-text-editor a:hover,
body #post-content-inner p a:hover,
body #post-content-inner li a:hover,
.hydra-image-caption a:hover,
body a.page-numbers {
	color: var(--e-global-color-primary) !important;
}
body a.page-numbers.current { color: #111 !important; }

/* gross hotfix to fix in-content ads for HYD-322 */
#middle1,
#middle2,
#middle3,
#middle4,
#middle5 {
	margin: 30px auto !important;
}

#post-content #middle1 iframe,
#post-content #middle2 iframe,
#post-content #middle3 iframe,
#post-content #middle4 iframe,
#post-content #middle5 iframe {
	margin: 0 !important;
}

.elementor-widget-container .embed-container {
	margin: 0 0 30px;
}

/* HYD-1064: preventing in-content ads from touching content below them */
.bonnier-ads-middle {
	margin-bottom: 30px;
}

/* HYD-541: pager updates */
.elementor-pagination span {
	color: #333 !important;
}
a.page-numbers:hover {
	text-decoration: underline;
}

/* Hamburgler side menu popup off canvas styles */
.elementor-nav-menu--main .elementor-nav-menu ul {
    position: relative;
    display: block !important;
    width: 100% !important;
    background: transparent;
    padding: 0;
    margin: 0 !important;
}
/* Helper class toggled with JS to make drop downs open on click/touch instead of hover */
/* .elementor-nav-menu--main .elementor-nav-menu ul.shown {
	display: block !important;
} */
.elementor-nav-menu--main .elementor-nav-menu ul .elementor-sub-item {
    padding-left: 5px !important;
    margin-top: 5px;
	font-size: 16px;
	font-family: "Raleway" !important;
	font-weight: 600; 
}

#elementor-popup-modal-382 .dialog-message {
    width: 375px;
    height: 100vh;
    align-items: flex-start;
    background: #efefef;
    position: fixed;
    bottom: 0;
    top: 65px;
}

.elementor-382 .elementor-element.elementor-element-203c1fb4 > .elementor-widget-container {
    padding-bottom: 200px !important;
}

/* HYD-602: Image block to posts block styling */
.elementor-image-box-title {
    font-size: 21px;
    text-align: left;
}