@charset "UTF-8";
/*
 Theme Name:   Artyster
 Description:  Thème personnalisé pour Artyster
 Author:
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  artyster
*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: 'A Love of Thunder';
  src: url("fonts/ALoveofThunder.eot");
  src: url("fonts/ALoveofThunder.eot?#iefix") format("embedded-opentype"), url("fonts/ALoveofThunder.woff2") format("woff2"), url("fonts/ALoveofThunder.woff") format("woff"), url("fonts/ALoveofThunder.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Carosello';
  src: url("fonts/Carosello-Regular_1.eot");
  src: url("fonts/Carosello-Regular_1.eot?#iefix") format("embedded-opentype"), url("fonts/Carosello-Regular_1.woff2") format("woff2"), url("fonts/Carosello-Regular_1.woff") format("woff"), url("fonts/Carosello-Regular_1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

html {
	overflow-x:hidden;
}

/* Custom Article Elementor widget */
.articles .article {
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
  align-items: stretch; }
  .articles .article:nth-child(2n) {
    text-align: right;
    justify-content: right; }
    .articles .article:nth-child(2n) .article--thumbnail {
      float: right;
      order: 1; }
    .articles .article:nth-child(2n) .article--subcontent {
      justify-content: flex-end; }
    .articles .article:nth-child(2n) .article--subthumbnail {
      order: 1; }
  .articles .article--thumbnail {
    display: block;
    width: 420px;
    max-width: 100%;
    background-size: cover;
    background-position: center; }
  .articles .article--content {
    padding: 0 20px; }
  .articles .article--subthumbnail {
    width: 285px;
    background-size: cover;
    background-position: center; }
  .articles .article--subcontent {
    display: flex;
    align-items: stretch;
    margin-top: 70px; }
  .articles .article--excerpt {
    width: 380px;
    max-width: 100%;
    height: 219px;
    overflow-y: hidden;
    padding: 0 20px; }

.article--content > h3 a, h3 {
  font-family: 'a lot of thunder', sans-serif;
  font-size: 54px;
  color: black; }

.article--excerpt {
  text-align: justify;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  color: black; }

@media (max-width: 800px) {
  .article--excerpt {
    font-size: 10px; } }

@media (max-width: 800px) {
  .article--content > h3 a, h3 {
    font-size: 27px; } }

@media (max-width: 800px) {
  .article--subthumbnail {
    width: 140px; } }

@media (max-width: 800px) {
  .article .article--thumbnail {
    width: 210px; }
  .article--content {
    width: 100%; } }