@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700,700i');

body { 
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333;
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*combined classes -----------------------------------------------------------------------------------*/

.full{width: 100%;/* background-color: #fff; */}

.fixed {
 	position: fixed;
 	z-index: 20;
 	/* -webkit-box-shadow: 0px 0px 13px 0px rgba(120,119,120,1); */
 	-moz-box-shadow: 0px 0px 13px 0px rgba(120,119,120,1);
 	/* box-shadow: 0px 0px 13px 0px rgba(120,119,120,1); */
 	border-top: solid 10px #326FC0;
}

.cream {
  background-color: #EFF9FE;
}

.top {
 	padding-top: 145px; 
}

.cyan {
       	background-color: #47B2F4 !important;
}

.height100 {
  	min-height: 100px;
}

.blue {
       	background-color: #326FC0;
}
.round {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.round {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


.border {
  border: 10px solid #9EC3E4;
}

.width20 {
  width: 21%;
}

.wrap {
max-width: 1166px;
margin: 0 auto;
display: block;
position: relative;
}

.home {
 	display: none; 
}

.marginLeft {
margin-left: 4.6%;
}
.marginRight {
margin-right: 4.6% !important;
}
.marginTop {
margin-top: 30px;
}
.marginBottom {
margin-bottom: 30px;
}

.floatLeft {
float: left;
}
.floatRight {
float: right;
}

.footerFont {
 	font-family: Arial, Helvetica, sans-serif; 
}

.rocks img {
 	margin-left: 9%;
 	margin-right: 0px !important;
 	width: 10%;
}
/* ---------------------------------------header layout---------------------------------------*/

#navDiv {
background-color: #fff;
  border-top: #CCCCCC;
}
#header {min-height: 116px;text-align: center; */background-color:;background-color: #fff; line-height: 0.5em;}

#logo {width: 580px;/* float: left; */margin-top: 19px;margin-bottom: 19px;/* text-align: center; */ }

.denomination {
float: left;
margin: 30px 8.75%;
 
}

#header p {
 font-size: 0.9rem;
 line-height: 1rem;
 color: #546E8A;
 margin: 0;
padding-bottom:0px;
}


#topbar {/* margin-top: 55px; */width: 100%;display:block;zoom:1;/* float: right; */background-color: #326FC0;}

#menuWrapper {
 	margin: 0 auto;
 	display: block;
 	width: 90.8%;
 	min-height: 30px;
  padding: 0 0px;
}
/* ---------------------------------------image banners---------------------------------------*/


#banner {
 	width: 100%;
 	min-height: 400px;
 	background-image: url(https://www.victoriabaptist.org.uk/stylesheets/images/c16.jpg  );
 	background-size: 1920px;
 	background-position: center -150px !important;
 	background-repeat: no-repeat;
 	background-color: #333;
 	border-bottom: 10px solid #fff;
}


/* ----------------------remove sidebar - make content full width ------------------
 .folder-new-to-church #sidebar, .folder-services #sidebar,  .folder-contact-us #sidebar,  .folder-resources #sidebar{
 	display: none;	
}

 .folder-new-to-church #contentWrapper, .folder-services #contentWrapper,  .folder-contact-us #contentWrapper,  .folder-resources #contentWrapper {
 	width: 90.8%; 
}
*/
/* ---------------------------------------content---------------------------------------*/

#contentBody {min-height: 300px;/* background-color: #fff; */}

#breadWrapper {
height: 45px;
background-color: #fff;
  display: none;
}

#contentWrapper {
width: 65.4166666666667%;
  width: 72%;
float: right;
}

.fullCal{
width: 100% !important;
}

#contentWrapper.fullCal table{
width: 100% !important;
}



#sidebar {
float: left;
margin-top: 60px;
margin-bottom: 60px;
width: 200px;
display: block;
text-align: right;
}

#sidebar img {
margin-bottom: 10px;
width: 100%;
}


#sidebar #row1 a {
    display: block;
    text-align: center;
    width: 100%;
    color: #fff !important;
    float: left;
    font-size: 1.3rem;
    margin-bottom: 10px;
    position:relative;
}

#sidebar #row1 a:hover .off{
   display: none;
  -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
#sidebar #row1 a .over{
   display: none;
}
#sidebar #row1 a:hover .over{
   display: block;
  -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
#sidebar #row1 a span {
  position: absolute;
  z-index: 10;
top: 155px;
width: 100%;;
display: block;
background-color:  #2AA7EE;
  background-color: #4DA4DD;  

padding: .3rem 0;opacity: 0.8;
filter: alpha(opacity=50); /* For IE8 and earlier */
text-transform: uppercase;
font-size: 1.8rem;
}


