/* cmsms stylesheet: Simple Mobile Friendly modified: Sunday, September 4, 2022 4:10:26 PM */


@font-face {
     font-family: Arsenal;
     src: url('/uploads/fonts/Arsenal/Arsenal-Regular.ttf') format('truetype');
}
@font-face {
     font-family: Open_Sans;
     src: url('/uploads/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}



* {
	padding:0;
	margin:0;
}


body {
    background:no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:50% 0%;
    border:0;
    font-family: Arsenal, sans-serif;
    letter-spacing:2px;
    font-size:1em;
    font-weight:300;
    line-height:1.5em;
    padding:0;
    margin:0;
}

strong {font-weight:700;}

h1, h2, h3, h4, h5, h6 {
    font-family: Arsenal, sans-serif;
    color:#03625d;
    margin:1em auto;
    text-transform:uppercase;
    text-align:center;
    font-weight:500;
    letter-spacing:5px;
    }

h1 {
    
    font-size:150%;
    }

h2 {
    font-size:130%;
    clear:both;
    }

h3 {
    font-size:110%;
    }

section {border:0;margin:0;padding:0;}

p {margin:1em auto;}
a {color:#06aca5;;text-decoration:none;}
a:hover {color:#03625d;}

ul {

     margin:1em auto 2em auto;
     border:none;
}

ol {border:none;margin-left:0;padding:0;margin-block-start:0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;}

li {
    border:none;
    margin:.5em auto .5em 3em;
}

ol li {border:none;padding:0; }

strong, b {color:#000;font-weight:700;}
#header {
     text-align:center;
     background-color:transparent;
     padding:0;
     margin:0;
     height:500px;
     border:none;
}

#header h1 {
     color: #333;
     margin:0 auto;
}

#header .logo {
     margin:0 auto;
     width:250px;
     border:none;
     position:relative;
     z-index:100;
     clear:both;
     
}

#header .logo img {
     width:200px;
     border-radius:0;
}

#nav {
     float:right;
     height:auto;
     width:auto;
     border:none;
     margin:0 auto 0 0;
     padding:0;
     font-size:16px;
     letter-spacing:1px;
     font-weight:500;
}



.social {
    width:100%;
    height:50px;
    text-align:center;
    overflow:auto;
    margin:1em auto 0 auto;
    border:none;
    clear:both;
}

.social div {
     display:inline-block;
      width:35px;
     height:35px;
     padding:0;
     margin:0 1em;
}

.social div img {
      width:100%;
      height:100%;
}


#content {
    clear:both;
    background-color:#fff;
    opacity:0.9;
    margin:0;
    padding:0;
    text-align:center;
    overflow:hidden;
    width:auto;
    font-size:1em;
    color:#03625d;
}


.breadcrumbs {
    padding:3px;
    font-size: 80%;
    text-align:right;
    text-transform:uppercase;
    color:#333;
}

.spacer {
    border:none;
    background-color:transparent;
    opacity:0.5;
    height:0;
}


.section {
    text-align:left;
    border:none;
    margin:-1em 0;
    padding:1em;
    background-color:#fff;
    color:#73243e;
    font-size:1em;
    position:relative;
    z-axis:100;
    line-height:1.5em;
}

.parallax {
     border: none;
     width:auto;
/* Set a specific height */
     min-height: 400px; 

/* Create the parallax scrolling effect */
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
}

.content_photo {

    float:none;
    margin:1em auto;
    text-align:center;
    font-size:75%;
    width:100%;
    
}

.bannerimage {
     margin:0;
     border:none;
     width:100%;
     padding:0;
}


.content_photo img, .graphic img, .bannerimage img {
    width:100%;
    text-align:center;
    border-radius: 10px;
    box-shadow:6px 6px 3px #333, -2px -2px 4px #333;

}



.highlight {
     text-align:center;
     text-transform:none;
     font-weight:bold;
     opacity:0.9;
     background-color: #032480;
     color:#fff;
     box-shadow:6px 6px 3px #333, -2px -2px 4px #333;
     border-radius:10px;
     padding:1em 3em;
     line-height:1.25em;

}

.highlight2 {
     text-align:center;
     text-transform:uppercase;
     font-weight:bold;
     opacity:0.9;
     background-color: transparent;
     color:#032480;
    

}
.highlight p, .highlight2 p {
     padding:.2em 0 0 0;
     border:none;
}

