html
{
font: 100%/1.5 Arial, sans-serif;
}
body
{
width: 100%;
margin: 0 auto;
font-family: Arial;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/*.center-block {*/
/*display: block;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*}*/
h1
{
font-size: 2em;
}
h2
{
font-size: 1.7em;
}
h3
{
font-size: 1.17em;
}
h4
{
font-size: 1em;
}
h5
{
font-size: 0.83em;
}
h6
{
font-size: 0.75em;
}
.mainbody
{
}
.topbar
{
width: 100%;
position: relative;
}
.topbar .col-md-12
{
margin: 0;
padding: 0;
display: block;
}
.topbar img
{
width: 100%;
height: 300px;
margin: 0;
padding: 0;
}
/*.topbar h1 {
position: absolute;
top: 50px;
left: 500px;
color: rgb(42, 109, 204);
font-size: 78px;
text-shadow: rgb(150, 150, 150) 1px 3px 0px, rgb(171, 168, 168) 1px 13px 5px;
}*/
.topbar h1 {
text-align:center !important;
position: absolute;
padding: 5px 150px;
margin-top: 0;
/*top: 35px;*/
/*top: 0.05vw;*/
top: 0;
left: 11.5vw;
/*margin: 0 auto;*/
/*color: rgb(42, 109, 204);*/
/*color: rgb(255, 255, 255);*/
color: darkred;
color: red;
/*font-size: 60px;*/
/*font-size: 4.5em;*/
font-size: 3.0vw;
text-shadow:2px 2px 0 black, 4px 4px 0 black;
/*text-shadow: rgb(204, 204, 204) 0px 1px 0px,*/
/*rgb(201, 201, 201) 0px 2px 0px,*/
/*rgb(187, 187, 187) 0px 3px 0px,*/
/*rgb(185, 185, 185) 0px 4px 0px,*/
/*rgb(170, 170, 170) 0px 5px 0px,*/
/*rgba(0, 0, 0, 0.0980392) 0px 6px 1px,*/
/*rgba(0, 0, 0, 0.0980392) 0px 0px 5px,*/
/*rgba(0, 0, 0, 0.298039) 0px 1px 3px,*/
/*rgba(0, 0, 0, 0.14902) 0px 3px 5px,*/
/*rgba(0, 0, 0, 0.2) 0px 5px 10px,*/
/*rgba(0, 0, 0, 0.2) 0px 10px 10px,*/
/*rgba(0, 0, 0, 0.0980392) 0px 20px 20px;*/
}
.topbar h3 {
position: absolute;
top: 7vw;
left:25%;
font-size: 1.5vw;
color: rgb(42, 109, 204);
color: rgb(255, 255, 255);
/*text-shadow: rgb(3, 3, 3) 4px 4px 4px;*/
text-shadow: rgb(204, 204, 204) 0px 1px 0px,
rgb(201, 201, 201) 0px 2px 0px,
rgb(187, 187, 187) 0px 3px 0px,
rgb(185, 185, 185) 0px 4px 0px,
rgb(170, 170, 170) 0px 5px 0px,
rgba(0, 0, 0, 0.0980392) 0px 6px 1px,
rgba(0, 0, 0, 0.0980392) 0px 0px 5px,
rgba(0, 0, 0, 0.298039) 0px 1px 3px,
rgba(0, 0, 0, 0.14902) 0px 3px 5px,
rgba(0, 0, 0, 0.2) 0px 5px 10px,
rgba(0, 0, 0, 0.2) 0px 10px 10px,
rgba(0, 0, 0, 0.0980392) 0px 20px 20px;
}
.topbar h4 {
position: absolute;
/*top: 52px;*/
top: 255px;
/*right: 5%;*/
/*left: 37.3vw;*/
left: 24.5vw;
/*margin: 0 auto;*/
color: rgb(42, 109, 204);
color: rgb(255, 255, 255);
/*color: darkred;*/
/*color: red;*/
/*font-size: 20px;*/
font-size: 1.5vw;
/*text-shadow:2px 2px 0 #bcbcbc, 4px 4px 0 #9c9c9c;*/
/*text-shadow:2px 2px 0 black, 4px 4px 0 black;*/
/*text-shadow: rgb(204, 204, 204) 0px 1px 0px,*/
/*rgb(201, 201, 201) 0px 2px 0px,*/
/*rgb(187, 187, 187) 0px 3px 0px,*/
/*rgb(185, 185, 185) 0px 4px 0px, */
/*rgb(170, 170, 170) 0px 5px 0px, */
/*rgba(0, 0, 0, 0.0980392) 0px 6px 1px, */
/*rgba(0, 0, 0, 0.0980392) 0px 0px 5px, */
/*rgba(0, 0, 0, 0.298039) 0px 1px 3px, */
/*rgba(0, 0, 0, 0.14902) 0px 3px 5px, */
/*rgba(0, 0, 0, 0.2) 0px 5px 10px, */
/*rgba(0, 0, 0, 0.2) 0px 10px 10px, */
/*rgba(0, 0, 0, 0.0980392) 0px 20px 20px;*/
}
/*********Navbar***********/
/*.navbar{
margin-bottom: 0;
background-color: #b1b1b1;
font-weight: bold;
font-style: white;
}*/
.bigtext, .bigtext h2
{
font-size: 1.3em;
}
.bigtext2
{
font-size: 1.3em;
}
/*.menu
{
margin: 0 auto;
width: 100%;
padding-top: 10px;
}
.menu ul
{
list-style-type: none;
}
.menucolour
{
width: full;
background-color: #b4b4b4;
}
.menu li
{
font-size: 0.9em;
/*float: left;*/
display: inline-block;
padding: 2px 0px;
margin: 4px 5px;
/*margin-left: 15px;*/
background-color: #716a00;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.menu li a {
text-decoration:none;
color:#000;
padding:12px 30px;
color:#FFFFFF
}
.menu li a:hover, li.active
{
color: #000000;
background-color: #e0ce00;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.lastmenu{
padding-bottom: 10px;
}*/
/*#custom-bootstrap-menu.navbar-default .navbar-brand {*/
/*color: rgba(255, 255, 255, 1);*/
/*}*/
/*#custom-bootstrap-menu.navbar-default {*/
/*font-size: 14px;*/
/*background-color: rgba(158, 158, 158, 0.6);*/
/*!*background-color: rgba(199, 202, 200, 1);*!*/
/*!*background-color: #c7cac8;*!*/
/*border-width: 0px;*/
/*border-radius: 0px;*/
/*margin-bottom: 0;*/
/*font-weight: bold;*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {*/
/*color: rgba(255, 255, 255, 1);*/
/*background-color: rgba(158, 158, 158, 0.6);*/
/*!*background-color: rgba(199, 202, 200, 1);*!*/
/*!*background-color: #c7cac8;*!*/
/*border-left: 1px solid #b8b8b8;*/
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-nav>li:last-child>a {*/
/*!*color: rgba(255, 255, 255, 1);*/
/*background-color: rgba(158, 158, 158, 1);*!*/
/*border-right: 1px solid #b8b8b8;*/
/*!*padding-left: 5px;*/
/*padding-right: 5px;*!*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,*/
/*#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {*/
/*color: rgba(255, 255, 255, 1);*/
/*!*background-color: rgba(120, 190, 250, 1);*!*/
/*!*background-color: rgba(9, 85, 171, 1);*!*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,*/
/*#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,*/
/*#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {*/
/*color: rgba(255, 255, 255, 1);*/
/*!*background-color: rgba(120, 190, 250, 1);*!*/
/*background-color: rgba(9, 85, 171, 1);*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-toggle {*/
/*border-color: #78befa;*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,*/
/*#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {*/
/*background-color: #78befa;*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {*/
/*background-color: #78befa;*/
/*}*/
/*#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,*/
/*#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {*/
/*background-color: #9e9e9e;*/
/*!*background-color: #c7cac8;*!*/
/*}*/
/*********Navbar***********/
#carousel1
{
margin: 0;
padding-left: 0;
padding-right: 0;
}
.carousel img
{
width: 100%;
padding-right: 0;
padding-left: 0;
}
.sidephoto
{
background-color: #f9fac4;
padding-top: 25px;
}
.sidephoto>img
{
margin-bottom: 40px;
width: 350px;
margin-left: auto;
margin-right: auto;
display: block;
}
.centerbody
{
background-color: #93cdf2;
padding-top: 25px;
}
.well
{
background-color: #c7cac8;
}
.centerbody .item
{
padding-left: 0;
padding-right: 0;
}
.clear
{
clear: both;
}
.footer
{
background-color: #c7cac8;
margin: 0;
}
.footer p
{
padding-top: 0px;
font-size: 1em;
padding-bottom: 0;
}
.footer p:last-child
{
padding-bottom: 0px;
font-size: 1em;
}
.footer a
{
/*color: #fff;*/
color: black;
}
/*========== Parsley JS ==========*/
input.parsley-error
{
color: #B94A48 !important;
background-color: #F2DEDE !important;
border: 1px solid #EED3D7 !important;
}
textarea.parsley-error
{
color: #B94A48 !important;
background-color: #F2DEDE !important;
border: 1px solid #EED3D7 !important;
}
ul.parsley-error-list
{
font-size: 12px;
font-weight: bold;
color: red;
list-style-type: none;
padding-left: 0;
padding-top: 5px;
}
/*========== Parsley JS ==========*/
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
/*@media only screen and (min-width : 320px) and (max-width: 767px)
{
h1
{
font-size: 1em;
}
h2
{
font-size: 0.9em;
}
h3
{
font-size: 0.35em;
}
h4
{
font-size: 0.5em;
}
p, li, .footer a
{
font-size: 0.5em;
}
.bigtext, .bigtext h2
{
font-size: 0.8em;
}
.topbar img
{
width: 100%;
height: 150px;
margin: 0;
padding: 0;
}
.topbar h4
{
top: 130px;
font-size: 1.2vw;
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
}
}
*//* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) and (max-width: 767px){
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width: 991px){
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
}
/*@media (max-width: 1200px)
{
.navbar-header
{
float: none;
}
.navbar-left,.navbar-right
{
float: none !important;
}
.navbar-toggle
{
display: block;
}
.navbar-collapse
{
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top
{
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse
{
display: none!important;
}
.navbar-nav
{
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li
{
float: none;
}
.navbar-nav>li>a
{
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in
{
display: block !important;
}
}*/
/* Large Devices, Wide Screens */
.container{margin:0 auto; padding:0; width:1148px; display: block; overflow: hidden;}
.container1{margin:0 auto; padding:0; width:1200px; display: block; overflow: hidden; text-align:center;}
.container2{margin:0 auto; padding:0; width:600px; display: block; overflow: hidden;}
@media only screen and (max-width : 1280px){
}
@media only screen and (max-width : 1024px)
{
body {
}
.container {
width: 100%;
margin: 0 auto;
}
.container1 {
width: 100%;
margin: 0 auto;
}
}
@media only screen and (max-width : 780px)
{
body { margin:0; padding:0;
}
.container {
width: 100%;
margin: 0 auto;
}
.container1 {
width: 100%;
margin: 0 auto;
}
h1
{
font-size: 2em !important;
}
h2
{
font-size: 1em;
}
h3
{
font-size: 0.35em;
}
h4
{
font-size: 0.8em !important;
}
.footer a
{
font-size: 0.8em;
}
.topbar img
{
width: 100%;
height: 160px;
margin: 0;
padding: 0;
}
.topbar h1 {
text-align:center;
position: absolute;
padding: 10px;
margin-top: 0;
/*top: 35px;*/
/*top: 0.05vw;*/
top: 1px;
left: 5.5vw;
/*margin: 0 auto;*/
/*color: rgb(42, 109, 204);*/
/*color: rgb(255, 255, 255);*/
color: darkred;
color: red;
/*font-size: 60px;*/
/*font-size: 4.5em;*/
font-size: 3.0vw;
text-shadow:2px 2px 0 black, 4px 4px 0 black;
/*text-shadow: rgb(204, 204, 204) 0px 1px 0px,*/
/*rgb(201, 201, 201) 0px 2px 0px,*/
/*rgb(187, 187, 187) 0px 3px 0px,*/
/*rgb(185, 185, 185) 0px 4px 0px,*/
/*rgb(170, 170, 170) 0px 5px 0px,*/
/*rgba(0, 0, 0, 0.0980392) 0px 6px 1px,*/
/*rgba(0, 0, 0, 0.0980392) 0px 0px 5px,*/
/*rgba(0, 0, 0, 0.298039) 0px 1px 3px,*/
/*rgba(0, 0, 0, 0.14902) 0px 3px 5px,*/
/*rgba(0, 0, 0, 0.2) 0px 5px 10px,*/
/*rgba(0, 0, 0, 0.2) 0px 10px 10px,*/
/*rgba(0, 0, 0, 0.0980392) 0px 20px 20px;*/
}
.topbar h4
{
top: 120px;
font-size: 0.9em !important;
font-weight:bold;
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
background:#292929;
left:0;
text-align:center;
padding:10px 0;
opacity: 0.8;
filter: alpha(opacity=40);
width:100%;
}
#carousel1
{
margin: 0;
padding-left: 0;
padding-right: 0;
}
.carousel img
{
width: 100%;
padding-right: 0;
padding-left: 0;
}
.sidephoto
{
background-color: #f9fac4;
padding-top: 25px;
display:none;
}
.sidephoto>img
{
margin-bottom: 40px;
width: 350px;
margin-left: auto;
margin-right: auto;
display: block;
}
.centerbody
{
background-color: #93cdf2;
padding-top: 25px;
width:100%;
}
.bigtext h2
{
font-size: 1em;
}
.bigtext2
{
font-size: 0.3em;
}
.h2{ font-size: 1.3em;}
.bigtext p,li{ font-size: 0.8em;}
.nanoGalleryContainer{margin:20px 0 0 0; padding:0; left:0;}
.subcontainer{margin:0; padding:0; width:100% !important; height:auto !important;}
.imgContainer{ margin:0; padding:0; width:100% !important;}
.imgContainer img{ margin:0; padding:10px 10px 0 0; width:90% !important; float:none;}
.nGEvent{ margin:10px 0 0 0; padding:0 0 20px 0; width:100% !important; max-width:100% !important; max-height:100% !important; height:auto;}
}