/* Maryland Knights of Columbus */
/* Convention */
/* Author: Ralph Askins */
/* Date: 2015 Rewrite: 2019 */
/* Website: https://www.mdkoccontion.org */
/**/
/******************************* Global */
/****** color: #008000 */
.text { color: #008000; }
.test-bold {
    color: #008000;
    font-weight: bold;
}
.page-title {
    color: #008000;
    text-align: center;
    font-size: xx-large;
    font-weight: bold;
}
/******************************* Header */
header {
    display: flex;
    justify-content: space-around;
    padding-top: 15px;
    width: 100%;
}
header .img1 {
    width: 25%;
    text-align: center;
    align-self: center;
}
header .text1 {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    color: #008000;
}
header .text2 {
    font-family: 'Kunstler Script';
    font-size: xx-large;
    color: #008000;
    padding-top:25px;
}
header .img2 {
    width: 25%;
    text-align: center;
}
/******************************* Nav */
nav {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.meun {
    border-radius: 5px 5px 5px 5px;
    width: 20%;
    padding: 10px 20px;
}
.content-holder { width:60%; }
/******************************* Mobile Menu */
.mobile-menu {
    overflow:hidden;
    position: relative;
    width: 90%;
    margin: 0 auto;
    display: none;
    background-color: #008000;
    color:white;
    font-family: Arial;
    border-radius: 10px 10px 10px 10px;
    border:2px solid #008000;
}
/* Hide the links inside the navigation menu */
.mobile-menu #myLinks {display: none;}
/* Style navigation menu links */
.mobile-menu a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
}
/* Add a grey background color on mouse-over */
.mobile-menu a:hover {color: white;}
/******************************* Footer */
.footer { text-align: center; }

/******************************* Media Global */
@media only screen and (max-width: 1000px) {
        header {flex-direction: column;}
        header .img1 {width:100%;}
        header .img2 {display: none;}
        nav {flex-direction: column;
             justify-content: center;
        }
        .meun {display: none; }
        .content-holder{
            display: flex;
            justify-content: flex-start;
            padding: 1px 1px;
            width:100%;}
        .mobile-menu {
            display: flex;
            flex-direction: column;
            line-height: 30px;
            justify-content: center;
        }
}
/******************************* Default Page */
    .DefaultContent {
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .DefaultContent-a {
        font-weight: bold;
        font-size: xx-large;
        color: #008000;
        align-self: center;
    }
.DefaultContent-box {
    text-align: center;
    border: 2px solid #000800;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: #000000 10px 10px 20px;
    -webkit-box-shadow: #000000 10px 10px 20px;
    box-shadow: #000000 10px 10px 20px;
    width: 300px;
    height: 100px;
    align-self: center;
}
.page-center { display: flex; }
.cam { text-align: center;}
.Camera {
    text-align: center;
    display: inline-block;
    width: 704px;
    height: 480px;
}
/******************************* Default Media */
@media only screen and (max-width: 1000px) {
    .DefaultContent {
            flex-direction: column;
            justify-content: flex-start;
    }
    .DefaultContent-box { width: 90%; }
    .gallery { display: none; }
    .cam{ display: none; }
    .Camera{ display: none; }
}
/***(*************************************extras*/

#sfm_container_div_Extras {
    margin: auto;
    left: auto;
    right: auto;
}

    @media only screen and (max-width: 1000px) {
        #sfm_container_div_Extras {
            display: block;
            width: 100%;
            margin: auto;
            left: auto;
            right: auto;
        }
    }
    /******************************* Hospitality Page */
    #sfm_container_div_Hospitality {
        margin: auto;
        left: auto;
        right: auto;
    }
    /******************************* Hospitality Media */
    @media only screen and (max-width: 1000px) {
        #sfm_container_div_Hospitality {
            display: block;
            width: 100%;
            margin: auto;
            left: auto;
            right: auto;
        }
    }

    /******************************* Olympic Page */
    #sfm_container_div_MOlympic {
        display: none;
    }
    /******************************* Olympic Media */
    @media only screen and (max-width: 1000px) {
        #sfm_container_div_Olympic {
            display: none;
        }

        #sfm_container_div_MOlympic {
            display: block;
            width: 90%;
        }
    }
    /******************************* Convention Evaluation Page */
    @media only screen and (max-width: 1000px) {
        #sfm_container_div_Convention_Evaluation {
            width: 100%;
        }
    }
    /******************************* Convention Registration Page */
    #sfm_container_div_MKofc2017 {
        display: none;
    }
    /******************************* Convention Registration Media */
    @media only screen and (max-width: 1000px) {
        #sfm_container_div_Kofc2017 {
            display: none;
        }

        #sfm_container_div_MKofc2017 {
            display: block;
            width: 100%;
        }
    }
    /******************************* Cancellation Page*/


    /******************************* Update Page */

    /********************* AD & Golf Page */
    /*******************  newregistration */
    @media only screen and (max-width: 1000px) {
        #sfm_container_div_Registration {
            width: 100%;
        }
    }