/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 Mar, 2020, 12:30:59 PM
    Author     : sarika_pc
*/
@font-face {
  font-family: 'Graphik web';
  src: url('../Fonts/Graphik-Medium-Web.woff2') format('woff2'), url('../Fonts/Graphik-Medium-Web.eot') format('embedded-opentype'), url('../Fonts/Graphik-Medium-Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik web';
  src: url('../Fonts/Graphik-MediumItalic-Web.woff2') format('woff2'), url('../Fonts/Graphik-MediumItalic-Web.eot') format('embedded-opentype'), url('../Fonts/Graphik-MediumItalic-Web.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik web';
  src: url('../Fonts/Graphik-Regular-Web.woff2') format('woff2'), url('../Fonts/Graphik-Regular-Web.eot') format('embedded-opentype'), url('../Fonts/Graphik-Regular-Web.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik web';
  src: url('../Fonts/Graphik-RegularItalic-Web.woff2') format('woff2'), url('../Fonts/Graphik-RegularItalic-Web.eot') format('embedded-opentype'), url('../Fonts/Graphik-RegularItalic-Web.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
:root
{
    --Primary_Color : #480001;
    --Secondary_Color : #ad0e10;
    --transparent : #00000000;
    --LightGray : #d4d4d4;
    --white : #fff;
    --black : #191302;
    --LightSkyBlue : #4bcefa;
    --orange:#da8c6c;
    --orangeHover:#cd7f5f;
    --yellow:#ffc317;
    --darkGreen:#869583;
    --darkGreenAlt:#8f9f8c;
    --lightGreen:#98aa94;
    --DarkGray : #2b2b2a;
    --grayBkg:#f3f1ee;
    --grayBkg2:#fcfcfc;
    --grello:#74726c;
    --grayText:#868686;
    --accessGray:#b6b3aa;
    --bodyFont: 'Graphik web',sans-serif,Arial,Helvetica;    
    --LargeHeading_FS : 80px;
    --MediumHeading_FS : 60px;
    --SmallHeading_FS : 40px;
    --SubHeading_FS : 20px;
    --SubHeading_FS_Md : 18px;
    --SubHeading_FS_Sm : 16px;
    --SubHeading_FS_Xs : 14px;
    --SmallText_FS : 15px;
    --VerySmallText_FS : 14px;    
    --Body_FS : 16px;
}

/*------------ Required for AboutCourt_2_Css.css -----------------*/
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.7em;
}
a
{
    text-decoration: none;
 }
*
{
    box-sizing: border-box;
}
body
{    
    font-family: var(--bodyFont),sans-serif;
    color: var(--black);
    font-size: var(--Body_FS);
    line-height: 1.7em;    
    font-weight: 400;
    
}
.LargeTitleFont_Cl
{
    font-size: var(--LargeHeading_FS);
    font-weight: 500;
}
.BodyFont_FS
{
    font-size: var(--Body_FS);
}
.SubHeading_FS
{
    font-size: var(--SubHeading_FS);
    font-weight: 400;
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.TextAlignRight_Cl
{
    text-align: right;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px)
{
    .SubHeading_FS
    {
        font-size: var(--SubHeading_FS);
        font-weight: 400;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px)
{
    body
    {            
        font-size: var(--SmallText_FS);
        line-height: 1.5em;    
        font-weight: 400;
    }

    .LargeTitleFont_Cl
    {
        font-size: var(--MediumHeading_FS);
    }
    .BodyFont_FS
    {
        font-size: var(--SmallText_FS);
    }
    h1, h2, h3, h4, h5, h6 
    {
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 1.1em;
    }
    .SubHeading_FS
    {
        font-size: var(--SubHeading_FS_Md);
        font-weight: 400;
    }
}    
    

@media only screen and (min-width: 576px) and (max-width: 767.98px)
{
    body
    {            
        font-size: var(--SmallText_FS);
        line-height: 1.5em;    
        font-weight: 400;
    }

    .LargeTitleFont_Cl
    {
        font-size: var(--MediumHeading_FS);
    }
    .BodyFont_FS
    {
        font-size: var(--SmallText_FS);
    }
    h1, h2, h3, h4, h5, h6 
    {
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 1.1em;
    }
    .SubHeading_FS
{
    font-size: var(--SubHeading_FS_Sm);
    font-weight: 400;
}
}

@media only screen and (min-width: 320px) and (max-width: 575.98px)
{
    body
    {    
        
        font-size: var(--VerySmallText_FS);
        line-height: 1.5em;    
        font-weight: 400;
    }

    .LargeTitleFont_Cl
    {
        font-size: var(--SmallHeading_FS);
    }
    .BodyFont_FS
    {
        font-size: var(--VerySmallText_FS);
    }
    h1, h2, h3, h4, h5, h6 
    {
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 1.1em;
    }
    .TextAlignCenter_Cl
    {
        text-align: center;
    }
    .TextAlignRight_Cl
    {
        text-align: center;
    }
    .SubHeading_FS
    {
        font-size: var(--SubHeading_FS_Xs);
        font-weight: 400;
    }
}

/*----------------------------------------------------------------*/