.whitebox {
background-color: #fff;
padding: 40px 5%;
font-size: 1.2rem;
line-height: 2rem;
}

/* --------------------------------------iKnow Calendar---------------------------------------*/

.folder-calendar14 #sidebar {
  display: none;
}

.folder-calendar14 #contentWrapper {
  width: 100%;
}

.fc-scroller {
  height: 761px;
}

/* ---------------------------------------footer layout---------------------------------------*/


.blue .wrap span {
  width: 50%;
  padding: 10px 0
}

#footer {
padding: 0px 0;
color: #eee;
}

#footer ul {
  
  float: left;
  width: 45%;
  padding: 0;}

#footer ul:last-of-type {
width: 40%;
float: right;
}

#footer h3 {
font-weight: 700;
font-size: 1.7rem;
}

#footer li {
list-style: none;
line-height: 1.6rem;
font-size: 1rem;
color: #eee;

}

.fa-youtube-square {

    color: #fff;
    font-size: 2.3rem;
     float:right;
       padding-left: 25px;
}
.fa-twitter-square {

    color: #fff;
    font-size: 2.3rem;
    padding-left: 25px;
    float:right;
  display: none !important;
}

.fa-facebook {

    color: #fff;
    font-size: 2.3rem;
     float:right;
       padding-left: 25px;
}

.fa-linkedin {

    color: #fff;
    font-size: 2.3rem;
    float:right;  
  display: none !important;
}

.fa-map-marker {
    color: #fff;
    font-size: 1rem;
    padding-right: 0.5rem;

}
.fa-phone-square {
    color: #fff;
    font-size: 1rem;
    padding-right: 0.5rem;

}

.fa-envelope {
    color: #fff;
   font-size: 1rem;
    padding-right: 0.5rem;

}



#footer a:link, #footer a:visited {
color: #eee;
}



#footerTwo  {
 	color: #eee;
 	font-size: 0.75rem;
}



#footerTwo a {color: #eee;font-size: 0.8rem;padding-right: 0%;}

span.footer {

}


/*searchBar -------------------------------------------------------------------*/


#searchBar {color: #fff;background-color: #999999;width: 91%;float: right;margin-bottom: 30px;/* margin-right: 4.6%; */}

#searchBarForm label {
display: none;

}

#searchterm {
border: 0px solid #fff;
padding: 5px;
width: 85%;
height: 30px;
background-color: #999999;
}

#searchterm input {
 	*width: 185px;}

#imageSubmit {
vertical-align: middle;
/* padding-left: 5px; */
width: 25px;
}

#searchBar a:link, #searchBar a:visited {
color: #aaa;
text-decoration: none;
}


.folder-prayer-requests #contentWrapper input, 
.folder-prayer-requests #contentWrapper textarea {
    background-color: #fff;
   
}

.folder-prayer-requests #contentWrapper textarea {
  width: 100%;
  min-height: 200px; 
}

/*other styles------------------------------------*/

img {
border: 0px;
}
a img {
opacity: 1.0;
filter: alpha(opacity=100);
}


.folder-community a img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}


#main, #contentMain, .boxContainer, #column1 {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
  
#main {
    padding-top: 0px !important;
}

/* 
body {
  color: #2c3e50;
  background: #ecf0f1;
}*/

.half {
  width: 100%;
}
/* Acordeon styles ---------------------------------------------------*/
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #326FC0;
  font-weight: bold;
  line-height: 2.7;
  cursor: pointer;
  font-size: 1.2rem;
}

.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

.tab-content p {
  margin: 1em;
}
/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}
/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab input[type=radio] + label::after {
  content: "25BC";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}



 
/* rotator  ------------------------------------------------------------------------------- */

.w117, .w117 article, .w117 div.slideshow, .w117 .slideshow div {
width: 100% !important;
padding: 0px !important;
margin: 0 auto !important;
border-radius: 0px !important;
height: 700px !important;
background-color: #666;
}
.w117{
float: none !important;

}
.w117 div.slideshow {
width: 100%!important;
}
.w117 .slideshow div img {
width: 100% !important;
height: auto !important;
margin: 0px auto !important;
    max-width: 1920px !important;
}

article.rotator .slideshow {
    margin: 0px auto !important;
}
  
.caption {
        background-color: # !important;
        display: block !important;
        position: absolute !important;
        z-index: 15 !important;
        top: 500px !important;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
}

.caption p {
        color: #333 !important;
        font-weight: 300 !important;
        font-size:4rem !important;
        line-height: 4.2rem !important;
        text-transform: uppercase;
}

.caption i {
  	    font-style: normal;
        background-color: #fff;
  	padding: 0.1rem 1rem;
}

