/*#primary {
    display: table-cell;
    width: 100%; 
    height: auto;
}

#content {
    display:inline-block;
    width:100%;
}*/

/**
    display: table-cell;
    background-color: yellow;
    width: auto; 
    height: auto;
    vertical-align: middle;
    text-align: center;*/


html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    min-width: 100%;
/*    overflow: hidden;*/
}

.site {
    min-height: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

.site-header {
    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.site-content-custom {
    width: 100%;
    padding: 0;
    overflow-x: auto;
}

.wrapper {
    box-shadow: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}


hgroup {
    margin-top:35px;
}

hgroup a, hgroup .site-description {
    padding-left:0px;
}

hgroup a, hgroup a:hover {
    color:#585858;
    
}

hgroup .site-description, hgroup a.site-description:hover {
    display:block;
    font-size:16px;
    color:#808080;
}

.themonic-logo {
    /*padding:10px 10px 0px 17px;*/
    padding:0px 10px 0px 17px;
}

.themonic-logo img{
    width:100%;
}

.site-header hgroup {
    margin:0px 0px 0px 0px;
    padding:0px 0px;
}

.site-header hgroup a:first-child{
    font-size:28px;
}

.current_page_item {
    border-bottom-color:rgb(22, 161, 231);
    border-bottom-color:#D680B5;
}

.nav-menu > ul > li>  a:hover {
    background: #000000;
}
.themonic-nav .current-menu-item > a,
.themonic-nav .current-menu-ancestor > a,
.themonic-nav .current_page_item > a,
.themonic-nav .current_page_ancestor > a {
		background: none repeat scroll 0 0 #000000 !important;
		color: #FFFFFF;
		font-weight: bold;
}


div.nav-menu > ul > li{
   border-bottom:0px none;
}

div.nav-menu > ul > li:first-child{
   margin-left:0px;
}

.themonic-nav li:hover {
    background:#000000;
}

.required {
    color:inherit;
}

.nav-menu {
    margin-top:-5px;
}

.nav-menu > ul > li > a {
    font-size:16px;
    font-weight:400;
    line-height:normal;
    padding-top:12px;
    padding-bottom:12px;
}

.themonic-nav ul.children li a {
    font-size:14px;
    line-height:normal;
}




/* iPad fix*/
@media screen and (max-width: 768px) {

    .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul, .themonic-nav li {
    /*background: none;
    border-bottom: none;
    border-top: none;*/
    display: block;
    }

   
}



@media screen and (min-width: 768px) {
    /*body,#page{
        height:100%;
    }*/


    .themonic-nav ul.nav-menu,
    .themonic-nav div.nav-menu > ul {
        
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333',GradientType=0);
        background:repeating-linear-gradient(#555, #333 44px);
       
        /*border-bottom:5px solid #16A1E7;*/
        border-bottom:0px;    
        
    }

    /*.themonic-nav ul.nav-menu > li,
    .themonic-nav div.nav-menu > ul > li {
        background-color:yellow;
    }*/
 
    .themonic-nav .nav-menu > ul > li > a {
        color:#fff;
    }
}

@media screen and (min-width: 960px) {
    /*body, #page{
        height:100%;
    }*/
    /*body .site {
        padding-bottom:24px;
        margin-bottom:0px;
    }*/

}

#colophon {
    background-color: #f8f8f8;
    width: 100%;
}

.site-info {
    max-width: 1200px; /* Adjust this to match your main content width */
    margin: 0 auto;
    padding: 0 15px; /* Add some padding on the sides */
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-nav ul li {
        display: inline-block;
        margin-left: 15px;
    }

        .footer-nav ul li:first-child {
            margin-left: 0;
        }

        .footer-nav ul li a {
            color: #333;
            text-decoration: none;
        }

@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        text-align: center;
    }

    .footer-nav {
        margin-top: 15px;
    }

        .footer-nav ul li {
            margin: 0 7px;
        }
}