.highlight a {color:#1c8300;}
.highlight a:hover {color:#fff;}
.highlight2 a {color:#c5186b;}
.highlight2 a:hover {color:#fff;}

.gallery {
    border:none;
    margin:1em auto;
    text-align:center;
    width:100%;
}

.pagination {
    float:right;
}

.content_foot {
     margin-top:3em;
     padding-top:1em;
     height:100px;
     background-color:#ffcc02;
     color:#032480;
     text-align:center;
     font-size:150%;
     font-weight:700;
     letter-spacing:2px;
     text-transform:uppercase;
     line-height:1.25em;
     
}

#footer {
    background-color:#fff;
    text-align:center;
    font-size:small;
    color:#333;
    width:100%;
    padding:.5em;
    position: fixed;
    z-axis:10000;
    bottom: 0;
}

#footer p {
    padding:0;
    margin:0;
}




div.formbuilderform {
     border:none;
     margin:1em 0;
     padding:0;
     text-align:center;
     width:100%;
}

.formbuilderform div {
    border:none;
    margin:0 auto 1em auto;
    width:100%;
    overflow:auto;
    clear:both;
}

.formbuilderform div div  {
    border:none;
    margin:.5em auto 1em auto;
    text-align:center;
}

.formbuilderform label {
    border:none;
    float:none;
    clear:both;
    padding:0;
    width:100%;
    font-weight:600;
    text-align:center;
    margin:.5em 0 0 0;
    display:block;
}


.formbuilderform input {
     border:1px solid #666;
     padding:.25em;
     margin:0 auto 1em auto;
     width:300px;
}

.formbuilderform select {
     margin:1em auto;
}

.formbuilderform input[type=checkbox] {
    float:left;
    border:none;
    padding:0;
    margin:10px 0 0 0;
    width:2em;
}

.formbuilderform input[type=radio] {
    float:left;
    border:none;
    padding:0;
    margin:10px 0 0 0;
    width:2em;
}


.formbuilderform input[type=submit] {
     background-color:#000;
     border:1px solid #666;
     padding:10px;
     margin:.5em;
     color:#fff;
     text-transform:uppercase;
     border-radius:10px;
}


.formbuilderform textarea {
     width:99%;
     height:8em;
     margin:.5em auto;
     border:1px solid #ccc;
}


.formbuilderform div div label {
    border:none;
    float:left;
    clear:none;
    padding:0;
    font-weight:600;
    text-align:left;
    margin:0;
    display:block;
    width:300px;
}




.captcha {
     margin:.5em auto;
     text-align:center;
     font-size:small;
}

.captcha img {
     border:1px solid #ccc;
}


table {
    border-collapse:collapse;
    border:1px dotted #333;
}

th, td {
    padding:.25em .5em;
    border:1px dotted #333;
    text-align:left;
    text-transform:uppercase;
}

.graphic {
     width:90%;
     margin:1em auto;
     text-align:center;
     font-size:90%;
}




ul.thumb_menu {

     font-weight:500;
     list-style-type:none;
     border:none;
     overflow:visible;
     width:auto;
     height:auto;
     margin:0 auto;
     padding:0;
     text-align:center;
}



ul.thumb_menu li {
     display:inline-block;
     border:1px solid black;
     border-radius: 5px;
     box-shadow:5px 5px 2px #777, -2px -2px 3px #666;
     text-align:center;
     width:250px;
     height:auto;
     padding:5px;
     margin:.5em;
     text-transform:uppercase;
     font-size:1em;
     font-weight:500;
     vertical-align:top;
     background-color:#fff;
}



ul.thumb_menu li h2 {
    text-align:center;
    background-image:none;
    background-position:center bottom;
    background-size:65%;
    font-size:1.25em;
    line-height:1.25em;
    height:1.25em;
    margin:.25em .25em .5em .25em;
}

ul.thumb_menu li img {
     width:98%;
     height:auto;
     border:1px solid #333;
     border-radius: 0;
     margin:1em auto;
     opacity:.9;
     z-index:0;
     float:none;
}

ul.thumb_menu li a {
     text-decoration:none;
     white-space:normal;
     margin:0;
}

ul.thumb_menu li div {
     border:none;
     position:relative;
     top:0;
}

ul.thumb_menu li span {
     border:none;
     color:#333;
     z-index:100;
     font-size:1.25em;
     line-height:1em;
}

ul.thumb_menu li p {
     border:none;
     color:#000;
     z-index:100;
     font-size:1em;
     line-height:1em;
     text-transform:none;
     text-align:center;
     margin:.25em auto;
     height:3em;
     
}



@media screen and (min-device-width : 768px)

{

#content {margin:1em 0;padding:0;}
.content_photo {width:300px;margin:1em auto 1em 1em; float:right;}

}






@media screen and (min-width: 1000px) {


#content {margin:0;padding:0;border:0;}
.main {padding:0;margin:.25em 0 2em 0;border:0;}
.gallery {width:90%;}

.content_photo {width:350px;margin:1em auto 1em 1em; float:right;}

div.formbuilderform {
     border:none;
     margin:1em auto;
     padding:0;
     text-align:center;
     width:500px;
}


.bannerimage {
     margin:0;
     border:none;
     width:100%;
     padding:0;
}

#content {
    clear:both;
    background-color:#fff;
    opacity:1.0;
    margin:1em 0;
    padding:.5em 0;
    
    overflow:hidden;

}



.spacer {
    border:none;
    background-color:transparent;
    opacity:0.5;
    height:1em;
}


.section {
    margin:-1.5em 0;
    padding:.5em 2em;
    font-size:1.25em;
    position:relative;
    z-axis:100;
}

.parallax {
     border: none;
     width:auto;
/* Set a specific height */
     min-height: 700px; 

/* Create the parallax scrolling effect */
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}


}
