/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* 
Theme Name: Orbit Spaces Theme
Text Domain: Orbit Spaces
Version: 3.0
Description: Orbit Spaces Lightweight Theme
Tags: Orbit Spaces, Lightweight
Author: Miles Waring
*/

:root{

    --color-beige: #F9F2E8;
    --color-teal: #649C8E;
    --color-orange: #D24111;
    --color-hover-orange: #FF6F3F;
    --color-green: #101E18;
    --color-offwhite: #FEFCF8;
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-hover-white: #e7e7e7;
    --color-green-transparent: #979797fb;
    --color-hover-green-transparent: #000000;
        --color-green-transparent: #101e1800;
    --color-hover-green-transparent: #101e18ce;
        --GlassBlur: blur(8px);

    --fontfamily-NavigationItem: 'Roboto', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Arial', sans-serif;
    --fontfamily-TitleFont: 'Roboto', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Arial', sans-serif;
    --fontfamily-ParaFont: 'Poppins', 'Verdana', 'Geneva', sans-serif;
    --fontfamily-ButtonFont: 'Poppins', 'Verdana', 'Geneva', sans-serif;

    --fontsize-NavigationItem: 16px;
    --fontsize-LargeTitle: 48px;/*Done*/
    --fontsize-MediumTitle: 36px; /*Done*/
    --fontsize-SmallTitle: 32px;/*Done*/
    --fontsize-TinyTitle: 32px;/*Done*/
    --fontsize-CardTitle: 20px;
    --fontsize-Para: 16px;
    --fontsize-Label: 12px;
    --fontsize-button: 14px; 

}

html{
    overflow-x: hidden;
    background-color: var(--color-beige);

}
html, body{
    margin: 0;
    background-color: var(--color-beige);
    scroll-behavior: smooth;
}

.h-100{
    height: 100%;
}

.w-100{
    width: 100%;
}

.reset-this {
    -webkit-animation : none;
            animation : none;
    -webkit-animation-delay : 0;
            animation-delay : 0;
    -webkit-animation-direction : normal;
            animation-direction : normal;
    -webkit-animation-duration : 0;
            animation-duration : 0;
    -webkit-animation-fill-mode : none;
            animation-fill-mode : none;
    -webkit-animation-iteration-count : 1;
            animation-iteration-count : 1;
    -webkit-animation-name : none;
            animation-name : none;
    -webkit-animation-play-state : running;
            animation-play-state : running;
    -webkit-animation-timing-function : ease;
            animation-timing-function : ease;
    -webkit-backface-visibility : visible;
            backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    -o-border-image : none;
       border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    -webkit-box-shadow : none;
            box-shadow : none;
    -webkit-box-sizing : content-box;
            box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    -webkit-columns : auto;
       -moz-columns : auto;
            columns : auto;
    -webkit-column-count : auto;
       -moz-column-count : auto;
            column-count : auto;
    -webkit-column-fill : balance;
       -moz-column-fill : balance;
            column-fill : balance;
    -webkit-column-gap : normal;
       -moz-column-gap : normal;
            column-gap : normal;
    -webkit-column-rule : medium none currentColor;
       -moz-column-rule : medium none currentColor;
            column-rule : medium none currentColor;
    -webkit-column-rule-color : currentColor;
       -moz-column-rule-color : currentColor;
            column-rule-color : currentColor;
    -webkit-column-rule-style : none;
       -moz-column-rule-style : none;
            column-rule-style : none;
    -webkit-column-rule-width : none;
       -moz-column-rule-width : none;
            column-rule-width : none;
    -webkit-column-span : 1;
       -moz-column-span : 1;
            column-span : 1;
    -webkit-column-width : auto;
       -moz-column-width : auto;
            column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    -webkit-hyphens : none;
        -ms-hyphens : none;
            hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    -webkit-perspective : none;
            perspective : none;
    -webkit-perspective-origin : 50% 50%;
            perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    -moz-tab-size : 8;
      -o-tab-size : 8;
         tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    -moz-text-align-last : auto;
         text-align-last : auto;
    text-decoration : none;
    -webkit-text-decoration-color : inherit;
            text-decoration-color : inherit;
    -webkit-text-decoration-line : none;
            text-decoration-line : none;
    -webkit-text-decoration-style : solid;
            text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    -webkit-transform : none;
        -ms-transform : none;
            transform : none;
    -webkit-transform-style : flat;
            transform-style : flat;
    -webkit-transition : none;
    -o-transition : none;
    transition : none;
    -webkit-transition-delay : 0s;
         -o-transition-delay : 0s;
            transition-delay : 0s;
    -webkit-transition-duration : 0s;
         -o-transition-duration : 0s;
            transition-duration : 0s;
    -webkit-transition-property : none;
    -o-transition-property : none;
    transition-property : none;
    -webkit-transition-timing-function : ease;
         -o-transition-timing-function : ease;
            transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}


/* Start Wordpress Editor Window */
html :where(.wp-block) {
    max-width: 90%;
}
/* End Wordpress Editor Window */

/* Start Site Grid System */
.OS_Global_No_Padding{
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;

}

.container{
    display: block;
    max-width: 1440px!important;
    margin-left: auto;
    margin-right: auto;
}

