@charset "UTF-8";
/*
Theme Name: Insider
Theme URI: https://www.insidertrading.com
Author: Musings
Author URI: https://www.musings.it
Description: A minimalist professional theme for Insider Trading project
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-colors, custom-menu, custom-header, featured-image-header, featured-images, footer-widgets, blog, one-column, custom-logo, translation-ready, block-styles, wide-blocks, full-width-template, accessible, schema.org, custom-map, social-media
Text Domain: insider
*/

::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
	--text-color: #0f1624;
	--text-color-light: #7e8082;
	--title-color: #05070c;
	--accent: #ffb606;
	--accent-dark: #e6a405;
	--contrast: #5b6d94;
	--contrast-dark: #324979;
	--background: #fdfcfd;
	--footer-background: #19253d;
	--background-shadow: rgba(255,255,255,0.95);
	--background-shadow-dark: rgba(0,0,0,0.65);
	--background-grey: #ebedf2;
	--background-dark-grey: #d6dbe4;
	--white: #fdfcfd;
	--grey: #eeeeee;
	--max-width: 75vw;
	--header-height: 100px;
	--font-family: 'Lato', sans-serif;
}

html, body {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-height: 100vh;
	min-width: 360px;
	overflow-x: hidden;
	font-size: 16px;
	font-weight: normal;
    font-style: normal;
}

body {
	height: 100%;
	font-family: var(--font-family);
	z-index: 1;
	color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family);
	color: var(--title-color);
	line-height: 1;
	margin: 0;
	overflow-wrap: normal;
	word-break: keep-all; 
}

h1 {
	font-size: 2.5rem;
	margin: 0.5em 0;
}

h2 {
	font-size: 1.85rem;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 1.65rem;
	margin: 0.25em 0;
}

h4 {
	font-size: 1.5rem;
	margin-bottom: 0.5em;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1.05rem;
}

p {
	margin: 0 0 0.5em;
	line-height: 1.5;
	text-align: justify;
}

a {
	color: var(--accent); 
  	text-decoration: none;
  	padding-bottom: 5px;
}

a:hover {
	text-decoration: none;
}

ul {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

ul li {
	list-style: none;
	padding: 0;
}

img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

main, header, section, footer {
	position: relative;
	margin: 0;
	width: 100%;
	z-index: 1;
}

/**
 * Reset wp columns breakpoint to 768px (original 600px)	
 */
@media screen and (max-width: 767px) {
	.wp-block-columns {
		flex-wrap: wrap;
	}
	
	.wp-block-column:not(:only-child) {
		flex-basis: 100% !important;
	}
	
	.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}

figure.wp-block-embed.is-type-video > .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%; /*16:9*/
}

figure.wp-block-embed.is-type-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**
 * header & menus	
 */
.header {
	background: var(--background);
	z-index: 99;
} 

.header-nav {
	position: relative;
	padding: 1rem;
	display: flex;
	justify-content: space-between;
}

.header-title {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.header-title:hover,
.header-title span:hover {
	text-decoration: none;
}

.header-logo {
	position: relative;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	max-height: 60px;
}

.header-title span.header-subtitle, 
.header-title span.header-subtitle-logo {
	position: relative;
	display: block;
	margin: 0;
	font-size: 0.9rem;
	color: var(--contrast-dark);
}

body.home .header-title span.header-subtitle, 
body.home .header-title span.header-subtitle-logo {
	color: var(--white);
}

/**
 * menu
 */
.nav-wrapper {}

.hamburger {
	position: relative;
	z-index: 100;
	display: block;
}

.hamburger span.bar, 
.hamburger--stack span.bar:first-child::before, 
.hamburger--stack span.bar:nth-child(3)::before {
	background-color: var(--contrast-dark);
}

.hamburger:not(.active) span.bar, 
.hamburger--stack:not(.active) span.bar:first-child::before, 
.hamburger--stack:not(.active) span.bar:nth-child(3)::before {
	background-color: var(--contrast-dark);
}

.hamburger.active {
	position: fixed;
	right: 1rem;
}

.menu-wrapper {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background: var(--background);
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 0 2em;
	justify-content: center;
	transition: right 1s ease; 
}

.menu-wrapper.active {
	right: 0;
}

.menu-list {
	align-self: center;
}

.menu-list li {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	margin: 0;
	position: relative;
}

.menu-list li a {
	color: var(--contrast-dark);
}

.menu-list li a:hover {
	text-decoration: none;
}

.menu-list li::before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 0px;
  height: 5px;
  margin: 5px 0 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.75s;
  opacity: 0;
  background-color: var(--accent);
}