.caption b {
  	padding: 0 0 0 1rem;
}
/* img links  ------------------------------------------------------------------------------- */
.w111 img {
      opacity: 1;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.w111 article {
      max-width: 1165px !important;
      margin: 0 auto !important;
}
.w111 {
	margin: 50px 0 50px!important;
    width: 100% !important;
padding: 0px !important;
}


.w111 a {
    display: block;
    text-align: center;
  /*  background-color: #4DA4DD;*/
    width: 31.71875%;
       color: #fff !important;;
    float: left;
  font-size: 1.3rem;
  padding-bottom: 5px;
  position:relative;
}

.w111 a:hover .off{
   display: none;
  -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
.w111 a .over{
   display: none;
}
.w111 a:hover .over{
   display: block;
  -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
    opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.w111 a span {
  position: absolute;
  z-index: 10;
top: 312px;
width: 100%;;
display: block;

padding: 1rem 0;opacity: 0.8;
filter: alpha(opacity=50); /* For IE8 and earlier */
text-transform: uppercase;
font-size: 1.8rem;
}
.w111 a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60); /* For IE8 and earlier */
}

.w111 a:nth-child(1), .w111 a:nth-child(2), .w111 a:nth-child(4), .w111 a:nth-child(5) {
    margin-right: 2.421875%;
}


.w111 a:nth-child(1) span {
  background-color:  #2AA7EE;
}
.w111 a:nth-child(2) span {
  background-color: #4DA4DD;  
}
.w111 a:nth-child(3) span {
  background-color: #2B60A7;  
}
.w111 #row2 a:nth-child(1) span {
   background-color: #2B60A7; 
}
.w111 #row2 a:nth-child(2) span {
  background-color: #4DA4DD;
}
.w111 #row2 a:nth-child(3) span {
   background-color:  #2AA7EE;
}

.w111 #row3 a:nth-child(1) span {
     background-color:  #2AA7EE;
}
.w111 #row3 a:nth-child(2) span {
  background-color: #2B60A7; 
}
.w111 #row3 a:nth-child(3) span {
 background-color: #4DA4DD;
}

/* text map  ------------------------------------------------------------------------------- */

.w115 {
 	display: none; 
}

.w115, .w115 article {
	width: 100% !important;
 	padding: 0 !important;
	margin: 0 !important;
	background-color:  #fff;
}
.w115 header {display: block;
text-transform: uppercase;
font-size: 1.8rem;text-align: center;
padding: 0 !important;
margin: 0 !important;}

.w115 header h2 {background-color:  #2B60A7;
color: #eee;padding: 0.9rem 1rem;
font-size: 2rem;
width: 340px;
margin: 0 auto;
}
/* --------------------------------------responsive styles ------------------------------------*/

@media only screen and (max-width: 1280px) {
#logo {/* width: 180px; *//* margin-top: 30px; */}

.wrap {
max-width: 960px;
}
  
#topbar {width: 100%;}


.w115 header h2 {
    width: 270px;
font-size: 1.6rem;
}

.w111 {
  width: 100% !important;
}

.w111 a span {
top: 246px;
font-size: 1.6rem;
}

.w111 article{
  max-width: 960px !important;
}

.w117, .w117 article, .w117 div.slideshow, .w117 .slideshow div {
height: 510px !important;
}  
#banner {
 	min-height: 400px;
 	background-size: 1280px;
           	background-position: center -50px !important;
}
  
.caption {
        top: 300px !important;
}
.caption p {
    font-size: 3rem !important;
     line-height: 3.2rem !important;
}
/* --------------------------------------below 960 ------------------------------------*/
@media only screen and (max-width: 960px) {


  
#logo { width: 57%;/* margin: 15px 38%; */float: initial;}

.wrap {
max-width: 768px;
}

#topbar {width: 100%;border-top: 1px solid #ddd;float: initial;margin-top: 0px;}


#contentWrapper {
    width: 63%;
}
  
#menuWrapper {
    width: 90.8%;
} 

#banner {
 	min-height: 350px;
 	background-size: 960px;
       	background-position: center 0px !important;
}
.caption {
     
        top: 100px !important;
        
}
.w115 header h2 {
    width: 210px;
font-size: 1.4rem;
}

 .w111 {
  width: 100% !important;
}

.w111 a span {
top: 185px;
font-size: 1.4rem;
}

.w111 article{
  max-width: 768px !important;
}
  .w117, .w117 article, .w117 div.slideshow, .w117 .slideshow div {
height: 450px !important;
} 
.caption {
        top: 270px !important;
}
.caption p {
    font-size: 2.5rem !important;
     line-height: 2.8rem !important;
}


}