/*
Theme Name: St. Gabriel and Sacred Heart
*/

html, body {
height: 100%;
}

.entry-content-page {
border-spacing: 0!important;
}

body {
padding:0;
margin:0;
background-color:#f0f0f0;
color:#333333;
font-family: "Lato", sans-serif;
text-rendering: optimizeLegibility;
line-height: 1.4;
}

.clear {
display:block;
clear:both;
width:100%;
height:1px;
}

.alignleft {
float:left;
padding-right:1em;
}

.alignright {
float:right;
padding-left:1em;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Lato", sans-serif;
text-rendering: optimizeLegibility;
line-height: 1.4;
color:#744e32;
font-weight:300;
}

article h3 {
display:block;
*clear:both;
}

h1 {
font-size:1.5em;
}

a {
text-decoration:none;
}

img {
	max-width:100%;
}

.body-wrapper a {
color:#4691ce;
}

header hr {
border: 0;
height: 0;
border-bottom: 1px solid #CCC;
}

hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

header, section, nav, footer, .banner {
display:block;
clear:both;
position:relative;
}

.stripe {
height:3px;
background: #4691ce; /* Old browsers */
background: -moz-linear-gradient(left, #4691ce 0%, #86adcc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #4691ce 0%,#86adcc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4691ce 0%,#86adcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4691ce', endColorstr='#86adcc',GradientType=1 ); /* IE6-9 */
}

.desktop-logo {
padding-top:10px;
}

.mobile-logo {
display:none;
}

.alert, .importantMessage {
color:#FFF;
font-size:18px!Important;
padding:1% 3%;
}

.alert {
background-color:#9f1219;
text-align:center;
}

.importantMessage {
background-color:#cf7508;
}

.alert p, .importantMessage p {
padding:0;
margin:0;
display:inline-block;
}

.alert a, .importantMessage a {
color:#FFF;
text-decoration:none;
}

.importantMessage p {
padding:0;
margin:0;
display:inline-block;
text-align:left;
width:80%;
	
}

.importantMessage a {
float:right;
border:1px solid #FFF;
display:inline-block;
vertical-align:center;
padding:1%;
}

nav {
height:30px;
background-color:#4691ce;
/*border-bottom:4px solid #FFF;*/
padding:10px 0;
z-index:10000;
overflow:visible;
padding:10px 0;
}

footer {
background: #4691ce;
box-shadow: 0px 500px 0px 500px #4691ce;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p {
color:#FFF;
margin-top:0;
}

footer p {
font-size:.9em;
}

footer a {
color:#FFF!Important;
}

footer article {
float:left;
margin:1%;
padding:1%;
width:20%;
}

.body-wrapper {
clear:both;
position:relative;
z-index:9999;
}

section.home-body {
display:table;
table-layout:fixed;
width:100%;
height:100%;
border-spacing:2em;
padding:0;
z-index:9999;
}

section.home-body p, section.home-body h2, section.home-body h3, section.home-body span {
-webkit-font-smoothing: antialiased;
}

.row {
display: table-row;
width:100%;
}

.featured-image {
width:35%;
margin:23px 15px 15px 0;
float:left;
}

.home-body article {
position:relative;
padding:2%;
width:27%;
background-color:#FFF;
display:table-cell;
height:100%!Important;
/*border-top:solid 8px #4691ce;*/
}

.home-body article h2 {
margin:0;
text-align:center;
}

.home-body article h3 {
padding:0;
margin-bottom:0;
clear:both;
}

div.mass-article p {
padding-top:0;
margin-top:0;
}

div.mass-article h3 {
padding-bottom:0;
margin-bottom:0;
}

.home-body article iframe {
/*position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;*/
padding:15px 0;
}

.iframe-container {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
display:block;
clear:both;
margin-top:5%;
}

.iframe-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

header img {
/*width:150px;
height:auto;*/
margin:0 3%;
}




/* HOME PAGE BANNER */

.banner {
position: static;
background-attachment: scroll;
background-size: cover;
-webkit-background-size: cover;
color: white;
background-repeat: no-repeat;
height: 500px;
margin-bottom: -70px;
overflow:hidden;
z-index:1;
}

.banner form {
position:absolute;
top:0;
right:3%;
z-index:20;
background-color:#4691ce;
padding: 0 3px 3px 3px;
display:none;
width:25%;
}

.banner form input {
padding:2%;
width:100%;
}


.banner p {
text-align:center;
position:absolute;
width:100%;
color:#FFF;
text-transform:uppercase;
top:28%;
font-size:25px;
padding:20px 0;
background-color:rgba(70,145,206,.5);
}



/* INTERNAL PAGES BANNER */

.internal-banner {
position: static;
background-attachment: scroll;
background-size: cover;
-webkit-background-size: cover;
color: white;
background-repeat: no-repeat;
height: 400px;
margin-bottom: -70px;
overflow:hidden;
clear:both;
}

.banner_image_description {
position: absolute;
right:3%;
bottom:50px;
font-size:11px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
font-style: italic;
}

.internal-banner form {
position:absolute;
top:0;
right:3%;
z-index:1000;
background-color:#4691ce;
padding: 0 3px 3px 3px;
display:none;
width:25%;
}

.internal-banner form input {
padding:2%;
width:95%;
}

.mass-times {
position:absolute;
padding:1% 2% 1% 2%;
right:3%;
top:10%;
background-color:#FFF;
color:#333333;
*border-left:#4691ce solid 6px;
}



.mass-times-border {
display:block;
*padding-left:10px;
*margin-top:5px;
*border-left:#FFF solid 4px;
}

header .mass-times h3, header .mass-times a {
margin:0;
}

.social {
*padding-top:10%;
}

.social img {
width:32px;
height:32px;
transition: .5s ease;
}

.social img:hover {
opacity:.5;
}

.social ul {
margin:0;
padding:0;
}

.social ul li {
list-style:none;
margin:0;
padding:0;
display:inline-block;
height:32px;
background-color:white;
border:1px solid white;
}

nav .fa {
position:absolute;
top:13px;
right:3%;
font-size: 1.5em!Important;
color:#FFF;
cursor:pointer;
width: 35px;
height: 35px;
}

/*nav ul {
padding:0;
margin:0;
float:left;
}

nav ul li {
list-style:none;
margin:0;
padding:0;
display:inline;
font-size:20px;
}*/

.nav-container {
width:90%;
float:left;
}

nav ul li a {
color:#FFF;
padding:3px 6px 3px;
}

.home-body article .icon {
font-size: 2em!Important;
width:100%;
padding-bottom:20px;
color:#744e32;
}

.calendar:before {
content: "\f073"
}

.clock:before {
content: "\f017";
}

.featured:before {
content: "\f0a1";
}

.search-icon:before {
content: "\f002";
}

.center {
text-align:center!Important;
}

ul#show-times {
color:#333333;
font-family: "Lato", sans-serif;
text-rendering: optimizeLegibility;
line-height: 1.4;
font-size: .9em;
padding:0;
}