.menu-list li:hover::before {
	left: 0;
	width: 100%;
	opacity: 1;
}

/*Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) {}

/*Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
	.nav-wrapper {}
	
	.hamburger {
		display: none;
	}
	
	.menu-wrapper {
		position: relative;
		top: auto;
		right: auto;
		background: none;
		flex-direction: row;
	}
	
	.menu-list li {
		display: inline-block;
		font-size: 1.1rem;
		font-weight: 400;
		margin-right: 1.5rem;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.menu-list li:last-of-type {
		margin-right: 0;
	}
	
	.menu-list li a::before {
		background-color: var(--white);
	}
	
	.menu-list li a {
		color: var(--contrast-dark);
	}
}

/**
 * homepage
 */
.homepage h1,
.homepage h3 {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	line-height: 1.2;
} 

.homepage h3 a {
	color: var(--accent-dark);
	text-decoration: none;
	transition: color 0.2s;
}

.homepage h3 a:hover {
	color: var(--accent);
}

/**
 * main, container, wrappers ...
 */
.main {
	position: relative;
	/*padding-top: var(--header-height);*/
	min-height: calc(100vh - 100px);
}

.container {
	position: relative;
	margin: 0 auto;
	padding: 1em;
}

.main.homepage .container {
	padding: 0;
}

.container.grey-container {
	background: var(--background-grey);
}

.container.dark-grey-container {
	background: var(--background-dark-grey);
}
 
