/* =Layout
-------------------------------------------------------------- */
/* HTML5 elements need display: block */
header,nav,section,article,aside,figure,footer { display:block; }

/* The main theme structure */
#colophon, #main, #wrapper {margin:0 auto; width:800px}
#main{clear:both; overflow:visible; padding:0}
#wrapper {margin-top:22px;padding:0 16px;position: relative;z-index: 1;}

/* Structure the header area */
header {display:table;vertical-align:middle;position:relative;padding:22px 0 44px;}

/* Structure the footer area */
footer {margin-bottom:22px;clear:both;width:100%;}
#footer-widget-area {overflow:hidden}
#footer-widget-area .widget-area {float:left; margin-right:16px; width:188px}
#footer-widget-area #fourth {margin-right:0}
#site-info {width: 784px;}
#site-generator {float:right; width:172px}

/*
TEMPLATE:Two columns (Default)
DESCRIPTION:Two-column fixed layout with one sidebar right of content
*/
#container{float:left;margin:0 0 44px;width:100%;}
#content{margin:0}
#footer{clear:both; width:100%}

/*
TEMPLATE:One column, no sidebar
DESCRIPTION:One centered column with no sidebar
*/
.one-column #content{margin:0 auto; width:800px}
.page .one-column #content .entry-content {margin:0; width:800px}

/*
TEMPLATE:Full width, no sidebar
DESCRIPTION:Full width content with no sidebar; used for attachment pages
*/
.single-attachment #content{margin:0 auto; width:800px}


/* responsive */
@media (max-width: 800px) {
    #wrapper {
        width: 100%;
        margin-top:22px;
        padding: 0;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
    }
    #colophon, #main, #wrapper {
         width:100%;
    }

    .one-column #content {
        margin:0 auto;
        width:100%;
    }
    .page .one-column #content .entry-content {
        width:100%
    }
    .one-column #content img {
        width:100%;
    }

    #site-info {
        text-align: center;
        width:100%;
        margin-bottom: 30px;
    }
    #container{margin: 0 0 15px;}

    header {
        box-sizing: border-box;
        display:table;
        vertical-align:middle;
        position:relative;
        padding:10px;
    }
    
    .columncustom {
        padding: 0 5px;
        clear: both;
        padding-top: 12px;
    }

     #wrapper p {
        font-size: 11pt;
        line-height: 1.5em;
    }

     #wrapper strong {
         line-height: 1.5em;
     }

    #wrapper #branding {height:30px;}

    body, html {
        overflow-x: hidden;
    }

    #content {padding: 0 5px; box-sizing: border-box;}

    .singular #wrapper #content article {margin-bottom: 0px !important;}

    div.wpcf7 {
        text-align:center;
        position: relative;
        left:0 !important;
        margin-left:0 !important;
        width: 100% !important;
        display: block;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    .wpcf7-form p {
        padding: 0 !important;
    }

    div.wpcf7 input,
    div.wpcf7 textarea {
           box-sizing: border-box !important;
    }


    .page-id-2 #wrapper .header {padding-bottom: 0px !important;}

    .singular #wrapper #content .entry-content {width:100% !important; }
    #wrapper, #main, #colophon {width:100% !important; }
    #site-info {width:100% !important; }

    footer {margin-bottom:0px;}

    #content hr {margin-bottom: 30px !important; margin-top: 30px;}

    .menu li a { font-size:14px !important;  line-height:22px;}

}

@media (min-width: 800px) {
    .columncustom {
        display: block;
        position: relative;
        width: 325px;
        float: left;
        margin-top: -19px;
        margin-bottom: 40px;
    }
}

/* mobile iframes */
.embedmobilevideo {
    position: relative;
    width: 100%;
    background: #000000;
    padding-top: 56.25%;
    margin-bottom:-15px;
}

.embedmobilevideo iframe {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}