.container-wide{
    display: block;
    max-width: 1880px!important;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.col-no-padding-mobile{
    padding-left: 0px!important;
    padding-right:0px!important;
}

/* End Site Grid System */

/* Start Global Styling */

.OS_Hide_Mobile{
    display: none;
}

.OS_Hide_Full{
    display: block;
}

.OS-Global-Center-Col-Mobile{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.OS-Global-Center-Text-Mobile{
    text-align: center;
}

.OS_Tiny_Spacer_Container{
    margin-bottom: 10px;
}

.OS_Normal_Spacer_Container{
    margin-bottom: 50px;
}
.OS_Small_Spacer_Container{
    margin-bottom: 30px;
}

.OS_Large_Spacer_Container{
    margin-bottom: 100px;
}
.OS_Tiny_Section_Container{
    padding: 30px 0px;
}

.OS_Small_Section_Container{
    padding: 50px 0px;
}
.OS_Section_Container{
    padding: 100px 0px;
}
.OS_Spacer_Row{
    height: 50px;
}

.OS_Scrollable_Margin{
    scroll-margin: 200px;
}

.OS_Scrollable_Link{
    color: var(--color-orange);
    cursor: pointer;
}

.OS_Scrollable_Link:hover{
    color: var(--color-hover-orange);
}

#OS_ScrollTo_HelpGuide{
    scroll-margin: 120px;

}

.OS_Light_BK_Container{
    background-color: var(--color-beige);
}
.OS_Lighter_BK_Container{
    background-color: var(--color-offwhite);
}

.OS_Dark_BK_Container{
    background-color: var(--color-green);
}

.OS_Hero_BK_Container{
    min-height: 500px;
    position: relative;
    overflow: hidden;
}

.OS_HeroBK_Image{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;

}

.OS_WP_Page_Content{

    margin-bottom: 30px;
}

.OS_WP_Page_Content h1{
    margin-bottom: 30px!important;
    color: var(--color-green);
}

.OS_WP_Page_Content h2{
    margin-bottom: 30px!important;
    color: var(--color-green);
}

.OS_WP_Page_Content h3{
    margin-bottom: 30px!important;
    color: var(--color-green);
}

.OS_WP_Page_Content h4{
    margin-bottom: 30px!important;
    color: var(--color-green);
}

.OS_WP_Page_Content h5{
    margin-bottom: 30px!important;
    color: var(--color-green);
}

.OS_WP_Page_Content h6{
    margin-bottom: 30px!important;
    color: var(--color-green);
}

.OS_WP_Page_Content p{
    color: var(--color-black);
    letter-spacing: 0.04em;
    line-height: 180%;
    margin-bottom: 20px;
}

.OS_WP_Page_Content a{
    color: var(--color-orange);
    letter-spacing: 0.04em;
    line-height: 180%;
    font-size: var(--fontsize-Para);
    margin-left: 0px;
}

.OS_Content_Overflow_Btn_Container{
    text-align: center;
    width: 100%;
}
.OS_Content_Overflow_ReadMore_Btn{
    color: var(--color-orange);
    text-decoration: underline;
    font-family: var(--fontfamily-NavigationItem);
}

.OS_No_Result_Message{
    border: 1px solid var(--color-green);
    border-radius: 4px;
    padding: 10px 15px;
    margin: 20px 0px;
}
/* End Global Styling */

/* Start Font Styling */

a{
    color: var(--color-orange);
    cursor: pointer;
    text-decoration: none;
}

.OS_Dark_Underline_Link{
    color: var(--color-green);
    text-decoration: underline;
}

.OS_NoMargin_Left{
    margin-left: 0px!important;
}
p{
    margin: 0px;
    font-family: var(--fontfamily-ParaFont);
    font-size: var(--fontsize-Para);
}

h1, h2, h3, h4, h5, h6{
    margin: 0px;
    font-family: var(--fontfamily-TitleFont);
}

.LightText{
    color: var(--color-white);
}

.DarkText{
    color: var(--color-green);
}

.DarkerText{
    color: var(--color-black);
}

.SmallText{
    font-size: var(--fontsize-Label);
}

.LargeTitle{
    font-size: var(--fontsize-LargeTitle);
}

.MediumTitle{
    font-size: var(--fontsize-MediumTitle);
}
.SmallTitle{
    font-size: var(--fontsize-SmallTitle);
}

.TinyTitle{
    font-size: var(--fontsize-TinyTitle);
}

.ParaSize{
    font-size: var(--fontsize-Para);
}

.LabelSize{
    font-size: var(--fontsize-Label);
}

.ThinTitle{
    font-weight: 300;
}
.ThinerCondensed{
    font-weight: 200;
    letter-spacing: -1px;
}

.ThinText{
    font-weight: 300;
}

.SpreadOutText{
    letter-spacing: 0.04em;
    line-height: 180%;
}
/* End Font Styling */

/* Start Site Navigation Styling */

.OS_Master_Nav_Container_Wrapper{
    position: fixed;
    display: flex;
    top: 0;
    height: 60px;
    height: 60px;
    width: 100%;
    z-index: 300;
    align-items: center;
    justify-content: center;
}

.OS_Master_Nav_Container{
    background-color: var(--color-green-transparent);
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    transition: all 0.25s;

}

.OS_Master_Nav_Container:hover{
    background-color: var(--color-hover-green-transparent);

}

.OS_Nav_Container{
    height: 70px;
    transition: all 0.25s;
}
.OS_Main_Nav_Logo{
    transition: all 0.25s;
}
.OS_Shrink_Nav_Bar{
    max-width: 1440px;
}

.OS_Increase_Nav_Bar_Height{
    height: 100px;
}

.OS_Increase_Logo_Size{
    height: 60px!important;
}

.OS_Darken_Nav_Bar{
    background-color: var(--color-hover-green-transparent)!important;
    -webkit-backdrop-filter: var(--GlassBlur);
    backdrop-filter: var(--GlassBlur);
}

.OS_Full_Screen_Nav_Container {
    display: none;
    align-items: center;
}



.OS_Full_Extra_Nav_Menu ul{
    display: flex;
    justify-content: center;
    padding-left: 0px;
}

.OS_Full_Extra_Nav_Menu ul{
    padding: 0px;
}

.OS_Full_Extra_Nav_Menu ul li{
    list-style: none;
    padding: 0px;
}

.OS_Full_Extra_Nav_Menu ul .OS_Header_Button{
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}

.OS_Full_Extra_Nav_Menu ul .OS_Header_Button_Light{
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    background-color: var(--color-white);
    border-radius: 4px;
    padding: 0px 15px;
    margin-left: 0px;
}

.OS_Full_Extra_Nav_Menu ul .OS_Header_Button_Light a{
    color: var(--color-orange);
    font-weight: 200;
}

.OS_Full_Extra_Nav_Menu ul .OS_Header_Button_Dark{
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    background-color: var(--color-orange);
    border-radius: 4px;
    padding: 0px 15px;
    margin-left: 20px;
}

.OS_Full_Extra_Nav_Menu ul .OS_Header_Button_Dark a{
    color: var(--color-white);
    font-weight: 200;
}

.OS_Full_Drop_Down_MasterMenu{
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.OS_Full_Drop_Down_MasterMenu li{
    list-style: none;
    position: relative;
}

.OS_Full_Drop_Down_ParentItem_Locations{
    position: relative;
}


.OS_Full_Drop_Down_ParentItem{
    display: inline-flex;
    margin-right: 50px;
    position: relative;
}

.OS_Full_Drop_Down_ParentItem .down{
    margin-top: 4px;
}

.OS_Full_Drop_Down_ParentItem .right{
    margin-top: 8px;
}

.OS_Full_Drop_Down_ParentItem a{
    color: var(--color-white);
    font-family: var(--fontfamily-NavigationItem);
    font-weight: 300;
}

.OS_Menu_Master_SubMenu_Container{
    display: none;



}



.OS_Full_Drop_Down_Menu{
    position: absolute;
    top: 100%;       /* Below "Locations" */
    left: -15px; /* Align with parent */
    display: block;
    width: max-content;
}

.OS_Full_Drop_Down_ParentItem:hover > .OS_Menu_Master_SubMenu_Container {
    display: block;
}

.OS_Full_Drop_Down_Menu ul{
    padding-left: 0px;
    margin-top: 28px;
        background-color: var(--color-hover-green-transparent);
    border-radius: 8px;
      -webkit-backdrop-filter: var(--GlassBlur);
  backdrop-filter: var(--GlassBlur); 
  padding: 10px 15px;
}

.OS_Full_Drop_Down_Menu ul li:hover a{
    color: var(--color-hover-orange);
}

.OS_Location_Nav_Container{
    position: absolute;
    top: 100%;       /* Below "Locations" */
    left: -15px; /* Align with parent */
    display: none;

}

.OS_Location_Nav_List_Full {
    margin-top: 28px;
    z-index: 999;
        position: relative;
    max-width: 400px;
    background-color: var(--color-hover-green-transparent);
    border-radius: 8px;
      -webkit-backdrop-filter: var(--GlassBlur);
  backdrop-filter: var(--GlassBlur); 
  width: max-content;
  padding: 10px 15px;
}

.OS_Location_Full_SubMenu_Container{
    position: absolute;
    top: 0;
    left: 100%; /* Push to the right of parent */
    display: none;

}
.OS_Full_Drop_Down_ParentItem:hover > .OS_Location_Nav_Container {
    display: block;
}

.OS_Location_Nav_Parent_Item:hover > .OS_Location_Full_SubMenu_Container {
    display: block;
}

.OS_Location_Nav_Parent_Item{
        padding: 16px 0px;
}

.OS_Span_Location_Parent_Item:hover a{
    color: var(--color-hover-orange);
}

.OS_Location_Nav_Child_List{
    margin-left: 20px;
    padding-left: 0px;
        width: max-content;
        background-color: var(--color-hover-green-transparent);
    border-radius: 8px;
      -webkit-backdrop-filter: var(--GlassBlur);
  backdrop-filter: var(--GlassBlur); 

}

.OS_Full_Location_Nav_Child_Item{
    
    padding: 16px 10px;
}
.OS_Full_Location_Nav_Child_Item:hover a{
    color: var(--color-hover-orange);
}
/* Start Mobile Navigation Styling */

.OS_Mobile_Nav_Container{
    display: none;
    height: calc(100vh - 98px);
    overflow: auto;
    padding-bottom: 100px;

}

.OS_Mobile_Drop_Down_Menu{
    display: block;
    padding-left: 40px;
}

.OS_Location_Nav_Child_Item{
    margin-left: 40px!important;
    padding: 10px 0px !important;
}

.OS_Location_Nav_SubList{
    display: block;
}

span.OS_Span_Location_Item {
    display: block;
}
span.OS_Span_Drop_Down_Item {
    display: block;

}

a{
    transition: all 0.25s;
}

.OS_Mobile_Drop_Down_ParentItem{
        cursor: pointer;
    padding: 16px 0px;
    /* border-bottom: 1px solid var(--color-white); */
}

.OS_Mobile_Extra_Nav_Menu ul .menu-item{
      cursor: pointer;
    padding: 16px 0px;  
}

.OS_Mobile_Drop_Down_Menu ul .menu-item{
    cursor: pointer;
    padding: 16px 0px;
    /* border-bottom: 1px solid var(--color-white); */
}
.OS_Full_Drop_Down_Menu ul .menu-item{
    cursor: pointer;
    padding: 16px 0px;
    /* border-bottom: 1px solid var(--color-white); */
}
.OS_Location_Nav_SubList .menu-item{
    cursor: pointer;
    padding: 16px 0px;
    /* border-bottom: 1px solid var(--color-white); */
}

.OS_Mobile_Drop_Down_MasterMenu{
    padding-left: 0px;
    padding-right: 15px;
}

.OS_Mobile_Main_Nav_Menu{
    display: block!important;
    padding-left: 0px;
}


.OS_Full_Main_Nav_Menu ul{
    display: inline-flex;
    align-items: center;
}
.OS_Full_Main_Nav_Menu ul li{
    
    display: inline-block;
    margin-right: 50px;

}

.OS_Full_Main_Nav_Menu ul li a{
    color: var(--color-white);
    font-family: var(--fontfamily-NavigationItem);
    font-weight: 300;

}


.OS_Mobile_Drop_Down_MasterMenu li{
    list-style: none;

}

.OS_Mobile_Drop_Down_Menu_SingleColumn ul li:hover a{
    color: var(--color-hover-orange);
}


.OS_Span_Drop_Down_Item:hover a{
    color: var(--color-hover-orange);

}
.OS_Span_Location_Item:hover a{
    color: var(--color-hover-orange);

}
.OS_Location_Nav_Child_Item:hover a{
    color: var(--color-hover-orange);

}
.OS_Mobile_Drop_Down_MasterMenu li a{
    color: var(--color-white);
    font-family: var(--fontfamily-NavigationItem);
    font-weight: 300;

}

.OS_Mobile_Drop_Down_Menu ul {
    padding-left: 0px;
}

.OS_Location_Nav_Item{
    padding: 5px 0px;
}
.arrow {
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 10px;
  transition: all 0.25s;
  float: inline-end;
  margin-top: 6px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.up {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.OS_Mobile_Extra_Nav_Menu ul{
    padding-left: 0px;
}

.OS_Mobile_Extra_Nav_Menu ul li{
    list-style: none;
}

.OS-NavigationLoginLink .OS-NavigationLoginBtn{
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    background-color: var(--color-orange);
    border-radius: 4px;
    padding: 0px 20px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.OS-NavigationLoginLink{
    all: unset;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
    margin-right: 20px;
}

.OS-NavigationLoginBtn span{
    text-decoration: none;
    padding-right: 10px;
    color: var(--color-white);
    font-size: var(--fontsize-button);
    font-family: var(--fontfamily-NavigationItem);
    letter-spacing: 0.04em;
    font-weight: 300;
}

.OS-NavigationLoginBtn svg{
    fill: var(--color-white);
    stroke: var(--color-white);
}

.OS-NavigationLoginLink:hover .OS-NavigationLoginBtn{
    background-color: var(--color-hover-orange);
}

/* Start Burger Menu Icon Styling */
.BurgerMenuBtn {
    background-color: transparent!important;
    border: none;
    cursor: pointer;
    padding: 0;
    border: transparent!important;
    position: relative;
    z-index: 150;
  
}

svg:active{
    border: red!important;
    
}
svg{
    border: transparent!important;
    color: transparent!important;
}
.line {
    fill: none;
    stroke: var(--color-beige);
    stroke-width: 6;
    -webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}
.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

/* End Burger Menu Icon Styling */







/* End Mobile Navigation Styling */

.OS-HR-Nav{
    width: 100%;
    border: 0.5px solid var(--color-white);
}

.SocialMediaIconWrapper{
    display: inline-block;
    -webkit-transform: translatey(5px);
        -ms-transform: translatey(5px);
            transform: translatey(5px);
}

.SocialMediaIconWrapper{
    width: 24px;
    margin-right: 80px;
}

.SocialMediaIconWrapperLast{
    margin-right: 0px;
}

/* End Site Navigation System */


/* Start Footer Styling */

.OS-Container-FooterBar{
    padding: 50px 0px;
    background-color: var(--color-green);
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.OS_Footer_Col{
    margin-bottom: 30px;
}
.OS-FooterTitle{
    font-size: var(--fontsize-CardTitle);
    font-family: var(--fontfamily-TitleFont);
    color: var(--color-white);
    font-weight: 400;
    margin-bottom: 20px;
}

#menu-quick-links{
    padding-left: 0px;
}

#menu-quick-links li{
    list-style: none;
    margin-bottom: 20px;
}
#menu-quick-links li a{
    all: unset;
    font-family: var(--fontfamily-NavigationItem);
    color: var(--color-white);
    font-size: var(--fontsize-NavigationItem);
    font-weight: 300;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
}

#menu-quick-links li:hover a{
    color: var(--color-orange);


}



.OS_ExtraFooterMenu {
    width: 100%;
    text-align: center;
}
.OS_ExtraFooterMenu ul{
    padding-left: 0px;
}
.OS_ExtraFooterMenu ul li{
    display: inline-block;
}
.OS_ExtraFooterMenu ul li a{
    all: unset;
    font-family: var(--fontfamily-NavigationItem);
    color: var(--color-white);
    font-size: var(--fontsize-NavigationItem);
    font-weight: 300;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    cursor: pointer;
}
.OS_ExtraFooterMenu ul li a:hover {
    color: var(--color-hover-orange);
}
.OS_ExtraFooterMenu ul li:not(:last-child):after{
    content: "|";
    color: #FFFFFF;
    padding: 0px 10px;
}

/* End Footer Styling */
/* Start Button Styling */

.OS_Btn{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    font-family: var(--fontfamily-ButtonFont);
    font-size: var(--fontsize-button);
    font-weight: 200;
    height: 40px;
    padding: 0px 20px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.OS_Dark_Btn{
    background-color: var(--color-orange);
    color: var(--color-white);
}

.OS_Full_Width_Btn{
    width: 100%;
}

.OS_Dark_Btn:hover{
    background-color: var(--color-hover-orange);
}

.OS_Dark_Btn a{
    all: unset;
    color: var(--color-white);
}

.OS_Light_Btn{
    background-color: var(--color-white);
    color: var(--color-orange);
}

.OS_Light_Btn_Border{
    border: 1px solid var(--color-orange);
}

.OS_Light_Btn:hover{
    background-color: var(--color-hover-white);
}

.OS_Light_Btn a{
    all: unset;
    color: var(--color-orange);
}

.OS_Hero_Btn{
    height: 40px;
}

.OS_Button_Right_Spacer{
    margin-right: 20px;
}



.OS_Btn svg{
    stroke: var(--color-white)!important;
    margin-left: 20px;

}

/* End Button Styling */


/* Start Home Page Hero Styling */

.OS-Container-HomePageHero{
    height: 80vh;
    position: relative;
    z-index: 2;

}

.OS-DisplayMoibleHeroVideo-Full{
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.OS-Hero-VideoOverlay{
    position: relative;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    padding-bottom: 50px;
}

/* End Home Page Hero Styling */

/* Start Resource Card Styling*/

.OS_ResourceCard{
    position: relative;
    height: 400px;
    width: 100%;
    border-radius: 8px;
    -webkit-clip-path: content-box;
            clip-path: content-box;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    margin-bottom: 30px;
}

.OS_ResourceCard_Short{
    height: 250px;
}

.OS_ResourceCard:hover .OS_ResourceCard_Overlay{
        background-color: #00000090;

}

#OS_ResourceCard_BackgroundImg{
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.OS_ResourceCard_Overlay{
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    position: relative;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #00000060;
    padding: 20px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

}

.OS_ResourceCard_Bottom{
    margin-top: auto;
}



.OS_ResourceCard_Title{
    font-family: var(--fontfamily-TitleFont);
    font-size: var(--fontsize-CardTitle);
    letter-spacing: 0.04em;
    font-weight: 300;
}
.OS_ResourceCard_SubTitle{
    margin-top: 10px;
    font-family: var(--fontfamily-TitleFont);
    font-size: var(--fontsize-Label);
    letter-spacing: 0.04em;
    font-weight: 300;
}

.OS_ResourceCard_Para{
    font-family: var(--fontfamily-ParaFont);
    font-size: var(--fontsize-Para);
    letter-spacing: 0.04em;
    font-weight: 300;
    

}

.OS_ResourceCard_Para_Desc{
    font-family: var(--fontfamily-ParaFont);
    font-size: var(--fontsize-Para);
    letter-spacing: 0.04em;
    font-weight: 300;
    margin-top: 20px;
    

}

.OS_ResourceCard_List li{
    margin-bottom: 10px;
}

.OS_ResourceCard_CapacityIcon{
    margin-left: 10px;
}

.OS_ResourceCard_Btn_Container{
    margin-top: 20px;
}

.OS_Cowork_Card_Extra_Container{
    padding: 20px 15px;

}



.OS_ResourceCard_Img_NoBottomBorder{
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.carousel-cell {
  width: 90%;
  height: 400px;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

.carousel-cell-long{
    width: 90%;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: gallery-cell;


}

.carousel-cell .OS-Dynamic-ResourceCard-Col{
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;

}

.flickity-button {
    display: none!important;

}

/* End Resource Card Styling */

/* Start New Resource Card Styling */

.OS_Resource_Card_Container_New{

    position: relative;
    height: 400px;
    width: 100%;
    border-radius: 8px;
    -webkit-clip-path: content-box;
            clip-path: content-box;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    margin-bottom: 20px;
    overflow: hidden;
}

.OS_Resource_Card_Container_New img{
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.OS_Resource_Card_Overlay_New{
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    position: relative;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #00000060;
}

.OS_Resource_Card_TopSec_New{
    padding-left: 20px;
    padding-right: 20px;
}

.OS_Resource_Card_TopSec_Left_New{
    padding-top: 20px;
    display: inline-block;
    float: left;
}
.OS_Resource_Card_TopSec_Right_New{
        padding-top: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
}

.OS_Resource_Card_TopSec_Right_New p{
    display: inline-block;
}
.OS_Resource_Card_TopSec_Right_New svg{
    display: inline-block;
}
.OS_Resouce_Card_Middle_Sec_New{
    position: absolute;
    bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-clip-path: content-box;
            clip-path: content-box;
}

.OS_Resouce_Card_Middle_Sec_Content_New{
    -webkit-transform: translateY(calc(100% - calc(var(--fontsize-CardTitle) + var(--fontsize-Para))));
        -ms-transform: translateY(calc(100% - calc(var(--fontsize-CardTitle) + var(--fontsize-Para))));
            transform: translateY(calc(100% - calc(var(--fontsize-CardTitle) + var(--fontsize-Para))));
    -webkit-transition: -webkit-transform 0.25s ease-in;
    transition: -webkit-transform 0.25s ease-in;
    -o-transition: transform 0.25s ease-in;
    transition: transform 0.25s ease-in;
    transition: transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-name: OutKeyframes;
            animation-name: OutKeyframes;
}

.OS_Resouce_Card_Bottom_Sec_New{
    position: absolute;
    bottom: 20px;
    padding-left: 20px;
}

.OS_Resource_Card_Container_New:hover .OS_Resource_Card_Overlay_New .OS_Resouce_Card_Middle_Sec_New .OS_Resouce_Card_Middle_Sec_Content_New{
/*  transform: translateY(calc(0%));*/
-webkit-animation-name: inKeyframes;
        animation-name: inKeyframes;
}

.OS_Resource_Card_Container_New:hover .OS_Resource_Card_Overlay_New .OS_Resouce_Card_Middle_Sec_New .OS_Resouce_Card_Middle_Sec_Content_New p{
  color: white;
}

.OS_Resource_Card_Container_New:hover .OS_Resource_Card_Overlay_New{
    background-color: #00000090;
}

@-webkit-keyframes OutKeyframes {
  0%{
    -webkit-transform: translateY(calc(0%));
            transform: translateY(calc(0%));
  }
    100% {
        -webkit-transform: translateY(calc(100% - calc(var(--fontsize-CardTitle) + var(--fontsize-Para) + 10px)));
                transform: translateY(calc(100% - calc(var(--fontsize-CardTitle) + var(--fontsize-Para) + 10px)));
    }
}

@keyframes OutKeyframes {
  0%{
    -webkit-transform: translateY(calc(0%));
            transform: translateY(calc(0%));
  }
    100% {
        -webkit-transform: translateY(calc(100% - calc(var(--fontsize-CardTitle) + var(--fontsize-Para) + 10px)));
                transform: translateY(calc(100% - calc(var(--fontsize-CardTitle) + var(--fontsize-Para) + 10px)));
    }
}


@-webkit-keyframes inKeyframes {
  0%{
    -webkit-transform: translateY(calc(100%));
            transform: translateY(calc(100%));
  }
    100% {
        -webkit-transform: translateY(calc(0%));
                transform: translateY(calc(0%));
    }
}


@keyframes inKeyframes {
  0%{
    -webkit-transform: translateY(calc(100%));
            transform: translateY(calc(100%));
  }
    100% {
        -webkit-transform: translateY(calc(0%));
                transform: translateY(calc(0%));
    }
}
/* End New Resource Card Styling */

/* Start Article Card Styling */

.OS_BlogPage_ArticleItem_BorderBottom .OS_Container_ArticleItem{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid var(--color-green);
}

.OS_Article_Link{
    all: unset;
}
.OS_Container_ArticleItem{
    border-radius: 8px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    margin-bottom: 20px;
}
.OS_Container_ArticleItem:hover{
    cursor: pointer;
    -webkit-transform: translate(0px, -10px);
        -ms-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
}
.OS_BlogPage_ArticleItem_BorderBottom .OS_Container_ArticleItem{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid var(--color-green);
}

.OS_Article_Card_Img{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 225px;
    border-radius: 8px;
}

/* End Article Card Styling */

/* Start Homepage Locations Styling */
.OS_ContainerFluid_FullImgBackground {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.OS_Container_Fluid_Overlay{
    background-color: #00000090;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
/* End Homepage Locations Styling */

/* Start Contact Form Styling */

.OS_Contact_Hero_Spacer_Container{
    margin-bottom: 130px;
}
.OS_Contact_Page_ContactForm_Container{
    -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
            transform: translateY(-100px);
}

.OS_ContactBK_Container{
    padding: 50px 0px;
    background: var(--color-green);
    background: -o-linear-gradient(bottom, var(--color-green) 0%, var(--color-green) 20%, var(--color-beige) 20%, var(--color-beige) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color-green)), color-stop(20%, var(--color-green)), color-stop(20%, var(--color-beige)), to(var(--color-beige)));
    background: linear-gradient(0deg, var(--color-green) 0%, var(--color-green) 20%, var(--color-beige) 20%, var(--color-beige) 100%);
}

.OS_Contact_Form_Container{
    background-color: var(--color-offwhite);
    padding: 50px 30px!important;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 7px rgb(0, 0, 0, .5);
            box-shadow: 0 2px 7px rgb(0, 0, 0, .5);
}

.OS_Contact_Form{
    margin-top: 50px;
}
.OS_Input_Text{
    all: unset;
    width: calc(100% - 20px);
    border-bottom: 1px solid #3a3a3a;
    font-family: var(--fontfamily-TitleFont);
    font-size: var(--fontsize-Para);
    color: #3a3a3a;
    padding-left: 20px!important;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    margin-bottom: 20px;
    height: 30px;
}
.OS_Input_Text:focus{
    border-bottom: 1px solid var(--color-orange);
}

.OS_Input_TextArea{
    resize: none;
}
.OS_Input_TextArea:focus{
    height: 150px;
}

.OS_Input_Button{
    all: unset;
    background-color: var(--color-orange);
    border-radius: 4px;
    color: var(--color-white);
    padding: 0px 20px;
    float: right;
    height: 40px;
    font-family: var(--fontfamily-ButtonFont);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    font-weight: 200;
    letter-spacing: 0.04em;
}
.OS_Input_Button:hover{
    background-color: var(--color-hover-orange);

}

.OS_Input_Button svg{
    stroke: var(--color-white)!important;
}

.OS_Input_Button svg{
    -webkit-transform: translate(5px, 3px);
        -ms-transform: translate(5px, 3px);
            transform: translate(5px, 3px);
}

.OS-Input-ContactForm-CheckBoxLabel{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.OS-Input-ContactForm-CheckBoxLabel input {
    display: none; /* Hide the default checkbox */
  }
  
  /* Style the artificial checkbox */
.OS-Input-ContactForm-CheckBoxLabel .OS-Input-ContactForm-CheckBoxSpan {
    height: 20px;
    width: 20px;
    border: 1px solid var(--color-green);
    display: inline-block;
    position: relative;
    border-radius: 4px;
}

.OS-Input-ContactForm-CheckBox-Text{
    display: inline-block;
    margin-left: 15px;
    width: 90%;
    font-size: var(--fontsize-Label);
}
  
  /* Style its checked state...with a ticked icon */
[type=checkbox]:checked + .OS-Input-ContactForm-CheckBoxSpan:before {
    content: '\2714';
    position: absolute;
    color: var(--color-orange);
    /* font-size: 16px; */
    font-size: var(--fontsize-Label);
    top: -2px;
    left: 2px;
}



.OS_Input_Select{
    all: unset;
    background-color: var(--color-white);
    font-family: var(--fontfamily-TitleFont);
    font-size: var(--fontsize-Para);
    color: var(--color-black);
    padding: 10px 150px 10px 20px;

      -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 8px;
  border-radius: 4px;
}

.OS_Select_Border{
    border-bottom: 1px solid #3a3a3a;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0px!important;
}

.OS_Select_ContactForm{
    margin-bottom: 20px;
    width: 100%;
    background-color: var(--color-offwhite);
    font-family: var(--fontfamily-TitleFont);
    font-size: var(--fontsize-Para);
    color: #3a3a3a;
    opacity: 0.8;
    padding: 10px 10px 10px 20px;

      -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 8px;
  border-radius: 4px;
}
.OS_Input_Select::before{
    content: '\2714';
        position: absolute;
}

.OS_Input_Search_Select{
    all: unset;
}

.OS_Filter_Search_Container{
    background-color: var(--color-green);
    border-radius: 8px;
    width: 100%;
    padding: 15px 10px;
}

.OS_SearchInput_Group_Filter{
    width: 100%;
    margin-bottom: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}

.OS_Container_Search_Sort{
    max-width: 100%;
    float: right;
    margin-right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 20px 0px 20px 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.OS-Input-Search-Sort{
    padding: 10px 20px;
    max-width: 200px;
    margin-bottom: 0px;
}

.OS-Input-Search-Sort-Label{
    min-width: 75px;
    font-family: var(--fontfamily-NavigationItem);
    font-weight: 300;
}
/* Contact Form Confirmation */

.OS_EmailConfirmation_Overlay{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #00000090;
    z-index: 1000;
    overflow-y: auto;
}

.OS_EmailConfirmation_ContainerFluid{
    background-color: var(--color-offwhite);
    padding: 30px 0px;
}

/* End Contact Form Styling */

/* Start Maps Styling */

.OS_Maps_Container_Tall{
    min-height: 700px;
    height: 100%;
    width: 100%;
    border-radius: 8px;
}



.OS-Building-Map-Marker {
    background-color: var(--color-offwhite)!important;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 15px 20px 15px;
    position: relative;
    text-align: center
  }
  


.OS-Building-Map-Marker h3{
    font-family: var(--fontfamily-TitleFont);
    color: var(--color-black);
    font-size: var(--fontsize-CardTitle);
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 20px;
}


.gm-style .gm-style-iw-c{
    background-color: var(--color-offwhite)!important;
    padding: 0px!important;
    max-width: 330px!important;
    max-height: unset !important;
}

.gm-style-iw-d{
    background-color: var(--color-offwhite)!important;
    overflow: hidden!important;
    max-height: unset!important;
}

.gm-style .gm-style-iw-d{
    overflow: hidden!important;
}

.gm-ui-hover-effect{
    height: 32px!important;
    margin-top: -10px !important;
}



/* End Maps Styling */

/* Start Loading Widget Styling */

.OS_Social_Icon{
    margin: 15px 0px;
    height: 34px;
    width: 34px;
}

.OS_Cowork_Icon_Col{
    margin-bottom: 20px;
}
.OS_Cowork_Icon_Container{
    background-color: var(--color-offwhite);
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    border-radius: 8px;
    max-width: 150px;
    width: 100%;
    height: 100%;
}

.OS_Cowork_Icon_Container_Dark{
    background-color: var(--color-beige);
}

.OS_Cowork_Icon_Container svg{
    width: 50px;
    margin-bottom: 10px;
}
.OS_Cowork_Icon_Container p{


}

.OS_Cowork_Ameniti_Icon_SVG_Path{
    fill: var(--color-green);
}
#OS-LoadingPaneFilter{
    display: none;
}

.OS-Loading-Container {
    --uib-size: 55px;
    --uib-color: var(--color-green);
    --uib-speed: 1.3s;
    --uib-bg-opacity: .1;
    height: calc(var(--uib-size) * (2.1 / 5));
    width: var(--uib-size);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    overflow: visible;
  }

  .OS-Loading-Car {
    fill: none;
    stroke: var(--uib-color);
    stroke-dasharray: 15, 85;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: travel var(--uib-speed) linear infinite;
            animation: travel var(--uib-speed) linear infinite;
    will-change: stroke-dasharray, stroke-dashoffset;
    -webkit-transition: stroke 0.5s ease;
    -o-transition: stroke 0.5s ease;
    transition: stroke 0.5s ease;
  }

  .OS-Loading-Track {
    stroke: var(--uib-color);
    opacity: var(--uib-bg-opacity);
  }


.OS-Container-Loading-Screen{
    position: relative;
    height: 300px;
    z-index: 50;
}

/* End Loading Widget Styling */

/* Start FAQ Styling */

.OS-HelpGuideIcon{
    -webkit-transform: translate(0px, -7px);
        -ms-transform: translate(0px, -7px);
            transform: translate(0px, -7px);
    float: right;
}
.OS-HelpGuideIcon::after{
    float: right;
    content: url("data:image/svg+xml,%3Csvg width='30' height='38' viewBox='0 0 30 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15V27M15 27L9 21M15 27L21 21M25 37H5C3.93913 37 2.92172 36.5786 2.17157 35.8284C1.42143 35.0783 1 34.0609 1 33V5C1 3.93913 1.42143 2.92172 2.17157 2.17157C2.92172 1.42143 3.93913 1 5 1H16.172C16.7024 1.00011 17.211 1.2109 17.586 1.586L28.414 12.414C28.7891 12.789 28.9999 13.2976 29 13.828V33C29 34.0609 28.5786 35.0783 27.8284 35.8284C27.0783 36.5786 26.0609 37 25 37Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.OS-FAQ-Help-Title{
    width: 85%;
    color: var(--color-green);
}

.OS-FAQ-Tile{
    background-color: var(--color-offwhite);
    border-radius: 8px;
    padding: 20px 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.OS-FAQ-Inline{
    display: inline-block;
}

.OS-FAQ-Open{

    float: right;
}

.OS-FAQ-Open::after{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' width='5' height='29' rx='2' fill='%23234334'/%3E%3Cpath d='M27 12C28.1046 12 29 12.8954 29 14L29 15C29 16.1046 28.1046 17 27 17L2 17C0.895429 17 -1.79416e-07 16.1046 -1.31134e-07 15L-8.74228e-08 14C-3.91405e-08 12.8954 0.89543 12 2 12L27 12Z' fill='%23101E18'/%3E%3C/svg%3E%0A");
    float: right;
}

.OS-FAQ-Close::after{
    float: right;
    content: url("data:image/svg+xml,%3Csvg width='20' height='5' viewBox='0 0 29 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 -8.74227e-08C28.1046 -3.91405e-08 29 0.895431 29 2L29 3C29 4.10457 28.1046 5 27 5L2 5C0.895429 5 -1.79416e-07 4.10457 -1.31134e-07 3L-8.74228e-08 2C-3.91405e-08 0.89543 0.89543 -1.22849e-06 2 -1.18021e-06L27 -8.74227e-08Z' fill='%23101E18'/%3E%3C/svg%3E%0A");
}

.OS-FAQ-Help-Icon{
    width: 10%;
}

.OS-FAQ-Answer{
    display: none;
    padding: 15px 0px;
}

.OS-FAQ-Answer p,ul,li{
    font-family: var(--fontfamily-ParaFont);
}

/* End FAQ Styling */

/* Start Town City Styling */

.OS_TownCity_Location_Map_Text p{
        letter-spacing: 0.04em;
    line-height: 180%;
}

/* End Town City Styling */

/* Start Pagination Styling */

.OS_Top_Pagination{
    margin-bottom: 20px;
}
.pagination a {
        font-size: var(--fontsize-CardTitle);
    font-family: var(--fontfamily-NavigationItem);
    margin-left: 10px;
    color: var(--color-green);
}

.pagination span{
        font-size: var(--fontsize-CardTitle);
    font-family: var(--fontfamily-NavigationItem);
    margin-left: 10px;
    color: var(--color-orange);
    text-decoration: underline;
}




/* End Pagination Styling */

/* Start Building Page Styling */

.OS_Building_Icon_Container{
    background-color: var(--color-orange);
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    display: inline-block;
    text-align: center;
    padding: 10px 10px;
    border-radius: 8px;
    max-width: 100px;
        max-height: 100px;
    width: 100%;
    height: 100%;

}

.OS_ContainerFluid_BuildingNavBar{
    background-color: var(--color-hover-green-transparent);
      -webkit-backdrop-filter: var(--GlassBlur);
  backdrop-filter: var(--GlassBlur); 
    top:74px;
    position: sticky;
    margin-top: 4px;
    z-index: 100;
    border-radius: 4px;
    max-width: 1440px!important;
}



.OS_BuildingMenu{
    margin: 0px;
    padding: 0px;
}
.OS_BuildingMenu li{
        padding: 15px 0px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--fontsize-NavigationItem);
    color: var(--color-white);
    font-family: var(--fontfamily-TitleFont);
    letter-spacing: 0.04em;
    font-weight: 300;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;

}

.OS_BuildingMenu li a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--fontsize-NavigationItem);
    color: var(--color-white);
    font-family: var(--fontfamily-TitleFont);
    letter-spacing: 0.04em;
    font-weight: 300;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;

}



.OS_BuildingMenu li:not(:last-child){

    margin-right: 30px;
}


.OS_BuildingMenu li:hover{
    color: var(--color-hover-orange);
    cursor: pointer;
}

.OS_BuildingMenu li:hover a{
    color: var(--color-hover-orange);
    cursor: pointer;
}


.OS_Building_Location_List{
    list-style: none;
}

.OS_Building_Location_List li{
    list-style-image: url("https://orbitspaces.co.uk/wp-content/uploads/2024/10/OrbitSpacesListIcon.svg");
}

.OS_Building_Location_List li:not(:last-child){
    padding-bottom: 15px;
}

.OS_Building_Location_List li p{
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}

.OS_Location_GoogleMap_Container{
    height: 100%;
    width: 100%;
    border-radius: 8px;
}

.OS_Building_Icon_Menu_Container{
    padding: 15px 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;

}

.OS_Building_Icon_Menu_Container svg{
    fill: var(--color-offwhite)!important;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}


.OS_Building_Icon_Menu_Container svg:hover{
    fill: var(--color-hover-white)!important;

}

.OS-Location-Wide-Img-Container{

    width: 100%;
    max-height: 500px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.OS-Location-Wide-Img{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
}

.OS-Location-SlideShow-MainImg img{
    width: 100%;
    aspect-ratio: 16/9;
}

.OS-Location-SlideShowImg{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: inherit;
    border-radius: 4px;
}


.OS-Location-SlideShow-SubImg-Container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.OS-Location-SlideShow-SubImg{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 15px;
}
.OS-Location-SlideShow-SubImg:not(:last-child){
    padding-right: 15px;
}
/* End Building Page Styling */


/* Start Pop Up Styling */
#OS_Promo_Banner_Full{
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    align-items: center;
    padding: 0px 15px;
    align-items: center;
}

.OS_Popup_Container{
    background-color: var(--color-black);
    height: 100%;
    max-height: 600px;

}

.OS_PopUpImg{
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.OS_Popup_Content_Container{
    position: relative;
        width: 100%;
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 30px 15px;
}

.OS_Banner_Small_Title{
    font-size: 26px;
    font-family: var(--fontfamily-TitleFont);
    letter-spacing: 0.04em;
    font-weight: 300;
}

.OS_Banner_Main_Title{
    font-size: 28px;
    font-family: var(--fontfamily-TitleFont);
    letter-spacing: 0.04em;
    font-weight: 400;
}

.OS_Banner_Tiny_Title{
    font-size: 16px;
    font-family: var(--fontfamily-TitleFont);
    letter-spacing: 0.04em;
    font-weight: 200;  
}
.OS_Banner_Img_Col{
    padding-left: 0px!important;
    padding-right: 0px!important;
    height: 100%;
    max-height: 300px;
}

.OS_Popup_Content_Col{
    height: 100%;
    max-height: 300px;
}

.OS_Close_Popup_Btn{
    margin-top: 15px;
    display: block;
    background-color: var(--color-white);
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    position: absolute;
    border-radius: 4px;
    transition: all 0.25s;
    right: 30px;
}

.OS_Close_Popup_Btn:hover{
    background-color: var(--color-hover-white);
    cursor: pointer;
}
/* End Pop Up Styling */


.OS_404_Nav_Spacer{
    height: 60px;
    background-color: var(--color-green);
    display: block;
}

.OS_404_Contianer{
    min-height: 600px;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* New Nav Menu Dropdowns */

.OS_Drop_Down_Menu{
    display: list-item;
}

.OS_Navigation_Bar_Temp{
    display: block;
    padding-top: 80px;
    background-color: var(--color-green);
}


.OS_Service_Selector_Dropdown{
    margin-bottom: 20px;
    width: 100%;
    background-color: var(--color-offwhite);
    font-family: var(--fontfamily-TitleFont);
    font-size: var(--fontsize-Para);
    color: #3a3a3a;
    opacity: 0.8;
    padding: 10px 10px 10px 20px;

    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 8px;
    border-radius: 4px;
}

.OS_Service_Selector_List{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-flex;
}

.OS_Service_Selector_List li{
    padding: 10px 20px;
    font-family: var(--fontfamily-TitleFont);
    font-size: 24px;
    color: #111;
    opacity: 0.2;
    cursor: pointer;
    transition: all 0.25s;
}

.OS_Service_Selector_Active{
    opacity: 1!important;
}

.OS_Service_Selector_Content_Section{
    display: none;

    
}


.OS_Service_Selector_Content_Area{
    text-align: center;
}

.OS_Service_Selector_Content_Area > *{
    max-width: 950px;
    text-align: center;
    
}

.OS_Service_Selector_Content_Area > h3{
    font-family: var(--fontfamily-TitleFont);
    font-size: 24px;
    color: #111;

    
}

.OS_Service_Selector_Content_Section_Active{
    display: block;
}
    .OS_Service_Selector_Dropdown{
        display: block;
    }

    .OS_Service_Selector_List{
        display: none;
    }
.OS_Section_Divider{
        max-width: 1150px;
    color: #111;
    opacity: 0.2;
}


.OS_BulletNumber_Styled_List_Container{
    margin: 50px 0px;
}
.OS_BulletNumber_Item{
    display: flex;
    margin-bottom: 40px;
}

.OS_BulletNumber_Circle{
    display: inline-flex;
    height: 32px;
    width: 32px;
    border: 2px solid var(--color-green);
    border-radius: 50%;
    padding: 5px 10px;
    font-family: var(--fontfamily-TitleFont);
    font-size: var(--fontsize-Para);
    color: var(--color-green);
    font-weight: 400;
    align-items: center;
    justify-content: center;
}

.OS_BulletNumber_Item > p{
    display: inline-block;
    padding-left: 20px;
}

.OS_Contact_Form_Image_Container{
    position: absolute;
}

.OS_Contact_Form_Image_Container{
    position: relative;
    z-index: 100;
    background: -o-linear-gradient(bottom, var(--color-green) 0%, var(--color-green) 20%, transparent 20%, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color-green)), color-stop(20%, var(--color-green)), color-stop(20%, transparent), to(transparent));
    background: linear-gradient(0deg, var(--color-green) 0%, var(--color-green) 20%, transparent 20%, transparent 100%);
}

.OS_Label_Container{
    background-color: #D2411130;
    backdrop-filter: blur(10px);
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid #D24111;
    border-radius: 4px;
    font-size: var(--fontsize-Para);
    font-family: var(--fontfamily-ButtonFont);

}
/* Orbit Spaces - Service Selector */