.cards-wrapper {
	position: relative;
	margin: 2em auto 4em;
	gap: 1em;
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media screen and (min-width: 768px) {
	.container {
		padding: 2em;
	}
}

/**
 * card	
 */
.card {
	position: relative;
	box-shadow: 0 1rem 2rem 0 rgba(0,0,0,0.1);
}

@media screen and (min-width: 768px) {
	.cards-wrapper {
		gap: 2em;
	}
}

@media screen and (min-width: 992px) {
	.cards-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (min-width: 1200px) {
	.cards-wrapper {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.card-media {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.3s;
	background-color: var(--grey);
	margin: 0;
	height: calc(30vh + 2em);
}

@media screen and (min-width: 992px) {
	.card-media {
		height: 30vh;
		margin: 2em;
		margin-bottom: 0;
	}
	
	.card:hover .card-media {
		margin: 0;
		height: calc(30vh + 2em);
	}
}

.card-tagline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: right;
}

.card-tagline a, .read-all a, 
.post-categories a, .post-tags a {
	position: relative;
	display: inline-block;
	background: var(--accent);
	color: var(--white);
	border: 1px solid var(--accent);
	padding: 0.3em 0.4em;
	margin-right: 0.4em;
	line-height: 1;
	transition: all 0.2s ease-in;
	border-radius: 3px;
}

.card-tagline a:last-of-type, .read-all a:last-of-type, 
.post-categories a:last-of-type, .post-tags a:last-of-type {
	margin-right: 0;
}

.card-tagline a:hover, .read-all a:hover, 
.post-categories a:hover, .post-tags a:hover {
	text-decoration: none;
	background: var(--white);
	color: var(--accent);
}

.card-body {
	border: 0px solid var(--text-color-light);
	border-top: none;
	padding: 0 2em 2em;
}

.card-title {
	margin-top: 0;
	padding-top: 0.75em;
	word-break: break-word;
}

.card-title a {
	color: var(--title-color);
	text-decoration: none;
	transition: all 0.2s ease-in;
}

.card-title a:hover {
	color: var(--accent);
}

.card-text {
	position: relative;
	margin-bottom: 1.5rem;
}

.card-read-more {
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
	font-size: 1.5rem;
	font-weight: 400;
	border: 1px solid var(--accent);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 1;
	text-align: center;
	transition: all 0.2s ease-in;
}

.card-read-more:hover {
	text-decoration: none;
	background: var(--accent);
	color: var(--white);
}

.card-read-more .la {
	display: inline-block;
	margin-top: 0.3em;
}

.read-all {
	margin-top: 1em;
	text-align: center;
	font-size: 1.5rem;
}

.read-all a {
	margin-right: 0;
}

.card-call-to-action {
	position: absolute;
	top: 140px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	padding: 1em;
	background: rgba(255,255,255,0.85);
	border-radius: 3px;
}

.card-call-to-action h3 {
	text-align: center;
	margin: 0 auto;
}

.card-call-to-action h3 a {
	color: var(--text-color);
	padding-bottom: 0;
}

.card-call-to-action.active-call {
	display: block;
}

/**
 * single page/article	
 */
article, aside, .contact-wrapper, 
.main.post .container .article-content-sidebar,
.main.page .container .article-content-sidebar  {
	position: relative;
	margin: 0 auto;
}

@media screen and (min-width: 992px) {
	.main.post .container .article-content-sidebar,
	.main.page .container .article-content-sidebar {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
}

@media screen and (min-width: 1600px) {
	.main.post .container .article-content-sidebar, .contact-wrapper,
	.main.page .container .article-content-sidebar, .contact-wrapper {
		max-width: 75vw;
	}
}

.article-header {
	position: relative;
	background-color: var(--contrast-dark);
	padding-top: 3vh;
	padding-bottom: 3vh;
	margin: -2em -2em 2em -2em;
}

.membership_content {
	margin-bottom: 2em;
}

/*
.membership_content .article-header {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
*/

.post-title {
	text-align: center;
	color: var(--white);
	padding: 0 0.1em;
}

.post-title-content {
	color: var(--title-color);
	margin: 0.5em auto;
	width: 792px; /*come learnpress*/
	max-width: 100%;
}

.post-categories {
	text-align: center;
}

.post-categories a {}

.post-meta {
	text-align: center;
}

.post-meta li {
	display: inline-block;
}

.article-content-wrapper {
	position: relative;
	margin: 0 auto;
	width: 792px; /*come lezioni learnpress*/
	max-width: 100%;
}

.article-content {
	position: relative;
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 992px) {
	.article-content, 
	.post-title-content {
		max-width: 90vw;
	}
}

@media screen and (min-width: 1200px) {
	.article-content, 
	.post-title-content {
		max-width: 80vw;
	}
}

@media screen and (min-width: 1200px) {
	.article-content, 
	.post-title-content {
		max-width: 70vw;
	}
}

.article-content h2 {
	margin-top: 0.5em;
}

.article-content h3 {
	margin-top: 1.5em;
}

.article-content h4 {
	margin-top: 1.5em;
}

.article-content p {
	margin-bottom: 1em;
}

.post-tags {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--grey);
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--grey);
}

.post-image-wrapper {
	position: relative;
	display: block;
	margin: 0 auto 2em auto;
}

.post-image {
	position: relative;
	display: block;
	margin: 0em auto;
	max-width: 100%;
	border-radius: 3px;
}

.post-image-caption {
	position: relative;
	margin: 0.2rem auto 0;
	font-size: 0.9rem;
	font-style: italic;
	text-align: center;
}

/**
 * dashboard page
 */


/**
 * learnpress
 */
.lp-archive-courses {
	padding: 0;
	min-height: calc(100vh - 100px);
}

.lp-archive-courses .course-meta__pull-left .meta-item__value label {
	display: none !important;
}

.course-summary-sidebar .lp-course-buttons button {
	font-size: 1rem;
}

.lp-modal-dialog .lp-modal-header,
.lp-modal-dialog .btn-yes {
	background: var(--contrast-dark) !important;
}

/**
 * pagination	
 */
.pagination {
	position: relative;
	margin: 2em auto 0 auto;
	display: block;
}

.pagination h2 {
	display: none;
}

.pagination div {
	position: relative;
	margin-top: 1em;
}

.pagination {
	display: flex;
	justify-content: center;
}

.pagination div {
	flex: 1 0;
	margin-top: 0;
}

.pagination p {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
	padding-top: 1rem;
	border-top: 0px solid var(--accent);
}

.pagination p a {
	max-width: 48%;
	color: var(--text-color);
}

.pagination p a:hover {
	color: var(--accent);
	text-decoration: none;
}

.pagination p a.navigation-link-prev {
	margin-right: auto;
	text-align: left;
}

.pagination p a.navigation-link-next {
	margin-left: auto;
	text-align: right;
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1200px) {
	.pagination p {
		max-width: 75vw;
	}
}

.pagination div.prev-page > a {
	background: url('imgs/icons/left.svg') no-repeat left center;
	padding-left: 2em;
}

.pagination div.next-page > a {
	background: url('imgs/icons/right.svg') no-repeat right center;
	padding-right: 2em;
}

.pagination .page-numbers {
	padding: 0.5em 1em;
	border: 1px solid var(--accent);
	transition: all 0.2s ease-in;
	border-radius: 3px;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
	border: none;
}

.pagination .page-numbers:hover {
	background: var(--accent);
	color: var(--white);
	text-decoration: none;
}

.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover {
	background: var(--white);
	color: var(--accent);
	
}

/**
 * various
 */
.opacity-05 {
	opacity: 0.5;
}

/**
 * footer
 */
.footer {
	position: relative;
	margin: 0 auto;
	padding: 2em 2em 2em;
	background: var(--background);
	color: var(--text-color-light);
	border-top: 1px solid var(--background-grey);
} 

.footer .footer-details {
	position: relative;
	margin: 0 auto;
	margin-bottom: 2em;
	max-width: 80vw;
}

.footer .footer-details .footer-logo {
	position: relative;
	display: block;
	margin: 0 auto 1em auto;
	max-width: 250px;
}

.footer .footer-details .footer-description {
	margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
	
	.footer {
		padding-top: 3em;
	}
	
	.footer .footer-details {
		max-width: 65vw;
		display: flex;
		margin-bottom: 3em;
		justify-content: center;
		gap: 0 2em;
		align-items: center;
	}
	
	.footer .footer-details .footer-logo {
		margin-bottom: 0;
	}
}

.footer .footer-menu-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 1em 0;
	border: 1px solid var(--background-grey);
	border-left: none;
	border-right: none;
}

.footer .footer-menu-wrapper ul {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 0 2em;
}

.footer .footer-menu-wrapper ul li a {
	padding-bottom: 0;
}

.footer .copyright-wrapper {
	position: relative;
	margin-top: 1em;
	display: flex;
	justify-content: space-between;
	gap: 0 2em;
}

.footer .copyright-wrapper p {
	margin-bottom: 0;
}

.footer a {
	color: var(--contrast-dark);
	transition: color 0.2s;
}

.footer a:hover {
	color: var(--contrast);
}

/**
 * colori paletta per Gutenberg
 	'insider_title_color' => array(
                'default'   => '#05070c',
                'label'     => __( 'Colore Titoli', 'insider' ),
                'slug'      => 'text-title',
            ),
            'insider_text_color' => array(
                'default'   => '#0f1624',
                'label'     => __( 'Colore Testo', 'insider' ),
                'slug'      => 'text-primary',
            ),
            'insider_text_color_light' => array(
                'default'   => '#7e8082',
                'label'     => __( 'Colore Testo Chiaro', 'insider' ),
                'slug'      => 'text-light',
            ),
            'insider_color_accent' => array(
                'default'   => '#ffb606',
                'label'     => __( 'Colore Accento', 'insider' ),
                'slug'      => 'accent',
            ),
            'insider_color_accent_dark' => array(
                'default'   => '#e6a405',
                'label'     => __( 'Colore Accento Scuro', 'insider' ),
                'slug'      => 'accent-dark',
            ),
            'insider_color_contrast' => array(
                'default'   => '#5b6d94',
                'label'     => __( 'Colore Contrasto', 'insider' ),
                'slug'      => 'contrast',
            ),
            'insider_color_contrast_dark' => array(
                'default'   => '#324979',
                'label'     => __( 'Colore Contrasto Scuro', 'insider' ),
                'slug'      => 'contrast-dark',
            ),
            'insider_color_background' => array(
                'default'   => '#fdfcfd',
                'label'     => __( 'Colore Background', 'insider' ),
                'slug'      => 'background',
            ),
 */
.has-text-title-color {
	color: #05070c;	
}

.has-text-primary-color {
	color: #0f1624;
}

.has-text-light-color {
	color: #7e8082;
}

.has-accent-color {
	color: #ffb606;
}

.has-accent-dark-color {
	color: #e6a405;
}

.has-contrast-color {
	color: #5b6d94;
}
 
.has-contrast-dark-color {
	color: #324979;
}

.has-background-light-color {
	color: #fdfcfd;
}

.has-text-title-background-color {
	background-color: #05070c;	
}

.has-text-primary-background-color {
	background-color: #0f1624;
}

.has-text-light-background-color {
	background-color: #7e8082;
}

.has-accent-background-color {
	background-color: #ffb606;
}

.has-accent-dark-background-color {
	background-color: #e6a405;
}

.has-contrast-background-color {
	background-color: #5b6d94;
}
 
.has-contrast-dark-background-color {
	background-color: #324979;
}

.has-background-light-background-color {
	background-color: #fdfcfd;
}