html
{
    -webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
    text-size-adjust: none;
	height:100%;
	scroll-behavior: smooth;
	scroll-padding-top: 13em;
}

body
{
    background-image: url("../img/background.jpg");
    background-color: #f9f9f9;
    background-position: center top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    color: #535356;
    position: relative;
    margin: 0 auto;
    line-height: 1.8;
}

body, input, textarea, select
{
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 5px #dedede;
    box-sizing: border-box;
}


img
{
    max-width: 100%;
    height: auto;
}

iframe.youtube
{
    height:315px;
    width:560px;
}

header
{
    background-color: #f9f9f9;
    color: #535356;
    position: fixed;
    top:0px;
    max-width: 1160px;
    z-index:1;
    width:90%;
    min-height: 13em;
    box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}

article
{
   
}


h1
{
    font-size:200%;
}

*.pink
{
    color:#ee2a7b;
}



div.with_background
{
    color:#ffffff;
}

div.with_background h2, div.with_background h3
{
    color:#ffffff;
    text-align:center;
}

div.article_row
{
    display: flex;
    width:90%;
    margin:auto;
    padding-bottom:2em;
}

div.mobile_only
{
    display:none;
}

div.article_row > div.column
{
    vertical-align:middle;
    margin:auto;
   
}

div.article_row p, div.article_row ul
{
    font-size:1.2em;
    line-height:1.4em;
}

div.article_row li.sub_li
{
    margin-left:2em;
    list-style-type: square;

}


div.article_row a
{
    color: #f7941d;
    font-weight:bold;
}

div.svg
{
    width:50%;
    margin:auto;
}

div.business_cards > div.column
{
    width:30%;
    text-align:center;
    margin:0.5em auto;
    box-sizing:border-box;
    padding:1em;
    min-width:10em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
}

div.business_cards ul
{
    list-style-type:none;
    padding:0em;
}

div#header_row
{
    margin:auto;
    width:90%;
    display:flex;
    overflow: hidden;
    padding: 25px 0;
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
    font-size: 30px;
    line-height: 1.6em;
}

div#header_row a
{
    text-decoration: none;
    font-weight:500;
    color: #f7941d;
}


div#header_col_left
{
    
    box-sizing: border-box;
    width:30%;
}
div#header_col_right
{
    text-align:right;
    box-sizing: border-box;
    width:70%;
    font-size:100%;
}

img#compact_logo
{
    visibility: hidden;
    width:0;
    height:0;
    position:absolute;
}

footer
{
     background-color: #f9f9f9;
     color: #535356;
}

div#footer_row
{
    display:flex;
    width:90%;
    margin:auto;
}

div.soc_button
{
    margin:auto;
    border:solid 5px #ffffff;
    color:#ffffff;
    background-color:#f7941d;
    font-size:1.2em;
    padding:0em 0.5em;
    cursor:pointer;
    min-width:20%;
    text-align:left;
}

div.grey_button
{
    margin:auto;
    border:solid 5px #f9f9f9;
    color:#f9f9f9;
    background-color:#383e49;
    font-size:1.2em;
    width:12em;
    cursor:pointer;
    
    text-align:left;
}



div.grey_button_embedded
{
    margin:auto;
    border:solid 5px #f9f9f9;
    color:#f9f9f9;
    background-color:#383e49;
    font-size:1.2em;
    position:relative;
    cursor:pointer;
    width:10em;
    text-align:left;
   
}

div.grey_button > a, div.grey_button_embedded > a
{
    padding:0.5em 1em 0.5em 0.5em;
}

div.soc_button:hover, div.grey_button:hover, div.grey_button_embedded:hover
{
    
    background-color:#ee2a7b;
    border:solid 5px #ee2a7b;
    border-radius:5px;
}

div.soc_button a, div.grey_button a, div.grey_button_embedded a
{
    
    color:inherit;
    text-decoration:none;
    display:block;
}