ul#show-times li {
list-style:none;
}

.event .events-content {
border-left:solid #CCC 3px;
padding-left:2%;
font-size:.9em;
}

.event .events-content ul li {
margin-left:2%;
font-size:.9em;
color:#333333;
}

.event .events-content ul {
margin-left:2%;
padding-left:2%;
}

.hero {
	width:auto;
	background:#FFF;
	padding:2%;
	margin:0 2%;
	font-size:24px;
	text-align:center;
}

.hero .show-times {
	width:100%;
	cursor:pointer;
	color:#4691ce;
	display:block;
	padding-bottom:20px;
}

.hero-content {
	padding-top:20px;
	text-align:left;
	font-size:18px;
}

.heroAction {
	padding:8px 12px;
	color:#FFF;
	margin-top:15px;
	background-color:#4691ce;
}

.hero i {
	color:#FFF;
	background-color:#4691ce;
	border-radius:50%;
	padding:10px;
}

section.two-column-body {
display:table;
width:100%;
height:100%;
border-spacing:2em;
padding:0;

}

.two-column-body .row {
display: table-row;
width:100%;
}

.two-column-body article {
position:relative;
padding:2%;
width:27%;
background-color:#FFF;
display:table-cell;
height:100%!Important;
/*border-top:solid 8px #4691ce;*/
}

