/*
Theme Name: Constructeur de thème
Version: 0.2
Description: Un thème de base pour démarrer un portfolio. Ce thème s'appuie sur Bootstrap en version 5-beta2.<br>Je recommande par ailleurs les extensions AJAX Thumbnail Rebuild et Easy Fancybox.
Author: GR3
Author URI: https://codedrops.net
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


*/

/* css de Theme builder */
/* redefinition des css importantes */
body {
    font-family: 'rubiklight';
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'rubikmedium';
    font-weight: normal;
}
img {
    height: auto;
}

.container {
    margin-left:0;
}

a.decoration-hover, .decoration-hover a {
   text-decoration:none; 
}
a.decoration-hover:hover, .decoration-hover a:hover {
   text-decoration:underline; 
}

.w-75 {
  width:75%;  
}

.navbar-toggler {
    font-size:2rem;
}

/* définition des tailles et graisses de typo */

.titre-enorme {
    font-size:1.5rem;
}
.titre-grand {
    font-size:3.5rem;
}
.titre-petit {
    font-size:1rem;
}
.titre-minus {
    font-size:0.89rem;
}

.texte-grand {
    font-size:1.2rem;
}
.texte-moyen {
    font-size:0.9rem;
}
.texte-petit {
    font-size:0.75rem;
}
.texte-minus {
    font-size:0.65rem;
}

.navbar-toggler {
    font-size:2rem;
}

.font-bold {
    font-family: 'rubikbold';
}
.font-regular {
    font-family: 'rubikregular';
}
.font-medium {
    font-family: 'rubikmedium';
}
.font-light {
    font-family: 'rubiklight';
}


/* carousel */
.carousel-control-next {
    font-size:2rem;
    color: var(--bs-primary);
    align-items: flex-start;
    justify-content: flex-end;
}
.carousel-control-next:hover {
    color: var(--bs-secondary);
}


/* X-Small devices (portrait phones, less than 576px)
pas de media query pour `xs` puisque bootstrap est écrit en 'mobile first'
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .titre-enorme {
        font-size:2.5rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .titre-enorme {
        font-size:4rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .titre-enorme {
        font-size:5rem;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

}