img#linkedin_logo
{
    top:0.25em;
}

img#facebook_logo
{
    top:0.25em;
}

img#instagram_logo
{
    top:0.25em;
}

.badge
{
   
    position:absolute;
    right:0.25em;
    min-width:1em;
  
}

div#address_row
{
    background-color: #383e49;
    color: #f9f9f9;
    
}

div#address_row p
{
    text-align:center;
    padding:3em;
    padding:0.5em;
  
}

div#links_row
{
text-align:right;
padding-right:3em;
}

div#links_row a
{
    
    color:inherit;
}


div#container
{
    max-width: 1160px;
    width: 90%;
    margin: auto;
    padding-top: 16em;
    
}

div.floating
{
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    width: auto;
    z-index: 99999;
}

a#back_to_top
{
    overflow: hidden;
    width:auto;
    z-index:90;
    position: fixed;
    bottom: 20px;
    right: 20px;
    top: auto;
    left:auto;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 17px 16px;
    border: 1px solid #393f49;
    background: #393f49;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    border-radius: 30px;
    transition: all 0.4s;
}

a#back_to_top.hide_back_to_top
{
    visibility: hidden;
    
    opacity:0;
}


a#back_to_top.show_back_to_top
{
    visibility: visible;
    
    opacity:1;
}



div.section
{
    position: relative;
    
    
}

div.display_image
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 1em;
}

div.solid_background
{
    background: #f9f9f9;
}

div.solid_dark_wide
{
    background-color: #383e49;
    width:100%;
    text-align:center;
    padding:2em;
    box-sizing: border-box;
}

div.solid_background_wide
{
    background-color: #f9f9f9;
    width:100%;
    text-align:center;
    padding:2em;
    box-sizing: border-box;
}

div.left_transparent
{
    width:66%;
    background-color:rgba(255,255,255,0.9);
    margin:1em 1em !important;
    padding:1em;
}

div.center_transparent
{
    max-width:75%;
    background-color:rgba(255,255,255,0.9);
    margin:1em auto !important;
    padding:1em;
    text-align:center;
}

div.no_flex
{
    /*display:block;*/
    
}

div.row
{
    position: relative;
}

div.align_tops
{
    align-items: flex-start;
}

div.column
{
    
    position: relative;
}


div.thirds
{
    
    width: 33%;
    text-align:center;
    box-sizing:border-box;

    margin:auto !important;
    background-color:rgba(255,255,255,0.9);
    padding: 1em;
}

div.halves
{
    
    width: 50%;
    text-align:center;
    box-sizing:border-box;

    margin:auto !important;
    background-color:rgba(255,255,255,0.9);
    padding: 1em;
}

div.column.transparent
{
    background-color:rgba(255,255,255,0);
}

div.column.full_width
{
    width:100%;
}

div.column.orange
{
    color:white;
    background-color:#f7941d;
}

div.column.orange a
{
color:white;
}


div.parallax
{
    position: absolute;
    box-sizing:border-box;
    margin:0;
    padding:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
}

ul#myMenu
{
    margin:auto;
    padding:0em;
    font-weight:500;
}

ul#myMenu li.title
{
background: #f9f9f9;
color:black;
cursor:pointer;
padding:0em 0.75em;
}

ul#myMenu li.sub_menu::after
{
    
    content: "\25BC ";
 
    padding-left:0.2em;
}

ul#myMenu > li
{
display:block;
text-align:left;

background-color:grey;
float:left;

}





nav#menuContainer
{
    display:flex;
    justify-content: center;
    
}



ul#myMenu li.this_page
{
    color: #ee2a7b;
}


ul#myMenu > li.title:hover
{
    color: rgba(0, 0, 0, 0.6);
  
}


ul#myMenu a
{
  
   color: inherit;
   text-decoration: none;
}


nav#menuContainer ul
{
list-style-type:none;
z-index: 3;
}