.donate {
	position:absolute;
	right:2%;
	top:40%;
}

.donate .button {
	padding:15px 20px 15px 50px !important;
}

.donate i {
	font-size:2em;
	position: absolute;
    top: -30%;
    left: 6%;
}



/*SINGLE COLUMN*/

section.single-column-body {
display:table;
width:100%;
height:100%;
border-spacing:2em;
padding:0;

}

.single-column-body .row {
display: table-row;
width:100%;
}

.single-column-body article {
position:relative;
padding:2%;
width:96%;
background-color:#FFF;
display:table-cell;
height:100%!Important;
/*border-top:solid 8px #4691ce;*/
}



/*TWO COLUMN*/

section.two-column-body {
display:table;
width:100%;
height:100%;
border-spacing:2em;
padding:0;

}

.two-column-body .row {
display: table-row;
width:100%;
}

.two-column-body article {
position:relative;
padding:2%;
background-color:#FFF;
display:table-cell;
height:100%!Important;
/*border-top:solid 8px #4691ce;*/
}

.two-column-body .left {
width:20%;
}

.two-column-body .right {
width:70%!Important;
}


/*SIDE BAR*/

section.two-column-body {
display:table;
width:100%;
height:100%;
border-spacing:2em;
padding:0;

}

.two-column-body .row {
display: table-row;
width:100%;
}

.two-column-body article {
position:relative;
padding:2%;
background-color:#FFF;
display:table-cell;
height:100%!Important;
/*border-top:solid 8px #4691ce;*/
}

.two-column-body .sidebar {
width:25%;
}

.two-column-body .mainArticle {
width:65%!Important;
}

ul.bulletins {
margin:0;
padding:0 0 0 15px;
}

ul.bulletins li {
list-style:none;
}

ul.bulletins li a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #f0f0f0;
text-decoration: none;
*border-radius: .3em;
transition: all .3s ease-out;   
}

ul.bulletins li a:hover {
background: #f7f7f7;
}

ul.bulletins li fa {
padding-right:1em;
}

.fa-file-pdf:before {
content:"\f1c1";
position: absolute; 
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #4691ce;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
color:#FFF;
}

.current {
font-size:10px;
padding:2px 4px;
color:#FFF;
background-color:#4691ce;
margin-left:1em;
border-radius: .3em;
}

footer input {
width:94%;
padding:3%;
outline:none;
border:none;
margin-bottom:5%;
}

footer input[type=submit] {
width:auto;
padding:3%;
margin-bottom:5%;
background-color:transparent;
border:1px solid #FFF;
cursor:pointer;
color:#FFF;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}

footer input[type=submit]:hover {
background-color:#FFF;
color:#4691ce;
}

.body-wrapper input, .body-wrapper select, .body-wrapper textarea {
background: #fff;
border: 1px solid #ccc;
*border-radius: 4px;
color: #888;
margin-bottom: 20px;
padding: 15px 20px;
position: relative;
}

.body-wrapper input[type=button] {
width:auto;
padding: 15px 20px;
margin-bottom:5%;
background-color:#FFF;
border:1px solid #4691ce;
color:#4691ce;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}

.body-wrapper input[type=button]:hover {
background-color:#4691ce;
color:#FFF;
border:1px solid #4691ce;
}

.nf-form-fields-required {
font-size:12px;
color:#CCC;
}

/*LEFT COLUMN NAV UL*/

.left ul {
margin:0;
padding:0;
}

.left ul li {
list-style:none;
}

.left ul li a {
position: relative;
display: block;
padding: .4em;
*padding: .4em;
margin: .5em 0;
background: #f0f0f0;
text-decoration: none;
*border-radius: .3em;
transition: all .3s ease-out;
border-left:3px solid #4691ce;
}

.left ul li a:hover {
background: #f7f7f7;
}

.all-ministries ul {
padding:0;
margin:0;
}

.all-ministries ul li {
list-style:none;
border-left:solid #CCC 3px;
padding-left:1em;
}

.in-this-section {
display:none;
}

.header-desktop, #in-this-section {
display:block;
}

.show-times {
cursor:pointer;
}

#show-times {
display:none;
}

