/*
Theme Name: Julien website Child
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: julien-theme
Description: Child Theme of Julien
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentytwentytwo-child
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'Roslindale Display Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../julien-theme-child/fonts/Roslindale-DisplayCondensedRegular-Testing.woff') format('woff');
}

@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');
    

@media only screen and (min-width: 1400px) {
body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl, body .container-xxl {
    max-width: 1170px;
}
}

body {
    background-color: #FFFEF0 !important;
    border: 15px solid #FFF;
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;

   /* font-family: 'Roslindale Display Condensed Regular' !important;*/
}

.color-red  {   
    color: #F01520;
}
.header-family { 
   font-family: 'Roslindale Display Condensed Regular' !important;
}

body img {
    width: 100%;
}
body #header {
    background-color: transparent !important;
}

header {
    padding-top: 35px;
}
header .navbar-brand {
    color: #F01520;
    font-size: 16px;
}
#menu-main-menu a {
    color: #F01520;
    font-size: 16px;
    padding-left: 58px;
    padding-right: 58px;
}
.relative-posotion  {
    position: relative;
}
.homepage-header {
   font-size: 150px;
   transition: all 0.3s ease-in;
}
.homepage-header.move-top {
   font-size: 14px;
   position: absolute;
   left: 0;
   top: -100px;
   font-weight: 500;
}

.page-template-regular-page h1 {
    color: #F01520;
    font-size: 120px;
    line-height: 100px;
    font-weight: 300px;
    font-family: 'Roslindale Display Condensed Regular' !important;
}
body .wp-element-button {
   color: #F01520 !important;
   font-size: 20px !important;
   border: 2px solid #F01520 !important;
   background-color: transparent !important;
  border-radius: 0px !important;
}