ul.hidden{
position:absolute;
padding:0em;
box-sizing: border-box;
border-top: 3px solid #ee2a7b;

opacity:0;
visibility: hidden;
background-color: #eee;
box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
min-width:20em;
transition: opacity 0.4s;
}

ul.hidden a
{
    padding:1em;
    display:block;
}

ul.hidden>li
{
color:#000000;
min-width:10em;
background-color: #ffffff;
/*transition: all 0.4s;*/
}



ul.hidden>li:hover
{
    color: rgba(0, 0, 0, 0.6);
    background-color:#eee;
}




ul.unhidden{
visibility: visible;
z-index:3;
margin:0;
opacity:1 !important;
}

div.button_background
{
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height:12em;
    width:20%;
    text-align:center;
    vertical-align:middle;
}

div.button_background a
{
    color:#ffffff;
    text-decoration: none;
    margin: 0;
    padding: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.split_box
{
    width:33%;
    text-align:center;
    padding:1em;
}
div.split_top
{
    background-color:#f9f9f9;
    border-bottom:#535356 1px solid;
    padding:1em;
    font-weight:500;
}
div.split_bottom
{
    background-color:#f9f9f9;
    padding:1em;
}


div.quote_wrapper
{
    width:50%;
    padding:1em;
    margin-top: 0px !important;
}

div.quote_box
{
    background-color:#f9f9f9;
    
    padding: 1em;
}

img.quote_mark
{
    position:absolute;
    top: -0.5em;
    left:50%;
    margin-left: -25px;
}

div#mobile_header, div#mobile_header span
    {
       
        visibility:hidden;
        height:0;
    }


div.drawer_wrapper
{
    box-sizing:border-box;
    border: 1px solid #d9d9d9;
    padding:0em 1em;
    margin:1em auto;
    width:100%;
    background-color: #fff;
    cursor:pointer;
}
div.drawer_wrapper > h2::after,div.drawer_wrapper > h3::after, div.drawer_wrapper > strong::after
{
    content: "\25BC ";
    padding-left:0.2em;
}

div.drawer_wrapper > h2
{
    margin: 0em;
}



div.drawer
{
  
    opacity:0.1;
    text-align:left;
    transition:all 0.4s;
    max-height:0em;
    overflow: hidden;
   
}

div.drawer.opened
{
    opacity:1.0;
    max-height:150em;
}

    
table
{
    border:1px solid #eee;
    border-spacing:0;
    border-collapse:collapse;
   
}

table td
{
    padding:0.5em;
    border-top: 1px solid #eee;
}

form
{
    margin:1em auto;
    width:90%;
}

label
{
    text-align:left;
    display:block;
    width:100%;
}

input[type=text], select, textarea, input[type=number]
{
    border: 1px solid #ccc;
    box-shadow: inset 0 0 5px #dedede;
    box-sizing:border-box;
    text-align:left;
    display:block;
    width:100%;
    float:left;
    padding:0.5em;
    margin-bottom:2em;
    font-size:100%;
}

input[type=radio],label.radio_label
{
    display:inline-block;
    text-align:left;
    width:unset;
    padding:1em;
}



input[type=submit]
{
    border:solid 5px #f9f9f9;
    color:#f9f9f9;
    background-color:#383e49;
    color:#fff;
    width:10em;
    text-align:center;
    float:right;
    cursor:pointer;
    box-shadow:unset;
    padding:0.5em;
    font-size:150%;
}

input[type=submit]:hover
{
    background-color:#ee2a7b;
    border:solid 5px #ee2a7b;
    border-radius:5px;
}

input.bad_input
{
    border:solid 5px red;
}

input.invalid
{
    opacity:0.1;
}

@media (max-width:980px)
{

    html
    {
        scroll-padding-top: unset;
    }

    div.mobile_only
    {
        display:flex;
    }
    
    div.article_row
    {
        box-sizing:border-box;
        width:100%;
        padding:1em 0.5em;
        margin:0em;
    }

    div.column.thin
    {
        padding:1em;
    }
    
    div.solid_background_wide, div.solid_dark_wide
    {
        padding:1em 1em;
    }
    

    div.floating
    {
        top:auto;
        bottom:15px;
        transform:none;
        left: 15px;
        max-width:50%;
    }

    div#container
    {
        padding:0;
    }
    
    header
    {
        position: relative;
        width: 100%;
        min-height:10em;
    }
    div#header_row
    {
        visibility:hidden;
        height:0;
        padding:0;
        position:relative;
    }

    nav#menuContainer
    {
        display:flex;
        width:90%;
        margin:auto;
        margin-top:0.5em;
    }

    span.no_link
    {
        display:block;
        margin:1em;
        cursor:default;
    }
    
    img#compact_logo
    {
        position:relative;
        visibility:visible;
        height:auto;
        width:auto;
        margin:auto;
        max-height:60px;
        display:block;
    }

    div#mobile_menu
    {
        /*position:absolute;*/
        width:90%;
        height:auto;
        visibility:visible;
    }

    div#mobile_header, div#mobile_header span
    {
       
        visibility:visible;
        height:auto;
        cursor:pointer;
    }
    
    div#mobile_header
    {
        position:relative;
       
        border-radius:5px;
        background-color: rgba(0,0,0,0.05);
        font-weight:600;
        padding: 5px 10px;
    }

    span#select_page
    {
       
        display:inline-block;
    }
    
    span#burger_menu
    {
        color:#f7941d;
        position:absolute;
        right: 1em;
        
    }
    
    ul#myMenu
    {
        visibility:hidden;
        position:absolute;
        width:81%;
        margin:auto;
       display:block;
       
       background-color: #f9f9f9;
       border-top: solid 4px #f7941d;
       
       
       transition: opacity 0.4s;
       opacity: 0;
       box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    }

    ul#myMenu.opened
    {
        visibility:visible;
        opacity: 1;
      
    }
    
    ul#myMenu > li
    {
        float:initial;
     
    }

    li.title
    {
        padding-right:0em !important;
    }
    li.title > a
    {
        display: block;
        padding: 1em;
    }

    ul#myMenu > li.title:hover
    {
        color:initial;
  
    }

    ul#myMenu > li.this_page:hover
    {
        color:#ee2a7b;
  
    }
    
    ul.hidden
    {
        position:relative;
        visibility:inherit;
        opacity:1;
        box-shadow:unset;
        border:unset;
        width:100%;
        margin:auto;
        min-width:unset;
      
    }

    ul.hidden > li
    {
        padding:0em;
      
    }

    ul.hidden > li a
    {
        padding-left:3em;
    }
    
    ul#myMenu li.sub_menu::after
    {
        visibility:hidden;
        position:absolute;
    }

    div.left_transparent
    {
        width:100%;
        margin:auto !important;
    }

    div.center_transparent
    {
        max-width:100%;
        
    }

    div.left_transparent > ul,  div.center_transparent > ul
    {
        padding:1em;
    }
    div.parallax
    {
        background-attachment:unset;
        background-position:top left;
        margin:0em;
    }
    input[type=submit]
    {
        float:unset;
        margin: 1em auto;
    }
}

@media (max-width:770px)
{

    iframe.youtube
    {
        width:100%;
        height:100%;
    }
    div.cookie_row
    {
        font-size:50%;
    }
    div.article_row, div#footer_row
    {
        flex-wrap:wrap;
        
    }

    div.split_box, div.quote_wrapper, div.halves
    {
        width: fit-content;
        min-width:50%;
    }

    div.button_background
    {
        min-width:10em;
    }

    div.soc_button, div.grey_button
    {
        
        min-width:50%;
    }

    div#address_row, div#links_row
    {
        padding: 6em 1em;
    }

    div#links_row
    {
        text-align:center;
    }


}