ul.gallery-images {
margin: 0 auto;
padding:0;
}

ul.gallery-images li {
list-style:none;
display: inline-block;
vertical-align: top;
padding-bottom:1%!Important;
margin-right:1%;
}

.gallery-title {
display:block;
clear:both;
text-align:center;
padding:1%;
max-width:150px;
}

ul.all-galleries li {
padding-bottom:3%;
}

table.staff-profiles {
width:100%;
}

table.staff-profiles tr td {
margin-bottom: 2%;
display: table-cell;
width:48%;
}

table {
width:100%;
border-spacing: 5px;
border-collapse: separate;
}

table td {
background: #f0f0f0;
padding:1%;
}

.registration-form nf-field {
display:inline-block;
width:46%;
padding:1%;
}

nf-fields-wrap nf-field:nth-child(6), nf-fields-wrap nf-field:nth-child(11), nf-fields-wrap nf-field:nth-child(16), nf-fields-wrap nf-field:nth-child(22), nf-fields-wrap nf-field:nth-child(28) {
display:block!Important;
width:100%;
clear:both;
}

/*LITURGICAL SEASONS*/

div.table {
display:table;
height:100%;
*margin:0 auto;
}

div .table-cell {
display:table-cell;
vertical-align:middle;
color:#333333;
height:100%;
}

.season {
padding-left:5px;
}

.lent, .advent {
*background-color:purple;
*width:20px;
*border:.1em solid #FFF;
margin-left:5px;
color: purple!Important;
font-size:19px;
}

.ot {
*background-color:#2c9127;
*width:20px;
*border:.1em solid #FFF;
margin-left:5px;
color: #2c9127!Important;
font-size:19px;
}

.christmas, .easter {
margin-left:5px;
color: #FFF!Important;
font-size:19px;
background-color: #CCC;
border-radius: 50%;
width: 25px;
height: 25px;
text-align: center;
*padding-left: 1px;
}

.feast {
*background-color:red;
*width:20px;
*border:.1em solid #FFF;
margin-left:5px;
color: red!Important;
font-size:19px;
}

.cs-slide div  {
background-color:rgba(70,145,206,.7);
border-top:5px solid rgba(255, 255, 255, 1);
width:30%!Important;
clear:both;
display:block;
color:#FFF;
padding:2%!Important;
margin:2%;
position:absolute!Important;
top:15%!Important;
right:5%!Important;
left:auto!Important;
}

.cs-slide div h1, .cs-slide div h2, .cs-slide div h2 {
color:#FFF!Important;
padding:0!Important;
margin:0!Important;
}

.cs-slide div p, .cs-slide div a  {
padding:0!Important;
margin:0!Important;
color:#FFF;
}

.cs-slide div a:hover {
color:#A3D6FF!Important;
}

.crellyslider > .cs-controls > .cs-previous, .crellyslider > .cs-controls > .cs-next {
background-color:transparent!Important;
box-shadow: none!Important;
border: none!Important;
border-radius: 0!Important;
opacity:.5;
width: 45px;
height: 45px;
}

.crellyslider > .cs-controls > .cs-previous {
left:0!important;
}

.crellyslider > .cs-controls > .cs-next{
right:0!Important;
}

.crellyslider>.cs-preloader>.cs-loader>.cs-spinner,.crellyslider>.cs-preloader>.cs-loader>.cs-spinner:after,.crellyslider>.cs-preloader>.cs-loader>.cs-spinner:before {
width:0px!Important;
height:0px!Important;
background-color:#FFF!Important;
border-radius:0px!Important;
}

