/* Screen cascading style sheet for YECS website */

/* **** HTML STYLES **** */
/* --------------------- */

body {
  color: #666;
  font-family: Lato, Montserrat, Arial;
  font-size: 18px;
  margin: 0;
  padding: 0;
  width: 100%;
}

a {color: #1466ad; font-weight: normal; text-decoration: none}
a:hover {color: #B30000; text-decoration: none}

blockquote {border-color: #C69C6D; font-style: italic; margin-left: 40px}

h1 {color: #003366; font-size: 36px; font-weight: normal; margin: 0 0 10px 0}
h2 {color: #003366; font-size: 26px; font-weight: normal; margin: 30px 0 10px 0}
h2.block-title {font-size: 28px; margin-top: 0}
h2.center-rule {display: flex; align-items: center; color: #888; font-size: 36px; justify-content: center; margin: 50px 0; text-align: center; width: 100%}
h2.center-rule:before, h2.center-rule:after {border-top: 1px solid; content: ''; flex: 1 0 20px; margin: 0 20px 0 0}
h2.center-rule:after {margin: 0 0 0 20px}
h3 {color: #003366; font-size: 20px; font-weight: normal; margin: 30px 0 10px 0}

article.node li {margin: 10px 0}

ul {list-style-type: square}

.std-button {display: block; background: #F4F4F4; border-radius: 30px; color: #003366; padding: 5px 20px; text-align: center; transition: 0.3s}
.std-button.blue {background: #003366; color: #FFF}
.std-button.brown {background: #C69C6D; color: #FFF}
.std-button.white {background: #FFFFFF; color: #444}
.std-button.brown:hover {background: #003366}
.std-button.left {float: left}
.std-button.margin {margin-top: 15px}
.std-button:active, .std-button:hover {background: #C69C6D; color: #FFF}

.std-table {border: 0; border-collapse: separate; border-spacing: 3px; width: 100%}
.std-table td, .std-table th {border: 0; padding: 5px 10px}
.std-table th {background: #003366; color: #FFF; font-size: 20px; font-weight: normal}
.std-table .highlight {background: #F4F4F4; font-weight: bold; text-align: right}


/* **** LAYOUT STYLES **** */
/* ----------------------- */

* {box-sizing: border-box}

.col-0 {display: none}
.col-1 {width: 8.33%}
.col-2 {width: 16.66%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.66%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.66%}
.col-9 {width: 75%}
.col-10 {width: 83.33%}
.col-11 {width: 91.66%}
.col-12 {width: 100%}

[class*="col-"] {float: left}

.centered {position: relative; margin: 0 auto; text-align: left; width: 100%}
#content {float: left; padding: 40px 20px; min-height: 500px}
#content-container-back {float: left; background: #FFF}
#right {padding: 40px 20px}


/* BLOG */
#block-views-blog-block {float: left; margin-top: 50px; width: 47%}
.view-blog .std-button {margin-right: 10px}
.view-blog .std-feed-subtitle {font-size: 16px}
.view-blog .view-header {float: left; border-bottom: 1px dashed #E4E4E4; margin-bottom: 10px; padding-bottom: 15px; width: 100%}
.view-blog .views-row {float: left; border-bottom: 1px dashed #E4E4E4; margin-bottom: 15px; padding-bottom: 15px; width: 100%}
.node-type-blog-post .blog-date {border-color: #E4E4E4; border-style: solid; border-width: 2px 0; font-size: 20px; padding: 5px 10px; margin: 10px 0}
.node-type-blog-post .blog-summary {font-size: 20px; font-weight: bold; margin: 10px 0 20px}
.not-logged-in .view-blog .admin {display: none}
.not-logged-in .view-blog .view-header {display: none}


/* CONTENT */
#content {position: relative; background: #FFF; float: left; top: 0; right: 0}
#content #block-block-9 {float: left; width: 49%}
#content #block-block-12 {float: left; width: 49%; clear: left}

.highlight-block {background: #F4F4F4; padding: 20px}
.in-text-video {height: 400px; width: 100%}


/* DISCOVER */
#block-block-32 {position: relative; background-image: url(/sites/default/files/images/360-tours-block.jpg); background-position: center; height: 400px}
#block-block-32 .overlay {position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, transparent, black); padding: 120px 0 20px 0; text-align: center; width: 100%}
#block-block-32 .overlay p {color: #FFF; font-size: 36px}
#block-block-32 .overlay .std-button {font-size: 26px; margin: auto; max-width: 500px; width: 90%}


/* EVENTS */
#block-std-events-today {float: left; background: #003366; color: #FFF; margin-bottom: 20px; padding: 20px}
#block-std-events-today h2 {color: #FFF; font-size: 26px}
#block-std-events-today .events-table span {font-size: 14px}
#block-std-events-today .events-table td {padding: 5px 0; vertical-align: top}
#block-std-events-today .events-table .time {padding-right: 20px}
#block-std-events-today .more-events {float: left; margin: 10px 0; width: 100%}
#block-std-events-today .prayer-requests {float: left; border-top: 1px solid #F4F4F4; margin-top: 10px; padding-top: 10px; width: 100%}

#block-views-events-highlights {border-top: 2px solid #E4E4E4; margin-top: 30px; padding-top: 20px}
#block-views-events-highlights .view-footer {clear: both}
#block-views-events-homepage {background: #E4E4E4; padding: 20px}
#block-views-events-homepage .view-events h2 {font-size: 26px}
#block-views-events-homepage .view-footer {float: left; margin-top: 10px; width: 100%}

.node-type-event .field-name-field-image {border-color: #DDD; border-style: solid; border-width: 2px 0; margin: 20px 0; padding: 20px 0}
.node-type-event .field-name-field-image img {margin: auto}
.node-type-event .field-type-datetime {color: #888; font-size: 26px}

.view-events .more-link {float: left; background: #003366; color: #FFF; padding: 5px 20px}
.view-events .views-row {float: left; border-top: 10px solid #C69C6D}
.view-events .views-row .std-event-date {color: #C69C6D; margin-top: 5px}
.view-events .views-row .std-event-details {background: #111; color: #FFF; padding: 10px}
.view-events .views-row .std-event-details a:not(.std-button) {display: block; background: #F4F4F4; border-radius: 30px; color: #003366; margin-top: 10px; padding: 5px 20px; text-align: center; transition: 0.3s}
.view-events .views-row .std-event-details a:not(.std-button):active, .view-events .views-row .std-event-details a:not(.std-button):hover {background: #C69C6D; color: #FFF}
.view-events .views-row .std-event-descr {margin: 10px 0}
.view-events .views-row .std-event-title {font-size: 24px}

.view-display-id-events_page .views-row {border-color: #E4E4E4; border-width: 1px; margin-bottom: 0 !important; margin-top: 20px; padding-top: 20px; width: 100% !important}
.view-display-id-events_page .views-row .std-event-details {float: left; background: none; color: #666; overflow: hidden; width: 70%}
.view-display-id-events_page .views-row .std-event-details a {float: left; margin: 0 10px 0 0 !important}
.view-display-id-events_page .views-row .std-event-image {float: left; padding-right: 20px; width: 30%}
.view-display-id-events_page .views-row .std-event-title {color: #003366}


/* EXHBITIONS */
#block-views-exhibitions-block-2 {border-top: 2px solid #E4E4E4; margin-top: 30px; padding-top: 30px}
#block-views-exhibitions-block-2 h3 {background: #F4F4F4; padding: 5px 10px}
#block-views-exhibitions-block-2 .views-row {margin-left: 10px}

.view-exhibitions .views-row .views-field-title {font-size: 22px}
.view-display-id-full .views-row {border-top: 1px solid #C0C0C0; margin-top: 20px; padding-top: 20px}


/* FEEDS */
.std-feed-body-readmore {position: relative; max-height: 1000px; transition: max-height 1.4s ease-out}
.std-feed-body-readmore .std-feed-body-readmore-overlay {display: none}
.std-feed-body-readmore .std-feed-body-readmore-overlay .std-feed-button {margin: 0 auto; width: 200px}

.std-feed-button {display: block; background: #E4E4E4; border: 2px solid #C4C4C4; border-radius: 30px; color: #003366; font-size: 20px; padding: 10px; text-align: center}
.std-feed-button:hover {background: #003366; color: #FFF}
.std-feed-details {overflow: hidden}
.std-feed-footer {font-size: 14px; border-top: 1px solid #C0C0C0; margin-top: 5px; padding-top: 5px}
.std-feed-footer-item {float: left; border-right: 1px solid #C0C0C0; margin-right: 10px; padding-right: 10px}
.std-feed-footer-item:last-child {border: 0; margin: 0; padding: 0}
.std-feed-image {float: left; background: #003366; margin: 8px 20px 0 0}
.std-feed-image a {float: left}
.std-feed-image .std-feed-number {float: left; color: #FFF; font-size: 40px; padding: 10px}
.std-feed-row {float: left; margin-bottom: 20px; width: 100%}
.std-feed-subtitle {color: #AAA; font-size: 22px}
.std-feed-title a {color: #003366; font-size: 22px}

.std-feed-body-readmore.collapsed {background-image: none; max-height: 130px; overflow: hidden; transition: max-height 1s cubic-bezier(0, 1, 0, 1)}
.std-feed-body-readmore.collapsed .std-feed-body-readmore-overlay {display: block; position: absolute; bottom: 0; left: 0; padding-top: 100px; text-align: center; width: 100%; background-image: linear-gradient(to bottom, transparent, white)}


/* FOOTER */
.region-footer {float: left; padding: 20px; width: 100%}
#footer {background: #F3F1EF; color: #A2A2A2}
#block-block-2 a {color: #666}
#block-block-2 a:hover {color: #42638B}
#footer .block-menu-block, #footer .block-menu {float: left; margin-right: 20px; width: 140px}
#footer .block-menu-block .nav a, #footer .block-menu .nav a {display: block; border-bottom: 1px solid #908A84; color: #908A84; font-size: 12px; padding: 8px 5px}
#footer .block-menu-block .nav a:hover, #footer .block-menu .nav a:hover {background: #908A84; color: #FFF}


/* HEADER */
#header-container {position: relative}

#header #logo {display: block; margin: 5px 10px}

.not-front .region-header {position: relative; float: left; width: 100%}

.not-front #block-superfish-1 #superfish-1 > li > a {color: #003366; font-size: 20px; padding: 10px}
.not-front #block-superfish-1 #superfish-1 li ul {top: 40px}

#block-superfish-1 #superfish-1 li ul {background: #FFF; margin: 0; max-width: 300px}
#block-superfish-1 #superfish-1 li ul li a {display: block; color: #003366; text-align: left; text-transform: none; padding: 10px 15px}
#block-superfish-1 #superfish-1 li ul li a:hover {background: #E9DFD3}


/* HOMEPAGE */
#block-block-7 {float: left; text-align: center; width: 100%}

#block-block-7 p a {display: block; background: #E2D5C7; border-radius: 25px; color: #AD8E6B; margin-top: 20px; padding: 8px 0; transition: 0.3s}
#block-block-7 p a:hover {background: #AD8E6B; color: #FFF}

#block-block-16, #block-block-17 {float: left; width: 100%}

#block-block-22 {display: none; float: right; background: #E4E4E4; padding: 20px 50px; text-align: center; width: 30%}
#block-block-22 h2 {font-size: 30px; margin: 0 0 15px}

#block-block-23, #block-block-27 {float: left; background: #E3F6E2; border: 2px solid #9CC898; border-radius: 5px; color: #407B3C; font-size: 20px; margin: 20px 0 50px; padding: 10px 20px; width: 100%}
/*#block-block-27 {background-image: url('/sites/default/files/reopening.jpg'); background-position: right; background-repeat: no-repeat; background-size: 30%}*/
#block-block-23 h2, #block-block-27 h2 {color: #208127; margin-top: 0}
#block-block-27 iframe {height: 300px; width: 100%}

#block-block-24 {float: left; background: #003366; color: #FFF; margin-top: 25px; padding: 20px; text-align: center; width: 100%}
#block-block-24 h2 {color: #FFF; margin-top: 0; text-align: center}
#block-block-24 .things-to-do-content {font-size: 22px}

#block-views-parish-news-block {float: left; border-top: 1px solid #E4E4E4; margin-top: 20px; padding-top: 30px}
#block-views-parish-news-block .view-footer {margin-top: 10px}

#content #block-views-news-block {float: left}

#block-block-29 {float: right; background: #F4F4F4}
#block-block-29 h2 {font-size: 30px; margin: 20px 0}
#block-block-29 img {width: 100%}
#block-block-29 .std-button {margin: 20px auto 35px; width: 80%}

#block-block-30 {float: left; background: #F4F4F4; padding: 20px; width: 100%}


/* HIGHLIGHT */
#highlight-container {background: #E3F6E2; color: #208127}
#highlight-container a {color; #208127}
#highlight-container p {margin: auto; text-align: center}

#block-block-28 {padding: 10px 20px}

#block-block-31 {float: left; background: #387B34; color: #FFF; text-align: center; width: 100%}
#block-block-31 h2 {color: #FFF; font-size: 30px; margin-top: 0}
#block-block-31 .std-button {color: #387B34; margin-top: 20px}
#block-block-31 .std-button:hover {color: #FFF}


/* IMAGES */
figure[class^="image-"]:not(.no-border), img[class^="image-"]:not(.no-border) {background: #F2F2F2; border: 2px solid #cedeec; margin-bottom: 10px; margin-top: 5px; padding: 10px; text-align: center}
figure[class^="image-"] img {cursor: pointer; height: auto; width: 100%}
.image-captioned {padding-bottom: 0}
.image-full-width {margin: 30px 0 !important}
.image-left {float: left; max-width: 420px}
.image-right {float: right; max-width: 420px}

figcaption {color: #3F6782; font-size: 14px; padding: 5px 10px; text-align: left; width: 100%}

figure + figure + figure, figure + figure + h2, figure + figure + p {clear: both}


/* NEWS */
.node-type-news-item .field-name-field-images {float: right; margin: 10px 0 20px 20px}

.view-news .views-row {clear: both}
.view-news .views-row .views-field-title a {font-size: 20px}
.view-news .views-row .views-field-created {color: #999}
.view-news .views-row .views-field-edit-node {font-size: 14px; float: right}


/* PARISH NEWS */
.parish-news-archive {margin-top: 30px}
.parish-news-archive .views-row {float: left; border-bottom: 1px solid #E4E4E4; margin-bottom: 20px; padding-bottom: 20px; width: 100%}
.parish-news-archive .views-row .views-field-edit-node {float: right; clear: both; font-size: 16px}
.parish-news-archive .views-row .views-field-field-date {font-size: 24px}


/* PREHEADER */
#preheader {position: relative; background: #003366}
#block-superfish-2 {float: left}
#block-superfish-2 #superfish-2 > li a {display: table-cell; color: #FFF; font-size: 16px; padding: 0 15px; transition: 0.3s; vertical-align: middle; height: 40px}
#block-superfish-2 #superfish-2 li a:hover {background: #1D4E7E}
#block-superfish-2 #superfish-2 li ul {background: #F8F2EB; top: 40px; margin: 0}
#block-superfish-2 #superfish-2 li ul li a {display: block; color: #003366; text-align: left; text-transform: none; padding: 10px 15px}
#block-superfish-2 #superfish-2 li ul li a:hover {background: #E9DFD3}

/* Social media icons */
#block-block-8 {float: right}
#block-block-8 img {width: 40px}

/* Language links */
#block-locale-language-content {float: left}
#block-locale-language-content li {float: right; list-style-type: none}
#block-locale-language-content ul {margin: 0; padding: 0}
#block-locale-language-content .language-link {display: table-cell; color: #FFF; font-size: 16px; padding: 0 15px; transition: 0.3s; vertical-align: middle; height: 40px}
#block-locale-language-content .language-link:hover {background: #1D4E7E}
#block-locale-language-content .language-link.active {border-bottom: 3px solid #C69C6D}


/* RIGHT */
#right #block-menu-menu-page-side-menu {float: left; background: #FFF; border: 2px solid #C0C0C0; padding: 10px; vertical-align: top}

.block-htec-section-menu .active {background: #C69C6D; color: #FFF}
.block-htec-section-menu .active:hover {background: #C69C6D}


/* SERMONS */
.view-sermons .views-row {float: left; padding-top: 20px; border-top: 1px solid #C0C0C0; margin-top: 20px; width: 100%}
.view-sermons .views-row .views-field-title {color: #003366; font-size: 24px}


/* SUPPORT */
#block-block-20 {background: #F4F4F4; padding: 20px}


/* TEAM */
#block-std-team-reorder {border-top: 1px solid #C0C0C0; padding-top: 30px}
#block-std-team-reorder .team-reorder-button {display: block; float: left; background: #F4F4F4; border-radius: 30px; margin-right: 10px; padding: 10px 20px; transition: 0.3s}
#block-std-team-reorder .team-reorder-button:hover {background: #003366; color: #FFF}

.view-team {border-top: 1px solid #DDD; margin-top: 30px; padding-top: 20px}
.view-team .views-row {float: left; clear: both; margin: 15px 0; width: 100%}
.view-team .views-row .views-field-field-images {float: left; margin: 0 20px 20px 0}


/* TOURS */
#block-views-tours-block-1 {border-top: 1px solid #E4E4E4; margin-top: 30px; padding-top: 30px}
#block-views-tours-block-1 .std-feed-row {border-bottom: 1px dashed #E4E4E4; margin-bottom: 20px; padding-bottom: 20px}


/* TWITTER */
#block-block-15, #block-block-25 {float: right; width: 47%}
#block-block-15 .twitter-feed {height: 800px; overflow-y: scroll}
#block-block-25 {margin-top: 50px}
#block-block-25 .twitter-feed {height: 600px; overflow-y: scroll}


/* VISIT US */
#block-block-18 .std-button {margin-top: 10px} /* Tripadvisor button */

.std-highlight-table {float: left; background: #F4F4F4; margin-top: 30px; width: 100%}
.std-highlight-table h2 {margin-top: 0}
.std-highlight-table td {padding: 20px 40px; text-align: center; vertical-align: top; width: 50%}


/* WHAT'S ON */
#block-block-21 {position: relative; border-top: 1px solid #E4E4E4; margin-top: 30px; padding-top: 20px}
#block-block-21 .dates {position: absolute; top: 300px; right: 20px; color: #FFF; font-size: 26px; text-align: right}
#block-block-21 .std-button {font-size: 22px}

/* WORSHIP */
#block-views-service-schedules-block {background: #e2d5c7; color: #444; padding: 20px}
.page-node-13 #block-system-main {float: left; background: #F4F4F4; padding: 20px}
.page-node-13 #block-system-main h2 {margin-top: 0}
.page-worship-services-schedules .view-service-schedules .views-row {float: left; margin: 10px 0; width: 100%}
.page-worship-services-schedules .view-service-schedules .views-row img {margin-right: 10px; height: auto; width: 100px}
#webform-client-form-93 {background: #F4F4F4; margin-top: 30px; padding: 20px}


/* @MEDIA SCREEN SIZE STYLES */
/* ========================= */

/* MOBILE-ONLY STYLES */
/* ------------------ */
@media only screen and (max-width: 599px) {
	#content {padding: 20px}
	#right {padding-top: 0}
	
	/* GENERAL */
	a.mobile-button, div.mobile-button a {display: block; background: #44AC33; color: #FFF; margin-top: 5px; padding: 10px}
	
	/* HEADER */
	.region-pre-header {text-align: center}
	#block-block-1 {margin: 5px auto}
	#block-block-1 img {margin: 5px; width: 35px}
	#block-menu-menu-pre-header .nav {display: inline-block}
	#block-menu-menu-pre-header .nav li a {font-size: 16px; padding: 5px 15px}
	#block-superfish-2 {display: inline-block}
	#block-superfish-2 li a {font-size: 16px; padding: 5px 15px}
	
	/* HOMEPAGE */
	#block-block-24 h2 {display: none}
	#block-block-24 img {margin-bottom: 10px}
	
	/* PREHEADER */
	#block-block-8 {float: right}
	#block-menu-block-1 {float: left; border-top: 1px solid #072542; margin-top: 10px; width: 100%}
	#block-menu-block-1 .nav a {display: block; float: left; color: #FFF; font-size: 16px; text-align: center; width: 33.3%}
		
	/* SOCIAL MEDIA */
	#block-multiblock-1 {float: right; clear: both; margin: 10px 0}
	
}

/* MOBILE AND TABLET STYLES */
/* ------------------------ */
@media only screen and (max-width: 1199px) {
	[class*="col-"] {width: 100%}
	.region-banner, .region-header {float: left; width: 100%}
	
	/* DISCOVER */
	#block-views-tours-block .views-row {margin-bottom: 40px}
	
	/* EVENTS */
	#block-views-events-homepage {float: left}
	.view-events .views-row {float: left; margin: 10px 0}
	
	/* FOOTER */
	#block-block-2 {float: left; margin-top: 20px}
	
	/* GRAPHICAL LINKS */
	.view-graphical-links {float: left}
	.view-graphical-links .views-row {float: left; margin: 10px 0; width: 100%}
	.view-graphical-links .views-row .views-field-field-link-title {background: #003366; color: #FFF; font-size: 32px; margin: -30px 0 7px; padding: 10px}
	
	/* HEADER */
	#header #logo {margin: 10px}
	
	/* HOMEPAGE */
	.view-banners .attachment .views-row {position: relative; width: 100%}
	#block-block-27 iframe {height: auto}
	#block-block-30 .std-button {margin-top: 15px}
	#block-block-31 {margin-top: 20px; padding: 20px}
	#block-block-31 h2 {margin-top: 20px}
	
	/* IMAGES */
	figure[class^="image-"], img[class^="image-"] {margin: auto}
	img[class^="image-"]::after, img[class^="image-"]::before {clear: both}
	figure + figure + figure, figure + figure + h2, figure + figure + p {clear: both}
		
	/* MENUS */
	#block-superfish-1 {float: left; background: #003366; padding: 10px; text-align: left; width: 100%}
	#block-superfish-1 a {color: #FFF}
	#block-superfish-1 #superfish-1-accordion li {font-size: 20px; margin: 10px 0 10px 30px}
	#block-superfish-1 .sf-accordion-toggle {font-size: 22px}
	#block-superfish-1 .sf-clone-parent {margin-top: 20px !important}
	#block-superfish-1 .sf-has-clone-parent li a {color: #E4E4E4; font-size: 0.9em}
	
	/* NEWS */
	.std-feed-image img {height: auto; width: 80px}
	
	/* PREHEADER */
	#block-block-8 img {padding: 6px 5px 0}
	#block-menu-block-1 .nav a:active, #block-menu-block-1 .nav a:focus, #block-menu-block-1 .nav a:hover {background: #002448; color: #FFCC33}
}


/* TABLET-ONLY STYLES */
/* ------------------ */
@media only screen and (min-width: 600px) and (max-width: 1199px) {
	/* HEADER */
	#header {text-align: center}
	#header #logo {margin: 10px auto; max-width: 500px}
	#preheader #block-block-8, #preheader #block-locale-language-content {padding: 5px 10px}
	#preheader #block-menu-block-1 {margin: 0}

	/* MENUS */
	#block-superfish-1 .sf-accordion-toggle {font-size: 28px}
	
	/* PREHEADER */
	#block-block-8 {float: left}
	#block-locale-language-content {border-color: #C0C0C0; border-style: solid; border-width: 0 1px}
	#block-menu-block-1 {float: left; margin: 5px; width: 400px}
	#block-menu-block-1 .nav a {display: block; float: left; color: #FFF; font-size: 16px; padding: 15px}
	

}


/* TABLET AND DESKTOP STYLES */
/* ------------------------- */
@media only screen and (min-width: 600px) {

	/* IMAGES */
	figure.image-left, img.image-left {float: left; margin-right: 20px}
	figure.image-right, img.image-right {float: right; margin-left: 20px}

}


/* DESKTOP-ONLY STYLES */
/* ------------------- */
@media only screen and (min-width: 1200px) {
	.centered {max-width: 1200px}
	
	/* BANNER */
	#block-views-rotating-banners-block .attachment {position: absolute; bottom: 20px; left: 20px; z-index: 30}
	#block-views-rotating-banners-block .view-footer {position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); width: 100%; height: 300px; z-index: 10}
	#block-views-rotating-banners-block .overlay-back {background: rgba(0,0,0,0.2)}
	#block-views-rotating-banners-block .overlay-content {position: absolute; right: 0; bottom: 20px; text-align: center; width: 100%}

	/* DISCOVER */
	#block-views-tours-block .view-content {margin-left: -2%}
	#block-views-tours-block .views-row {padding-left: 2%; width: 50%}
	
	/* EVENTS */
	#block-std-events-today {width: 33.3%}
	#block-views-events-homepage {float: right; width: 65%}
	
	.view-events .views-row {float: left; border-top: 10px solid #C69C6D; width: 48%}
	
	.front .view-events .views-row {width: 48%}
	.front .view-events .views-row:first-child {margin-right: 4%}
	.not-front .view-events {float: left; width: 100%}
	.not-front .view-events .view-content {margin-left: -2%}
	.not-front .view-events .views-row {margin-bottom: 30px; margin-left: 2%; width: 31.3%}
	.not-front .view-events .views-row:nth-child(3n+1) {clear: both}

	/* FOOTER */
	#block-block-2 {float: right; text-align: right}

	/* GRAPHICAL LINKS */
	#block-views-graphical-links-block {float: left; width: 100%}
	.view-graphical-links .views-field-field-link-description {position: absolute; left: 0; bottom: 5px; color: #FFF; opacity: 0; padding: 0 10px; pointer-events: none; transition: 0.5s; z-index: 3}
	.view-graphical-links .views-field-field-link-image {position: relative; transition: 0.5s; z-index: 1}
	.view-graphical-links .views-field-field-link-image .image-overlay {position: absolute; left: 0; top: 0; height: 100%; width: 100%}
	.view-graphical-links .views-field-field-link-title {position: absolute; left: 0; top: 0; background: #003366; color: #FFF; font-size: 26px; opacity: 0.7; padding: 5px 10px; pointer-events: none; transition: 0.5s; z-index: 2}

	.view-graphical-links .views-row {position: relative; float: left; transition: 0.5s; width: 31.3%; margin-left: 2%}	
	#content.col-9 .view-graphical-links .views-row {width: 48%}
	.not-front .view-graphical-links .views-row {margin-bottom: 25px}
	.view-graphical-links .views-row:hover .views-field-field-link-title {font-size: 34px; opacity: 1}
	.view-graphical-links .views-row:hover .views-field-field-link-description {opacity: 1}
	.view-graphical-links .views-row:hover .views-field-field-link-image .image-overlay {display: block; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8))}
	.view-graphical-links .view-content {margin-left: -2%}

	/* HEADER */
	#block-block-7 h2 {font-size: 36px}
	#block-block-7 p {font-size: 22px; margin: 10px auto; width: 80%}
	
	#header #logo {display: block; float: left; width: 400px}
	
	.front #header {position: absolute; top: 0; left: 0; background: rgba(60,60,60,0.7); height: 60px; width: 100%; z-index: 100}
	
	.front #block-superfish-1 {text-align: center}
	.front #block-superfish-1 #superfish-1 {display: inline-block; margin: 0 auto}
	.front #block-superfish-1 #superfish-1 > li > a {color: #FFF; margin: 0 5px; padding: 20px 30px 15px; text-transform: uppercase; transition: 0.3s}
	.front #block-superfish-1 #superfish-1 > li > a:hover {border-bottom: 5px solid #FFF; color: #FFCC33; padding-bottom: 10px}
	.front #block-superfish-1 #superfish-1 li ul {left: 5px; top: 48px}
	
	.not-front #block-superfish-1 {position: absolute; bottom: 0; right: 0}
	
	/* HOMEPAGE */
	#block-block-24 img {float: left; width: 30%}
	#block-block-24 .std-button {font-size: 26px; margin: auto; width: 350px}
	#block-block-24 .things-to-do-content {float: right; padding-left: 30px; width: 70%}
	#block-block-29 {margin-left: 2%; width: 64.6%}
	#block-block-30 {float: right; width: 65%}
	#block-block-30 .std-button {float: right; margin-top: 30px; padding: 10px 0; width: 48%}
	#block-block-30 .std-button:first-child {float: left}
	#block-block-31 .std-button {color: #387B34; margin-top: 20px}
	#block-block-31 .std-button:hover {color: #FFF}
	#block-block-31 .image-content {float: right; width: 25%}
	#block-block-31 .image-content img {float: right}
	#block-block-31 .text-content {float: left; color: #FFF; padding: 40px 100px; text-align: center; width: 75%}
	.highlight-block-left {float: left; width: 45%}
	.highlight-block-right {float: right; width: 50%}

	/* IMAGES */
	.image-left {margin-right: 20px}
	.image-right {margin-left: 20px}
	
	/* MAINTENANCE GUIDE */
	#block-menu-menu-maintenance-guide {background: #F4F4F4; padding: 20px}

	/* MENUS 
	#block-superfish-1 {position: absolute; bottom: 0; right: 20px}
	#block-superfish-1 #superfish-1 li a {color: #B48A0B; padding: 10px 10px; text-transform: uppercase}
	#block-superfish-1 #superfish-1 li a:hover {background: #FAF7EE}
	#block-superfish-1 #superfish-1 li.active-trail a, #block-superfish-1 #superfish-1 li a.active {background: #CC9900; color: #FFF}
	#block-superfish-1 #superfish-1 li > ul {background: #CC9900; border-radius: 0; margin-top: -2px; padding: 0 !important}
	#block-superfish-1 #superfish-1 li > ul li a {color: #FFF; text-transform: none}
	#block-superfish-1 #superfish-1 li > ul li a:active, #block-superfish-1 #superfish-1 li > ul li a:hover {background: #F7F3E7; color: #B48A0B}*/
	
	/* NEWS */
	#block-views-parish-news-block, #block-views-news-block {width: 47%}
	
	/* PREHEADER */
	#block-block-8 {border-left: 1px solid #1D4E7E; padding-left: 10px}
	#block-block-8 img {padding: 5px} 
		
	#block-locale-language-content {float: right}
	
	/* DISCOVER */
	#block-views-tours-block .view-content {margin-left: -2%}
	#block-views-tours-block .views-row {padding-left: 2%; width: 50%}
	
	/* WORSHIP */
	.std-table.services .highlight {width: 30%}
	#block-views-service-schedules-block {float: right; margin-left: 2%; width: 32%}
	#block-views-service-schedules-block img {margin-right: 10px; height: auto; width: 30px}
	.page-node-13 #block-std-events-today {width: 32%}
	.page-node-13 #block-system-main {background: #F4F4F4; margin-right: 2%; width: 32%}
}