/**
 * Theme Name:     Iron Calves
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   iron-calves
 * Description:    Custom Theme
 * License:        1.0.0
 */


* {margin:0; padding:0; outline:none; box-sizing:border-box;}
img {max-width:100%; height:auto;}
a {text-decoration:none; transition:all 0.3s ease; color:var(--blue);}
a:hover {opacity:0.7; transition:all 0.3s ease;}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Oswald:wght@200..700&display=swap'); 

:root {
    --heading-font: "Oswald", sans-serif;
    --text-font: "Inter", sans-serif;

    /* Colors */
    --black: #000000;
    --white: #FFFFFF;
    --blue: #0082CB;
    --gray: #666666;
    --light-gray: #F4F4F4;

    /* Font Weights */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
}

#page body { background-color:#FFF !important}
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {font-family:var(--heading-font); line-height:1.2; line-height:135%;}
#page h1 {font-size:72px;}
#page h2 {font-size:55px;}
#page h3 {font-size:36px;}
#page h4 {font-size:24px;}
#page h5 {font-size:20px;}
#page h6 {font-size:18px;}
#page body, #page p, #page li, #page span { font-size:19px; line-height:32px; }


@media (max-width: 1366px) {
#page h1 {font-size:64px;}
}

@media (max-width: 1200px) {
#page h1 {font-size:54px;}
#page h2 {font-size:42px;}
}

@media (max-width: 1024px) {
#page h1 {font-size:48px;}
#page h2 {font-size:38px;}
#page h3 {font-size:28px;}
}

@media (max-width: 880px) {
#page h1 {font-size:40px;}
#page h2 {font-size:32px;}
#page h3 {font-size:24px;}
}

@media (max-width: 767px) {
#page h1 {font-size:32px;}
#page h2 {font-size:28px;}
#page h3 {font-size:20px;}
#page h4 {font-size:18px;}
#page p {font-size:17px; line-height:28px;}
}