.crellyslider>.cs-preloader>.cs-loader>.cs-spinner:after,.crellyslider>.cs-preloader>.cs-loader>.cs-spinner:before {
content:none!Important;
}

.crellyslider>.cs-preloader>.cs-loader {
background-image: url('/wp-content/themes/StGabrielSacredHeart/images/loading.gif')!Important;
}

.crellyslider > .cs-controls > .cs-previous {
background-image: url('/wp-content/themes/StGabrielSacredHeart/images/prev.png')!Important;
left: 0px!Important;
}

.crellyslider > .cs-controls > .cs-next {
background-image: url('/wp-content/themes/StGabrielSacredHeart/images/next.png')!Important;
right: 0px!Important;
}

a.button {
width:auto;
padding: 15px 20px;
margin-bottom:5%;
background-color:#FFF;
border:1px solid #4691ce;
color:#4691ce;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
margin-top:20px;
}

a.button:hover {
background-color:#4691ce;
color:#FFF;
border:1px solid #4691ce;
}

/* SHARE THIS */

.share-this {
display:block;
clear:both;
padding-top:2%;
}

.share-this ul {
padding:0;
margin:0;
}

.share-this ul li {
display:inline-block!Important;
margin-right:5px;
}

.share-this span {
padding-left:3px;
}

.share-this .fa-twitter:before {

}

.iconButton {
padding: 0.5em 1.25em!Important;
color:#FFF!Important;
border-radius:2px;
}

.twitter {
background: #55acee;
}

.facebook {
background: #3b5999;
}

.email {
background: #4d4d4d;
}

/** Calendar **/

#calendar a, #liturgicalcalendar a {
color:#fff!important;
}

#calendar .fc-event, #calendar .fc-event-dot, #liturgicalcalendar .fc-event, #liturgicalcalendar .fc-event-dot {
    background-color: #4691ce!Important;
}

#calendar a.fc-more, #liturgicalcalendar a.fc-more {
color:#4691ce!Important;
}

#calendar h2, #liturgicalcalendar h2 {
font-size:18px;
}

#calendar .fc-list-item-title a, #liturgicalcalendar .fc-list-item-title a {
color:#4691ce!Important;
}

/** Push menu onto new line **/ 


#mega-menu-wrap-primary #mega-menu-primary {
padding-left:3%;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-size:16px;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-left {
margin-left:3%;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:before {
font-size:40px;
}

.mega-sub-menu {
padding:10px 10px 30px!Important;
-webkit-border-bottom-right-radius: 3px!Important;
-webkit-border-bottom-left-radius: 3px!Important;
-moz-border-radius-bottomright: 3px!Important;
-moz-border-radius-bottomleft: 3px!Important;
border-bottom-right-radius: 3px!Important;
border-bottom-left-radius: 3px!Important;
background:#4691ce url(/wp-content/themes/StGabrielSacredHeart/images/nav-image.png) no-repeat!Important;
background-position: center bottom!Important;
}

.mega-sub-menu li {
border-bottom:.1em solid #57B3FF!Important;
}

.mega-sub-menu li a {
padding-top:10px!Important;
padding-bottom:10px!Important;
color:#FFF!Important;
transition: .3s!Important;
}

.mega-sub-menu li a:hover {
color:#A3D6FF!Important;
}

.nf-response-msg {
color:#777;

}

input.ninja-forms-field.nf-element, textarea.ninja-forms-field.nf-element, select.ninja-forms-field.nf-element {
font-size:1em;
}

@media only screen and (max-width: 1000px) {
.mega-sub-menu {
padding-left:5%!Important;
padding-bottom:0!Important;
background:none!Important;
}

.mega-sub-menu li {
*padding:1.5% 0!Important;
}

.mega-sub-menu li:before {
content:"\f101";
}

.mega-sub-menu li {
border-bottom:.0!Important;
}

}