/*
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 : May 4, 2021, 1:37:36 PM
    Author     : Nico
*/

:root
{
    --base_color: rgb(30,30,30);
    --base_color_transparent: rgba(0,0,0, .8);
    --premium_color: #c4a731;
    
    --uofc_primary_red_color: rgb(214,0,28);
    --uofc_secondary_red_color: rgba(255, 205, 0,0.8);
    
    --uofc_primary_gold_color: rgb(255,205,0);
    --uofc_secondary_gold_color: rgb(156, 5, 52);
    
    --uofc_primary_color:var(--uofc_primary_red_color);
    --uofc_secondary_color:var(--uofc_secondary_red_color);

    --class_598_color: rgb(30,30,30);
    --class_599_color: rgb(155,0,19);
    --class_color: rgb(30,30,30);
    
    --header_color: rgb(150,150,150);
    
    --text_color:rgb(220,220,220);
    --text_color_1:rgb(255,255,255);
    
    --color0: rgb(255,255,255);
    --color1: rgb(200,200,200);
    --color2: rgb(150,150,150);
    --color3: rgb(100,100,100);
    --color4: rgb(50,50,50);
    --color5: rgb(30,30,30);

    --border_color: grey;
    --selected_color: rgb(12.7384615385,136.9384615385,235.6615384615);

    --error_color: #ce3635;
    --warning_color: #cd802e;
    --info_color: #4285ba;
    --success_color: green;


    --hover_color: rgb(150,150,150);

    --xColor: rgb(255,0,0);
    --yColor: rgb(0,255,0);
    --zColor: rgb(11,152,222);

    --default_font_color: #5C666A;

    --default_font_family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    
    /*--header_height: 16rem;*/
    /*--default_height: 3rem;*/
    
    --UofC_color: rgb(155,0,19);
    
    --border_width: 0.15vh;
    --font_size_0: 1rem;
    --font_size_1: 1.25rem;
    --font_size_2: 2.5rem;
    --font_size_3: 1.5rem;
    
    
    --padding_0: 1rem;
    --padding_1: 2rem;
    --padding_2: 3rem;
    
    --background_color: black;
    --background_color_1: rgb(20,20,20);
    --background_color_2: rgb(50,50,50);
}


a 
{
    color:lightblue !important;
}
.ui-outputlabel .ui-outputlabel-label
{
    color:var(--text_color);
}

.main-content
{
    background-color: var(--background_color);
}

.theme_599
{
    --class_color: var(--class_599_color);
}

html
{
    font-size:100%;
    
}

body .ui-widget 
{
    font-family: "Montserrat", sans-serif;
}


@media screen and (min-width: 3000px)
{
    html
    {
        font-size:200%;
    }

}


@font-face
{
    font-family: jenna;
    src: url('');
}

.jenna
{
    font-family: jenna !important;
}

.anchor
{
    position:relative;
    top:-100px;
}

.input-panel
{
    padding:0px !important;
}

.demo-video-panel
{
    width:100%;
    height:600px !important;
    overflow: hidden;
    z-index: 0;
}

.demo-video-panel .demo-video
{
    z-index: -1;
    position:absolute;
    top:-0px;
    left: 0;
    width:100%;
}

.demo-video-panel .container
{
    position: relative;
    z-index: 1;
}

.demo-video-panel .title-1
{
    font-size:45px;
    font-weight: 500;
    color:white;
    z-index: 2;
}

.demo-video-panel .title-2
{
    font-size:20px;
    font-weight: 400;
    color:white;
    z-index: 2;
}

.section
{
    padding-top: var(--padding_0);
    padding-bottom: var(--padding_0);
    
}

.section.odd
{
    background-color: rgb(255,255,255) !important;
}

.section.even
{
    background-color: rgb(240,0,0) !important;
}
.section_grid
{

}

.section_grid *
{
}


body .ui-panelgrid .ui-panelgrid-cell
{
    background:none !important;
}

.section.even .ui-button
{
    background:white !important;
}


.section_grid .section_entry
{
    padding-left: 25px !important;
    padding-right: 25px !important;
}


.section_title
{
    font-size:var(--font_size_3) !important;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom:var(--padding_0);
}

.section_sub_title
{
    font-size:var(--font_size_1) !important;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom:var(--padding_0);
}

.section_text
{
    font-size:var(--font_size_0) !important;
}

.section_grid .more_info_button
{
    width: 100%;
    background: white !important;
}

.padding-50
{
    padding:50px !important;
}

.padding-10
{
    padding:10px !important;
}

.ui-tabs-panel
{
    padding:0px !important;
}

.justify-full
{
    text-align: justify;

}

hr {
    display: block;
    background-color:darkgrey !important;
}

.product_details.ui-accordion
{
    margin-bottom:20px !important;
}

.product_details.ui-accordion .ui-accordion-content
{
    border-width:0px;
}

.product_details.ui-accordion .ui-accordion-header
{
    margin-bottom: 0px !important;
    height:45px !important;
    border-width: 0px !important;
}


.featured .title, .motd .title
{
    font-size:24px !important;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom:25px;
}

.featured .label
{
    font-size:18px !important;
    width:100%;
    text-align: right;
    font-size:16px !important;
    color:rgba(255,255,255,0.5);
    padding-right:20px !important;
    font-weight:100;
    text-transform: uppercase

}

.featured .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button
{
    width:8px;
    height:8px;
}

.featured .ui-galleria .ui-galleria-caption-item
{
    background-color:transparent;
    padding: 0px !important;

}

.featured .ui-galleria-caption-items
{
    top: 20px;
    right: 50px;
}

.ui-galleria .ui-galleria-link:focus
{
    box-shadow: none !important;
}

.ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button
{
    background-color: rgb(60,60,60) !important;
}