/*
Theme Name: SCP
Theme URI: http://rundiz.com
Author: Vee Winch
Author URI: 
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. You can support theme author by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9HQE4GVV4KTZE" target="donate">donate</a>. To follow what was changed, please look for <a href="https://github.com/Rundiz/bootstrap-basic" target="commits">commits</a> of this theme at Github.
Version: 1.0.14
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/




/*
Required WordPress CSS
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto+Slab:100,300,400,700');


body {font-family: 'Open Sans', sans-serif; !important}

h1,h2,h3,h4,a {font-family: 'Roboto Slab', serif; !important}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


@media (min-width: 1200px) {
.container { width: 1110px !important; }

}

/********* header css *********/

.row-with-vspace.site-branding .site-title {display: none;}

.main-navigation nav.navbar.navbar-default {background: none !important;border: none !important;box-shadow: none!important;}

.row-with-vspace.site-branding .logo {width: auto; float: left; }

header .main-navigation {float: right;width: auto; margin: 0;line-height: normal;}

header .tel a {font-size: 19px;font-weight: 600;color: #63277f;}

header form.search-form.form .input-group {width: 310px; margin: 0 0 0 27px; }

header .Search {float:  right; padding: 30px 0 10px 0; }

header .Search .number {float:left; }

header .Search .widget_search {float:left; }

header {float: left; width: 100%; padding: 22px 0 4px 0;}

header form.search-form.form .input-group span.input-group-btn button.btn.btn-default { font-size: 0; border: none; box-shadow: none; position: relative; background: #a7a10c; border-radius: 50%; width: 32px; height: 32px; text-align: center; }

header .input-group span.input-group-btn {position: absolute;font-size: 0; white-space: nowrap;right: 0;width: auto; z-index: 9999;}

header form.search-form.form .input-group span.input-group-btn button.btn.btn-default:after {content: "\f002"; position: absolute; top:0; bottom:0; left: 0; right: 0; font-family: FontAwesome; font-size: 14px; transform: rotate(90deg); width: 4px; height: 22px; margin:0 auto; }

header form.search-form.form .input-group input#form-search-input {position: relative;border-radius: 25px; background: #f6f3e4;}

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size: 15px; text-transform: uppercase; font-weight: 700 !important; margin: 0; padding: 0; font-family: 'Roboto Slab', serif; !important  }

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {padding: 0 12px;}

header #mega-menu-wrap-primary #mega-menu-primary > li:last-child {padding: 0 0px 0 12px; }

header .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding:0 !important }

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child > a.mega-menu-link { font-size: 18px; }


/***** banner css ******/

.banner .home-banner .execphpwidget img {width: 100%;}

.banner {position: relative; width: 100%; display: inline-block;}

.banner .content h1 {position: absolute;bottom: 23%;z-index: 999;color: #a7a10c;font-size: 60px;width: 349px;font-weight: 300;}
.banner .content h1 span {color: #63277f;font-weight: 700;}


/***** Mass time css *******/

h1.widget-title {text-align: center; font-size: 30px; font-weight: 600; color: #63277f;margin: 0 0 53px 0; }

.mass-time .main-box .image img {width: 100%;height: auto;}

.mass-time .main-box {background: #f6f3e4; position: relative; height: 100%; }

.mass-time .main-box .content h2 {text-align: center; font-size: 21px; color: #63277f; font-weight: 600; margin: 0; }

.mass-time .main-box .content h5 {text-align: center;color: #63277f;font-weight: 700;font-size: 17px; margin: 13px 0 0 0;}

.mass-time .main-box .content p.title {text-align: center;font-size: 15px;font-weight: 800; margin: 22px 0 0 0 !important;}

.mass-time .content {padding: 33px 20px;}

.mass-time .main-box .content p {margin: 0 !important;text-align: center; font-size: 15px; }

.mass-time .main-box .content h5 a {font-weight: normal;text-decoration: underline; color: #63277f; font-size: 14px;}

.mass-time {padding: 53px 0;}

.mass-time .main {display: flex;}


/******* flat background css *******/

.Purple-section {background: #63277f;}

.Purple-section h2 { font-size: 23px; color: #a7a10c;  text-align: left;  font-weight: 600; margin: 37px 0 10px 0; margin: 37px 0 8px 0;}

.Purple-section p { color: #fff; padding: 21px 0 5px 0;  margin: 0 !important;}

.Purple-section .middle-section {padding: 42px 0;}


/******** Sacraments css **********/

.Sacraments .events ul li {float: left; width: 20%; padding: 0 34px 0 0; line-height: 23px;}

.Sacraments .events ul {list-style: none; margin: 0; padding: 0;}

.Sacraments {padding: 54px 0; background: #e0d4e5;}

.Sacraments h1.widget-title {margin: 0 0 36px 0 !important;}

.Sacraments .events ul li h4 {font-size: 18px; color: #63277f; font-weight: 600; }

.Sacraments .events ul li p {font-size: 15px; color: #000; font-weight: 600; margin: 20px 0 0 0; }

.Sacraments .events .button a {text-transform: uppercase; text-align: left; background: #63277f; position: relative; color: #fff; padding: 8px 12px; border-radius: 6px; font-size: 11px;  font-weight: 700; text-decoration: none; transition: all 0.5s !important;  border: 1px solid #63277f;}

.Sacraments .events .button {float: left; width: 100%; margin: 39px 0 0 0; text-align: left; }

.Sacraments .events ul li:last-child {padding: 0; width: 18%;}



/******** Get Involved and opportunity css********/


.invoved .involve_img img {width: 100%;}

#main-column .post, #main-column .page {margin: 0; border: none; padding: 0; }

.entry-header {padding: 0; }

footer.entry-meta {display: none; }

.row-with-vspace {margin: 0 !important; }

.main-opportunity {padding: 67px 0; }

.main-opportunity h1.widget-title {color: #a7a10c; margin: 0 0 26px 0; }

.main-opportunity p {font-size: 13px; text-align: center; font-weight: 600; margin: 0 0 40px 0; }

.main-opportunity .invoved .box .involve_content h2 {font-size: 18px; font-weight: 700; color: #a7a10c; padding: 25px 0; margin: 0 !important; }

.main-opportunity .invoved .box .involve_content p {text-align: left; font-size: 15px; color: #000; line-height: 23px; }

.main-opportunity .button {float: left; width: 100%; }

.main-opportunity .button a {text-transform: uppercase; text-align: center; background: #a7a10c; position: relative; color: #fff; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; float: left; transition: all 0.5s !important; border: 1px solid #a7a10c; }

.main-opportunity .button a:hover {color: #a7a10c; background: transparent; border: 1px solid #a7a10c; }



/* **********Footer css **********/

.Footer_Address {margin: 0; float: left; width: 100%; }

.Footer_Address ul {list-style-type: none; padding: 0; margin: 0; }

.footer .Footer_Address .footer-section ul li {width: 25%; float: left; }

.Footer_Address ul li p {font-size: 11px; font-weight: 600; line-height: 14px; font-family: 'Roboto Slab', serif; color: #fff; }

.Footer_Address ul li h4 {font-size: 11px; font-family: 'Roboto Slab', serif; font-weight: 700; color: #a7a10c; margin-top: 3px; }

.footer {background: #521a6c; padding: 54px 0; }

.Footer_Menu .main_footer_menu {float:  left; width: 20%; }

.footer .Footer_Address .footer-section ul li {width:  25%;float:  left;}

.Footer_Menu .main_footer_menu ul {padding: 0; list-style:  none; }

.Footer_Menu .main_footer_menu ul ul.sub-menu {padding: 0; }

.Footer_Menu .main_footer_menu ul li a {color: #fff; font-weight: 600; text-transform: uppercase; font-size: 11px; text-decoration: none }

.Footer_Menu .main_footer_menu ul.sub-menu li a {text-transform: capitalize; font-weight: 400; }

.copyright p {color: #fff; font-size: 11px; font-family: 'Roboto Slab', serif; }

.copyright {float: left; width: 19%; }

footer#site-footer {background: none; border: none; padding: 0; float: left; width: 100%; }

.Footer_Menu .main_footer_menu ul ul.sub-menu li {margin: 0; }

.Footer_Menu .main_footer_menu ul li {margin: 0 0 19px 0; }


/* Discover more css */

.Discover p {font-size: 15px; line-height: 23px; font-weight: 500; }

.Discover {padding: 64px 0; width: 100%; display: inline-block;}

.Discover .discover_content .button {float: left; width: 100%; margin: 39px 0 0 0; text-align: center; }

.Discover .discover_content .button a {text-transform: uppercase; text-align: center; background: #63277f; position: relative; color: #fff; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; transition: all 0.5s !important; border: 1px solid #521a6c; }

.Discover .discover_content .button a:hover {background: transparent; color: #521a6c; border: 1px solid #521a6c; }

.justified-gallery>div>div>a>.caption, .justified-gallery>div>div>.caption, .justified-gallery>div>div .caption{background: transparent !important}

.Gallary {padding: 50px 0 0 0; }

.Gallary h1.widget-title {color: #a7a10c; }

h4.vsel-meta-title {display: none; }

p.vsel-meta-date.vsel-meta-end-date {display:  none; }



.vsel-widget #vsel {width: 100% !important; clear: none !important; }

.vsel-widget #vsel .vsel-content {width:  50%; clear:  none; border-bottom: none; margin: 60px 0 30px 0; padding: 0 70px 0 0;}

.vsel-widget .vsel-widget-text {border:  none; margin:  0; padding:  0; }

.Event h1.widget-title {margin: 0; color: #a7a10c; } 

.Event .vsel-widget .vsel-widget-text p {text-align:  center; margin: 26px 0 0 0; font-size:  15px; font-weight: 600; color: #fff;}

.Event {background: #521a6c; padding: 64px 0; }

#vsel .vsel-info h4 {color: #fff; font-size: 15px; font-weight: 600; font-family: 'Open Sans', sans-serif;}

#vsel p {margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: normal; color: #fff; text-align: left; }


/******** news css *********/


.News {background: #f4f4e1; padding: 64px 0 70px 0;  }

.News h1.widget-title {margin: 0 0 30px 0; }

.News p {text-align: center; font-size: 15px;}


/***** Event style ******/


.event-info.single-day .event-title {display: none; }

li.event .event-info.single-day .event-content h4 {color: #fff; font-size: 15px; font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 0 0 30px 0; }

li.event .event-info.single-day .event-content p {font-size: 15px; font-weight: normal; color: #fff; }

li.event .event-date {margin: 0 30px 0 0; !important}



.startdate {background-color: transparent !important; }

.startdate .event-weekday {display:  none; }

.startdate .event-day {font-size: 57px; color: #a7a10c; font-family: 'Roboto Slab', serif; font-weight:  normal; }

.event-date .event-month {font-size:  24px; color: #a7a10c; font-family: 'Roboto Slab', serif; font-weight: normal; }

.event-list li.event {clear: none !important; width: 50%; float: left; margin: 0; padding: 0 18px 0 0; margin: 0 0 38px 0; }

.event-list li.event:nth-child(even) { float: right; width: 50%;  padding: 0;}

.Event .event-section p {font-size: 15px; font-weight: 600; color: #fff; text-align: center; margin: 25px 0 60px 0; }

.event-list .startdate {float: left; width: auto; }

.Event .button {float: left; width: 100%; margin: 8px 0 6px 0; text-align: center; }

.Event .button a {text-transform: uppercase; text-align: center; background: #a7a10c; position: relative; color: #fff; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; transition: all 0.5s !important; border: 1px solid #a7a10c;  }

.Event .button a:hover {color: #a7a10c; background: transparent; border: 1px solid #a7a10c;}

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:after {content: ""; position: absolute; right: 0; top: 24px; width: 4px; height: 4px; border-radius: 100%; background: #9c9c9c; display: block; }

header #mega-menu-wrap-primary #mega-menu-primary > li:last-child:after {display: none;}

.latest-new ul.news__list li:nth-child(even) {float: right; padding: 0;}


/********* Registration Form CSS ***********/


form.wpcf7-form span.wpcf7-form-control-wrap {position: relative; float: none; width: auto; }

form.wpcf7-form {width: 580px; margin: 0 auto; width: 660px; }

form.wpcf7-form label {width: 100%; float: left; margin: 10px 0 10px 0; font-weight: 600; font-size: 16px; color: #484c4d; }

input.wpcf7-form-control.wpcf7-text {padding: 0 10px; font-size: 17px; font-weight: normal; outline: none; color: #000; transition: 0.5s; height: 37px; width: 100%; float: left; border-radius: 3px; border: 1px solid #a9a9a9; }

form.wpcf7-form table tbody tr td { padding: 10px 10px 0px 0;}

form.wpcf7-form h2 {margin: 0 0 10px 0; text-align: center; text-transform: uppercase; font-size: 25px; background: #d8d8d8; padding: 13px 15px; float: left; width: 100%; }

form.wpcf7-form h5 {text-transform: uppercase; font-size: 20px; border: 1px solid #a8a8a8; padding: 12px 10px; background: #f2f2f2; color: #333; float: left; width: 100%; text-align: left; }

header.entry-header h1.entry-title {display: block;}

form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {text-transform: uppercase; text-align: center; background: #63277f; position: relative; color: #fff; padding: 7px 23px; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; transition: all 0.5s !important; border: 1px solid #63277f; margin: 100px 0 0 0; }

form.wpcf7-form .child-detail {float:  left; }

form.wpcf7-form .child-detail p {float:  left; width: 48%; }

form.wpcf7-form .child-detail p:nth-child(even) {float:  right; }

form.wpcf7-form .child-detail p:first-child {}

.family-law {float:  left; }

.family-law p {float:  left; width: 100%; }

form.wpcf7-form .child-detail p:nth-child(2) {float:  left; width: 100%; }

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {padding: 0 10px; font-size: 17px; font-weight: normal; outline: none; color: #000; transition: 0.5s; height: 37px; width: 100%; float: left; border-radius: 3px; border: 1px solid #a9a9a9; }

form.wpcf7-form .mother_det p {float:  left; width: 48%; }

form.wpcf7-form .mother_det p:nth-child(even) {float:  right; }

form.wpcf7-form .mother_det p:last-child {float:  left; }

form.wpcf7-form .contact-det p:nth-child(even) {float: right; }

form.wpcf7-form .contact-det p {float: left; width: 48%; }

span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {padding: 0 10px; font-size: 17px; font-weight: normal; outline: none; color: #000; transition: 0.5s; height: 37px; width: 100%; float: left; border-radius: 3px; border: 1px solid #a9a9a9; }

form.wpcf7-form .Address-det p:nth-child(even) , .father-det p:nth-child(even) , .con-det p:nth-child(even) , .Addr-det p:nth-child(even) {float: right; }

form.wpcf7-form .Address-det p , .father-det p , .con-det p , .Addr-det p{float: left; width: 48%; }

form.wpcf7-form .Address-det p:last-child , .Addr-det p:last-child {float: left; }

form.wpcf7-form .child-detail h5 {margin: 0 0 30px 0; }

form.wpcf7-form {margin: 0 auto; padding: 25px 0; width: 100%;}

form.wpcf7-form .catholic , form.wpcf7-form .family-law {border: 1px solid #ccc; float: left; width: 100%; padding: 15px; }

form.wpcf7-form .child-main , .mother_det  {float:  left; width: 100%; border: 1px solid #ccc; padding: 15px; margin: 25px 0; }

form.wpcf7-form .contact-det , .Address-det , .father-det , .con-det , .Addr-det , .session , .help {float:  left; width: 100%; border: 1px solid #ccc; padding: 15px; margin: 15px 0;}

div.wpcf7 .wpcf7-recaptcha iframe { display: block !important; }


form.wpcf7-form .Addr-det p { float: right; }

form.wpcf7-form .Addr-det p:nth-child(even) { float: left;}


form.wpcf7-form .Address-det p:nth-child(even) { float:left;  }

form.wpcf7-form .Address-det p  { float: right; }


form.wpcf7-form .Address-det p:last-child { float: right; }

/*header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover ul.mega-sub-menu {opacity: 1 !important; visibility: visible !important;}*/


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {background: rgba(255, 255, 255, 0.61);    color: #000000;  font-weight: normal; text-decoration: none;
    border-color: rgba(255, 255, 255, 0.11);
}


/******* popup box css *******/

/*.box-body {background: rgba(57, 16, 64, 0.81); width: 100%; height: 100%; position: absolute; z-index: 99999; }*/

.box-popup {position: absolute; top: 40%; left: 40%; width: 300px; height: 150px; background: #ffffff; z-index: 51; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px #444444; -webkit-box-shadow: 0px 0px 5px #444444; box-shadow: 0px 0px 5px #444444; display: none; }

.close {float:right; margin-right:6px; cursor:pointer; }




/****** News section design ******/


.latest-new ul.news__list {list-style:  none; }

.latest-new ul.news__list li {width: 50%; float:  left; clear: none !important; width: 50%; float: left; margin: 0; padding: 0 18px 0 0; margin: 0 0 38px 0; }

.maindate {float:  left; text-align: center; width: 60px; margin: 0 20px 20px 0; }

.latest-new ul.news__list li .allnews {display: table;}

.latest-new ul.news__list li .allnews p {text-align:  left; }

.maindate .daycls {font-size: 57px; color: #a7a10c; font-family: 'Roboto Slab', serif; font-weight: normal; padding:  0; margin:  0; line-height: 62px; text-align:  center; }

.maindate .monthcls {font-size: 24px; color: #a7a10c; font-family: 'Roboto Slab', serif; font-weight: normal; padding:  0; margin: 0; line-height: 24px; text-align:  center; text-transform: uppercase; }

.latest-new ul.news__list li .allnews a h4 {color: #000; font-size: 15px; font-weight: 700; font-family: 'Open Sans', sans-serif; margin: 14px 0 17px 0; }

.latest-new ul.news__list li .allnews p {font-size: 15px; font-weight: 500; color: #000; }

.latest-new {float: left; width: 100%; padding: 60px 0 9px 0;}

.News .viewall {float:  left; width:  100%; text-align:  center; }

.News .viewall a {text-transform: uppercase; text-align: center; background: #a7a10c; position: relative; color: #fff; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; transition: all 0.5s !important; border: 1px solid #a7a10c;}

.page-template-news ul.news__list {float:  left; list-style:  none; width:  100%; }

.page-template-news ul.news__list li {margin:  0; float:  left; }

.Allnews_title {float: left; width: 100%; background: #a7a10c; padding: 13px 0; margin: 0 0 50px 0; }

.Allnews_title h4 {margin: 0 0 0 60px; text-transform: uppercase; letter-spacing: 2px; font-size: 30px; color: #fdfdfd; font-weight: 600; }

.page-template-news ul.news__list li {padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }

.allnews h4 {font-size: 16px; color: #000; }

.allnews h4:hover {color: #732182; }

.allnews a {text-decoration: none; }

.News .viewall a:hover {color: #a7a10c; background: transparent; border: 1px solid #a7a10c; }

.Sacraments .events .button a:hover {border: 1px solid #63277f; background: transparent; color: #63277f; }

.box-popup{ left: 0; right: 0;top: 0;bottom: 0;width: 100%;height: 100%; padding: 0; background: rgba(57, 16, 64, 0.76); position: fixed;}

 body { position:relative; }

.box-popup .box-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 310px; height: 150px; background: #ffffff; z-index: 51; padding: 15px; -webkit-border-radius: 5px;
    -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px #444444; -webkit-box-shadow: 0px 0px 5px #444444; box-shadow: 0px 0px 17px #444444; margin: auto;}

.box-popup .box-body .mymessage { padding: 0 24px 0 0; font-size: 17px; font-weight: 600;}

.box-popup .box-body .close { color: #46144f; opacity: 1;}

.box-popup .box-body .mymessage a {color: #631272; }


.Copyright p {color: #fff;font-size: 13px;}

.Copyright {float: left;width: 100%;text-align: center;position: relative;margin: 30px 0 0 0;}

.footer {background: #521a6c;padding: 54px 0 20px 0;}

.menu-footer_menu-5-container ul li a {color: #fff;text-decoration: none;font-weight: 600;font-size: 11px;text-transform: uppercase;}

.menu-footer_menu-5-container ul {list-style: none;float: right;padding: 0;}


.page-template-news ul.news__list li {   float: left;   width: 49%;   border: 1px solid rgba(115, 33, 130, 0.16);   margin: 0 0 25px 0;   padding: 15px;   box-shadow: 0 6px 20px rgba(115, 33, 130, 0.15);}

.page-template-news ul.news__list li:nth-child(even) {   float: right;}

.page-template-news ul.news__list li .allnews {padding: 0 0 0 80px;}

header form.search-form.form .input-group span.input-group-btn button.btn.btn-default {text-shadow: none;}

header form.search-form.form .input-group span.input-group-btn button.btn.btn-default:after {color: #fff;}

.sacraments { margin: 0 0 30px 0;}

.sacrement h1.widget-title { color: #a7a10c;}

.sacrement { float: left; width: 100%; margin: 0px 0 0 0; padding: 63px 0; background: #622a6b;}

.sacrement p { font-size: 15px; font-weight: 600; line-height: 23px; color: #fff;}


.menu-sacrament-scroll-menu-container ul { list-style:  none;}

.menu-sacrament-scroll-menu-container ul li { float:  left; padding: 0 14px; margin: 0 0 12px 0; border-right: 1px solid #fff; line-height: 13px;}

.sacraments_pages-link { float:  left; width: 100%; background: #aaa300; padding: 19px 0 10px;}

.menu-sacrament-scroll-menu-container ul li a { color: #fff;}

.menu-sacrament-scroll-menu-container ul li:first-child { padding-left: 0;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {display:none;}

#mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary input:focus {box-shadow:none;}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {display: block; background: #732182; color: #fff; font-family: inherit;  font-size: 14px; font-weight: 600;  padding: 0px 10px 0px 10px;  line-height: 35px;  text-decoration: none; text-transform: none; vertical-align: baseline; border-bottom: 1px solid;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #956fa7; font-weight: 600; text-decoration: none; color: #fff;}


.middle-img {
    float: left;
    margin: 0 20px 0 0px;
}






/************sacraments Page Design*******************/


.sacraments .post-thumbnail {float: left; margin: 0px 20px 0 0px;}

.banner img { width: 100%;}

.sacraments h4 {width: 75%; color: #63277f; font-weight: 600; text-transform: uppercase; margin: 0 0 20px 0;}

 /*.sacraments .entry-content { float: left;  width: 75%;}*/

article#post-179 {margin: 30px 0 30px 0;}

.sacraments .entry-content p {font-size: 15px; font-weight: 600; line-height: 25px;}

.site-content { float: left; width: 100%;}

.post-type-archive-sacraments header.page-header { display: none;}

.sacraments {margin: 60px 0 30px 0;}

.main-opportunity .button { float: left; width: 100%; margin: 0 0 30px 0;}

.children .child-img { float: left;  width: auto; margin: 0px 50px 0 0;}

.children {  float: left;  width: 100%; padding: 30px 0 0 0;}

.children ul li { font-size: 16px; font-weight: 600; padding: 0px 90px 0 0;}

.children ul { padding: 70px 30px 0 0;}

.content2 h4 { float: left;  width: 100%;}

.video-content h4 { width: 100%;}

.Liturgy ul li {list-style: decimal; font-size: 16px; font-weight: 600;}

.Liturgy { float: left;  width: 100%; padding: 20px 0 0 0;}

.children h4 { width: 100%;  float: left;}

.effects h4 { float: left; width: 100%;  margin: 40px 0 20px 0;}

.effects { float: left; width: 100%;}

.effects ul li { font-size: 16px;  font-weight: 600;}

.contact h4 { color: #732182; font-weight: 600;}

span#input_1_147_2_cardinfo_right input {  margin: 0 30px 9px 0px;}

.ginput_container.ginput_container_select select {padding: 0 10px; font-size: 17px; font-weight: normal; outline: none; color: #000;  transition: 0.5s;  height: 37px;  width: 100%;
    float: left;  border-radius: 3px;  border: 1px solid #a9a9a9;}


.contact .mail p a:before { content: "\f0e0"; font-family: FontAwesome; margin: 0 10px 0 0px; color: #000;}

.contact .mail p a { font-size: 16px; color: #000;}

.tel p.ph:before { content: "\f095"; font-family: FontAwesome; font-size: 16px;  color: #000;  margin: 0 10px 0 0;}

.tel .fax:before {content: "\f1ac"; font-family: FontAwesome; margin: 0 10px 0 0; font-size: 16px; color: #000;}

.tel p.ph , p.fax { color: #000; font-size: 16px;}


.contact {  float: right; width: 40%; border: 1px solid #eaeaea; padding: 25px; margin: 22px 0 0 0;}

form.wpcf7-form span.wpcf7-form-control-wrap textarea {width: 100%;}

div#wpcf7-f357-p47-o1 form.wpcf7-form { width: 50%; float: left; padding: 0 35px; margin: 23px 60px 30px 0px;}


/***************** register form2 design css ***********************/

.gform_wrapper form .gform_heading h3.gform_title { margin: 0 0 10px 0; text-align: center; text-transform: uppercase; font-size: 25px; background: #d8d8d8; padding: 13px 15px;
    float: left; width: 100%; font-weight: 500 !important;}

li.catholic-radio { float:  left;  width: auto; margin: 0 0 20px 0;}

li.catholic-radio label.gfield_label {width:  auto; float: left;}

li.catholic-radio ul.gfield_radio {float: left; margin: 0 !important;}

li.catholic-radio ul.gfield_radio li {float:  left;}

li.catholic-radio ul.gfield_radio li input {margin: 0 0 0px 10px !important;  padding: 0;}

.ginput_container.ginput_container_radio { margin:  0 !important; float: left; width:  auto;}

.gform_body ul {float:  left;  width: 100%;}

li.com-text {display: inline-block; width: 50%; margin: 0 0 30px 0;}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { width: 100%;}


li#field_1_11 { width: 100%;}

li.gfield h2.gsection_title { padding: 12px 10px !important; margin: 0 0 10px 0 !important; text-transform: uppercase; font-size: 20px !important;  border: 1px solid #a8a8a8 !important;  padding: 12px 10px !important; background: #f2f2f2 !important; color: #333; float: left; width: 100%; text-align: left;   margin: 0 0 30px 0 !important; font-weight: 500;}

li#field_1_22 { margin: 0 0 27px 0;}

label.gfield_label { margin: 0 0 0px 0; font-weight: 600 !important; font-size: 16px !important; color: #484c4d !important;}


.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { line-height: 1.2 !important; font-weight: 600 !important; font-size: 16px !important;  }

li#field_1_3 { font-weight: 700; margin: 20px 0 25px; float: left;}


.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 0 10px; font-size: 17px;  font-weight: normal;  outline: none; color: #000;  transition: 0.5s;  height: 37px;  width: 100%;  float: left;  border-radius: 3px;  border: 1px solid #a9a9a9;}


.gform_wrapper .gsection { border: none !important;}

.gform_footer.top_label input#gform_submit_button_1 {text-transform: uppercase; text-align: center;  background: #63277f;  position: relative;  color: #fff;   padding: 7px 23px;
    border-radius: 6px;   font-size: 13px;  font-weight: 700;  text-decoration: none;  transition: all 0.5s !important;   border: 1px solid #63277f;   margin: 20px 0 0 0;}

.Purple-section h2 { font-size: 23px; color: #a7a10c;  text-align: center !important; font-weight: 600; margin: 17px 0 38px 0;}

.Purple-section {background: #63277f;  padding: 0px 0 40px 0;}

.Purple-section p {padding: 0px 0 15px 0 !important; margin: 0 !important;}

.gfield_course_option_wrapper ul {
    border: 1px solid #ccc;
    padding: 30px 30px;
    margin: 10px 0;
    border-radius: 3px;
}

ul.gfield_radio {border: none;}

li#field_1_149 { margin: 20px 0;  float: left;}

.featured-img img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image { width: 100%;}





/************** About page Design **************/




.parish-content .office {float: left; width: 49%; border: 1px solid #ccc; padding: 25px; margin: 0; box-shadow: 0 8px 20px 0px #ccc9c94d;}

 .school {float: left; width: 45%;  border: 1px solid #ccc;  padding: 25px; margin: 0px 0 0 10px;}


.care .school_care { float: left; width: 50%;}

.care { float: left; width: 100%;}

.Aged-care { float: left;  width: 50%;}

.about h3 { font-size: 28px; color: #732182;}

.staff {border: 1px solid #ccc; padding: 25px; float: right; width: 49%; margin: 0 0 20px 0; box-shadow: 0 8px 20px 0px #ccc9c94d;}

.parish-content { float:  left;  width: 100%;  margin: 20px 0 0 0;}

.clg { border: 1px solid #ccc; padding: 11px; float: left; width: 45%; margin: 0 20px;}





/*************** What's on page Design ******************/

img.alignnone { float:  left; width:  auto; margin: 0 35px 0 0px;}

.whats_on-des h1 { font-size: 32px; color: #732182; padding: 10px 0;}

.whats_on-des p {font-size: 15px; font-weight: 600; line-height: 25px;}

.holy-whats_on { float: left; width: 23%; padding: 15px; border: 1px solid #ccc; margin: 0 15px 0 0;}

.event_whats-on { padding: 35px 0; float: left; width: 100%; display: flex;}

.holy-whats_on h4 { font-size: 19px; color: #86139b; font-weight: 600;}

.button a { text-transform: uppercase; text-align: center; background: #63277f; position: relative; color: #fff; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 700;  text-decoration: none; transition: all 0.5s !important; border: 1px solid #521a6c;}

.button a:hover { background: transparent; color: #521a6c; border: 1px solid #521a6c;}




/************ scrolling css **************/

article#post-181 {
    width: 100%;
    z-index: 0;
    -webkit-transform: translateZ( 0 );
    transform: translateZ( 0 );
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

 #menu-item-207:target ~ #main article#post-181 {
  -webkit-transform: translateY( -1000px );
  transform: translateY( -1000px );
}



/**************  Heading Background Images Css ***************/

header.heading-title-header { background-size: cover !important;background-repeat: no-repeat !important;padding: 0;background-position: 100%!important;}

header.heading-title-header h1.entry-title-header { margin: 0 0 0 0; padding:100px 0; font-size: 40px;font-weight: normal;color: #732182;text-transform: capitalize;}

header.heading-title-header h1.entry-title-header span.post_or_pages_title {text-transform: capitalize;}

.sacraments .content2 { float: left; padding: 20px 0;}



.entry-content {  padding: 40px 0;}

.home .entry-content {  padding: 0 !important;}

.entry-content p { font-size: 15px; font-weight: 600; line-height: 24px;}

.featured-img h1.entry-title a { display: none;}

.featured-img .entry-content { padding: 0px 0;}

.sacraments { margin: 35px 0 30px 0;}

.home h1.entry-title {
    display: none !important;
}

.rc-anchor-aria-status {
    display: block !important;
}

div.wpcf7 .wpcf7-recaptcha iframe { display: block !important; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    transition: all 0.5s;
    transform: scale(1,1) !important;
    right: 0;
    left: 0;
    position: absolute;
}    

.wpcf7-form-control-wrap { position: initial !important;}

#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {transition-duration: 0.4s; 
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {margin-top:0 !important;}



 .button a { text-transform: uppercase; text-align: center; background: #63277f; position: relative; color: #fff; padding: 8px 15px; border-radius: 6px; font-size: 13px; font-weight: 700;  text-decoration: none; transition: all 0.5s !important; border: 1px solid #521a6c;}

.button a:hover { background: transparent; color: #521a6c; border: 1px solid #521a6c;}

.News { text-align: center;}

ul,ol{margin:0; padding: 0 0 0 18px;}

ul li,ol li { text-align: left; font-size: 15px; color: #000; line-height: 23px; font-weight: 600;}

p { font-size: 15px; color: #000; line-height: 23px;}

.involve_content ul { padding: 0 0 30px 0;}

img {max-width: 100%;}

.main-navigation nav.navbar.navbar-default { margin: 0 !important;}

.entry-content {  padding: 40px 0 !important;float: none;display: inline-block;}

.home .entry-content  {padding:0 !important}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu > li.mega-current-menu-item {  background: rgb(29, 28, 29) !important;}

.mass-time .main-box .content h5 a.terms { display: none;}

.search .entry-title a {display: block !important;}

.search .entry-title a { color: #732182; font-size: 25px; font-weight: 500; text-decoration: none;}

.search .entry-title a { color: #732182; font-size: 22px; font-weight: 500; text-decoration: none; text-transform: uppercase; margin: 20px 0px 0 15px;}

.entry-summary p { float: left; width: 100%;}

div#bsearch_search_box-2 {float: right;}

header .Search div#bsearch_search_box-2 h1.widget-title {display: none;}

.serve .box .involve_content h2 {font-size: 18px; font-weight: 700; color: #a7a10c; padding: 25px 0; margin: 0 !important;}

.serve .box .involve_content p { text-align: left; font-size: 15px; color: #000;line-height: 23px;}


/*registration form css*/

ul.gfield_radio li {float: left;  width: auto;}

.gfield_course_option_wrapper li.field_sublabel_below label.gfield_label { float: left;}

.ginput_container.ginput_container_radio ul.gfield_radio { padding: 0; margin: 0 0 0 20px;}

.gform_body ul li .gfield_course_option_wrapper ul li .ginput_container.ginput_container_radio ul li { margin: 0 5px 8px 0px;}

.cust_3 {display: block !important;}

.hentry li { list-style: none;}

li#field_5_11 , li#field_5_182 , li#field_5_197 { width: 100%;}

.gfield_no_follows_desc {font-size: 18px; font-weight: 700;}

li#field_1_175 label.gfield_label {float: left; margin: 10px 0 10px 0;}

li#field_1_175 { margin: 10px 0 0; float: left;}

li#field_1_175 .ginput_container.ginput_container_text { float: left; margin: 0 0 0 20px;}

li#field_1_175 .ginput_container.ginput_container_text input#input_1_175 { width: 630px;}



/*************************************** CHANGE DESIGN BY DEV ************************************************/

header.heading-title-header:after {content: "";position: absolute;left: 0;right: 0;width: 100%;height: 100%;top: 0;background: rgba(173, 163, 0, 0.64);}

header.heading-title-header{position:relative;}

header.heading-title-header .container {position: relative;z-index: 1;}

.inner-page-image {text-align: center;margin: 0 0 0 0;width: 49%;float: left;}

.inner-page-image img {box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);padding: 10px;border: 1px solid #f3f3f3;}

.inner-page-image figure {margin: 0;}

.innnerpage-solemnity-form {width: 49%;float: right;}

.innnerpage-solemnity-form .gform_wrapper {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form { width: 100%;margin: auto;padding: 10px;border: 1px solid #e9e9e9;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);}

.innnerpage-solemnity-form .gform_wrapper form .gform_heading {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_heading span.gform_description {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_heading h3.gform_title {background: #732182;color: #fff;margin:0 0 20px 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li {margin: 0 0 15px 0;padding: 0;width: 100%;float: left;max-width: 100% !important;}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: 100% !important;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li ul {margin: 0;padding: 0;border: none;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li ul li:empty {display: none;visibility: hidden;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li label.gfield_label {font-size: 14px !important;color: #000000 !important;font-weight: normal !important;
    margin: 0 0 8px 0;width: 100%;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container {margin: 0 !important;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container input, .innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container select{border-radius: 0 !important;border: 1px solid #ccc !important;padding: 0 15px !important;height: 40px !important;width: 100% !important;outline:none;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li.FIFTY-BOX {float: left;width: 49%;clear: initial;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li.FIFTY-BOX:nth-child(even) {float: right;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full {float: left;width: 100%;margin: 0 0 15px 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full .gform_card_icon_container {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full label {margin: 0;color: #939292;font-weight: 500;float: left;width: 100%;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full > span span.ginput_card_expiration_container select {margin: 0;float: left;width: 49% !important;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full > span span.ginput_card_expiration_container select:nth-child(2) {float: right;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full > span {width: 100%;margin: 0 0 15px 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full > span:last-child {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li .ginput_container .ginput_full:last-child {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li.paymentmethod-item {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li:empty {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li.captchafield {margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li.captchafield label.gfield_label {margin: 0 !important;display: none;}

.innnerpage-solemnity-form .gform_wrapper form .gform_footer {display: inline-block;width: 100%;margin: 0;}

.innnerpage-solemnity-form .gform_wrapper form .gform_footer input {margin: 0;padding: 10px 30px;background: #732182;border-color: #732182 !important;border-radius: 5px;
    color: #fff;text-transform: uppercase;font-size: 16px;border-style: none;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);outline:none;}

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li.paymentmethod-item {font-size: 17px;font-weight: 600;color: #732182;}

p:empty { display: none; }

.innnerpage-solemnity-form p.confimmsg { width: 100%; margin: auto; padding: 10px; border: 1px solid #e9e9e9; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06); color: #732182; font-weight: 700; font-size: 18px; line-height: normal; }

.banner .banner-image {min-height: 600px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center center !important;position: relative;}

.banner .banner-image h1 { width: auto;position: relative;    bottom: 0;}

.banner .banner-image h1 span {float: left; width: auto;font-size: 36px;margin: 20px 0 0 0;color: #fff; font-weight: 500;}

.banner .banner-image .container {position: relative;}

.banner .banner-image .content {float: left;width: auto;position: absolute;left: 0;top:111px !important;}

/*.banner .banner-image:after {content: "";position: absolute;width: 100%;height: 100%;top: 0;background: rgba(0, 0, 0, 0.34);}*/

.banner .banner-image .content{text-align:center;}

.banner .banner-image .content h1 {font-size:35px;font-weight: bold;color: #1200ff;}

.banner .banner-image .content span {color: #1200ff;font-size: 19px;font-style: italic;font-family: 'Roboto Slab', serif;line-height: 19px;font-weight: 600;}

.banner .banner-image .content { width: 100%; top: 50px !important;}

.banner .banner-image{min-height:initial }

.banner .banner-image .container {position: absolute;top: 0;width: 100% !important;}

.banner .banner-image .content { width: 100%; top: 70px !important;}

.banner .banner-image .content p {font-style: italic; color: #ffff00;font-weight: 500;font-size: 19px;margin: 0 0 30px 0;font-family: 'Roboto Slab', sans-serif;}

.banner .banner-image .content p:last-child {font-family: 'Open Sans', sans-serif;font-style:normal;}

.banner .banner-image .content span {color: #fff;font-family: 'Open Sans', sans-serif;font-size: 17px;line-height: 24px; margin: 0 0 26px 0;
    float: left; width: 100%;}

.latest-main-banner-image {height: 100vh;background-size: cover !important;background-position: top center !important;position: relative;}

.latest-main-banner-image .container {position: relative;height: 100%;}

.latest-main-banner-image .content h1 {position: relative;bottom: 0;margin: 0 0 11px 0;}

.latest-main-banner-image .content h2 {margin: 0;font-weight: bold;font-size: 40px;line-height: 41px;color: #732182;}

.latest-main-banner-image .content {position: absolute;width: 100%;left:15px;top: 27%;}

.latest-main-banner-image .content h1 {font-size: 42px !important;width:auto !important;left: 0;}

.entry-content{width:100%;}

form.wpcf7-form input.wpcf7-form-control.wpcf7-submit{ margin: 10px 0 0 0;}


/*************************** REGISTRATION FOR THE SACRAMENT OF RECONCILIATION 2019 page form Design css ************************************************/

.registration-secrement-form form .gform_heading {float: left;width: 100%;margin: 0 0 20px 0;}

.registration-secrement-form form .gform_heading h3.gform_title {margin: 0;background: #732182;color: #fff;font-size: 22px;font-weight: normal;padding: 18px 20px ;}

.registration-secrement-form form .gform_body {display: inline-block;}

.registration-secrement-form form .gform_body > ul > li {float:left;width: 100%;padding: 0 !important;margin: 0;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper {float: left;width: 100%;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul {margin: 0 0 30px 0;border-radius: 0;border: 1px solid #f3f3f3;box-shadow: 0 20px 30px rgba(0, 0, 0, 0.03);}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul li:empty {display: none !important;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li:last-child {margin: 0;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li {float: left;width: 100%; margin: 0 0 20px 0;padding: 0 10px;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.gsection {padding: 0;margin: 0;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.gsection h2.gsection_title {background: #732182 !important;color: #fff;
    border: none !important;padding: 13px 15px !important;font-size: 19px !important;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.com-text {width: 50%;float: left;clear: initial;padding: 0 10px;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.com-text label.gfield_label {margin: 0 0 9px 0;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.com-text input {padding: 0 15px !important;}

.registration-secrement-form form .gform_body > ul > li:empty {display: none;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li.gsection {width: 100%;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li {float: left;width: 50%;clear: initial;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li label.gfield_label {float: left;width: 100%; margin: 0 0 10px 0;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li span.ginput_total {font-size: 20px;line-height: 37px;color: #732182;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li select {width: 100%;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li.full_width_content {width: 100%;    position: relative;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li.full_width_content .ginput_complex {display: inline-block;width: 100%;margin: 0;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li.full_width_content .ginput_complex .gform_card_icon_container {
    margin: 0;display: inline-block;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li.full_width_content .ginput_complex > span:last-child {margin: 0;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li.full_width_content .ginput_complex > span {float: left;width: 100%;margin: 0 0 10px 0;}

.registration-secrement-form form .gform_body > ul > li.payment_method ul > li.full_width_content .ginput_complex > span label {color: #8f8f8f !important;float: left;width: 100%;}

.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select {margin: 0;}

.registration-secrement-form form .gform_body > ul > li.captchu label.gfield_label {display: none;}

.registration-secrement-form form .gform_body > ul > li.captchu .ginput_recaptcha {margin: 0;}

.gform_wrapper .gform_footer {margin: 0;padding-bottom: 0;}

.gform_wrapper .gform_footer input {background: #732182;border: 1px solid #732182;color: #fff;text-transform: uppercase;font-size: 19px !important;padding: 7px 40px;
    border-radius: 7px;font-family: 'Roboto Slab', serif;letter-spacing: 1px;font-weight: 500;}


li.main-heading { margin: 0 0 10px 0 !important;}

li.main-heading h2.gsection_title {margin: 0 0 10px !important;}

li.introduction {margin: 10px 0 0 !important;}

li.introduction p {margin: 20px 0 0; font-size: 15px;}

li.payment_method p {
    font-size: 15px !important;
    margin: 22px 0;
}

.ginput_container.ginput_container_checkbox ul {
    border: none !important;
}


.gform_wrapper .gform_card_icon_container {
    margin: 8px 0 0;
    height: 20px;
}


li.gfield h2.gsection_title { padding: 12px 10px !important; margin: 0 0 10px 0 !important; text-transform: uppercase; font-size: 20px !important; border: 1px solid #a8a8a8 !important;
    padding: 12px 10px !important; background: #f2f2f2 !important; color: #fff; float: left; width: 100%; text-align: left; margin: 0 0 20px 0 !important; font-weight: 500;   background: #732182 !important; }

.ginput_container.ginput_container_radio ul.gfield_radio li {
    margin: 0 7px 8px 0px;
}


.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.radio {
    padding: 17px 0 !important;
    margin: 15px 0;
}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.radio label {
    margin: 3px 18px;
}

label.gfield_label { float: left !important;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.select-month-field .ginput_container>ul.gfield_radio {
    margin: 13px 0 0;
}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.select-month-field .ginput_container>ul.gfield_radio li {
    width: 30%;
    float: left;
    margin: 10px 0 !important;
}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li > ul {
    border: none;
}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li > ul > ul { border: none;}


.ginput_container.ginput_container_radio ul.gfield_radio>li {font-weight: 700 !important; margin: 0 15px !important;}


li.select-month-field .gfield_radio>li { width: 30%; margin: 10px 0 !important;}

li.payment_method li {
    float: left;
    width: 100% !important;
    clear: initial;
}

li.payment_method li select {
    width: 50% !important;
}

ul.gfield_checkbox {
    border: none;
}

li.suburb-class label.gfield_label {
    width: 100%;
    margin: 0 0 15px;
}

li.payment-method span.ginput_full .gform_card_icon_container {display: block !important;  float: left; width: 100%;}







/* responsive design css*/


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

.innnerpage-solemnity-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: 100% !important;}

}

@media (max-width: 992px){

	header .Search {float: right; padding: 80px 0px 10px 0px; }

	header .tel a {font-size: 14px;}

	header .Search .widget_search {float: right; }

	header form.search-form.form .input-group {width: 200px; margin: 0 0 0 27px; }

	.banner .content h1 {font-size: 42px; width: 300px;}

	.mass-time .main {display: initial; }

	.mass-time .main-box{min-height: 647px; margin: 0px 0 30px 0;}

	.Sacraments .events ul li:last-child {width: 50%; padding: 0 12px 0 0; }

	.Sacraments .events ul li {float: left; width: 50%; padding: 0 12px 0 0; line-height: 23px; min-height: 260px; }

        .holy-whats_on { width: 47%; margin: 10px 15px 0 0;}

         .event_whats-on {  display: initial;}


}


@media (max-width:991px){

.inner-page-image{width:100%;}

.innnerpage-solemnity-form {width: 100%;float: right;margin: 40px 0 0 0;}

.innnerpage-solemnity-form .gform_wrapper form{width: 670px;}

}


@media (max-width: 767px){

	header .main-navigation {float: left; width: 100%; height: auto; margin: 0; line-height: normal; }

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{width: 100%;}

	header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:after {display: none}

	/*.main-navigation nav.navbar.navbar-default {background:#732182 !important; border: 1px solid #e7e7e7 !important; margin: 15px 0;}*/

	.navbar-default .navbar-toggle .icon-bar {background-color: #fff; }

	.navbar-default .navbar-toggle {border-color: transparent; background-color: transparent;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent; }

header .navbar-default .navbar-collapse, .navbar-default .navbar-form { z-index: 999999; background: #732182bf; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{color: #fff}

form.wpcf7-form {margin: 0 auto; width: 580px; }

.navbar-collapse.navbar-primary-collapse.collapse {display: block !important; width: 100%;}

.main-navigation nav.navbar.navbar-default .navbar-header {display: none;}

.main-navigation nav.navbar.navbar-default { background: transparent !important;  border: none !important;  margin: 15px 0;}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-closed {display: inline; font-size: 0;}

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-open {display: inline; font-size: 0;}

#mega-menu-wrap-primary .mega-menu-toggle {background: #732182;}

#mega-menu-wrap-primary #mega-menu-primary { background: rgba(115, 33, 130, 0.68); }

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {padding:0 !important}

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding:0 20px;}

li.com-text { width: 100%; margin: 0 0 30px 0;}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {position:relative !important}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {position:relative !important}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item { clear: both; background: rgba(115, 33, 130, 0.68); color: #fff; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { display: block; background: rgba(115, 33, 130, 0.68); line-height: 35px;   text-decoration: none;  vertical-align: baseline; font-size: 15px; text-transform: uppercase; font-weight: 700 !important; margin: 0; padding: 0 20px;  font-family: 'Roboto Slab', serif;  color: #fff;  border: none;}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu { display: block !important; visibility: visible; opacity: 1;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus { background: rgb(206, 178, 211) !important; color: #1c1c1c !important; font-weight: normal; text-decoration: none;  border-color: rgba(255, 255, 255, 0.1);}

.main-navigation nav.navbar.navbar-default {margin: 10px 0 0 0!important}

header { padding: 10px 0 0 0;}

.navbar { min-height: initial;}

header.main_header .container { padding: 0;}

header.main_header .site-branding {  padding-left: 15px;}

.mass-time { padding: 25px 0 0 0;}

h1.widget-title { margin: 0 0 15px 0;}

.mass-time .main-box { min-height: 647px; margin: 0px 0 10px 0;}

.Sacraments .events .button { margin: 25px 0;}

.involve_content ul { padding: 0 0 30px 20px;}

.Event , .News , .Discover , .main-opportunity { padding: 30px 0;}

header.main_header .Search { padding-right: 15px; padding: 10px 0 0 0 !important;  text-align: center;  width: 100%;}

header .Search .number { display: inline-block; text-align: center; float: none !important;}

#mega-menu-wrap-primary #mega-menu-primary {  background: rgb(128, 54, 141); position: absolute; width: 100%; float: left; z-index: 9999;}

.widget h2 { margin: 0;}

h1.widget-title { font-size: 24px;}

.parish-content .office, .staff{width:100%}

.parish-content .office{margin: 0 0 20px 0;}

.parish-content{margin:0}

.parish-content .office p, .staff p{word-break:break-all;}

.entry-content p { font-size: 14px; font-weight: 600; line-height: 21px;}

.about h3 { font-size: 22px;}

.featured-img .entry-content h4 { float: left; width: 100%; padding: 10px 0 0 0;}

.about h2 {  float: left; width: 100%;}

.sacraments .entry-content p {float: left; width: 100%;}

.sacraments h4 { padding: 10px 0px 0 0;}

.entry-content p {width: 100%; float: left;}

div#nav_menu-6 {  width: 100%; float: left;}

.menu-footer_menu-5-container ul {float: left;}

.entry-content { float: left; width: 100%;}

.mass-time .main-box .content h5 a.terms { display: block;}

.mass-time .main-box .content h5 a.mapp {display: none;}

.innnerpage-solemnity-form .gform_wrapper form .gform_heading h3.gform_title {font-size: 20px;}

.banner .banner-image .content span {display: none;}

.banner .banner-image .content {float: left;width: auto;position: absolute;left: 0;top: 201px !important;padding-left: 15px;}

.banner .banner-image .content h1 {font-size: 26px;max-width: 220px;}

.banner .banner-image .content {top: 30px !important;width: 100% !important;padding: 0 15px !important;}
	
.banner .banner-image .content span {display: block;}
	
.banner .banner-image {min-height: 590px;}
	
.banner .banner-image img {object-fit: cover;position: absolute;height: 100%;}	

.banner .banner-image .content p, .banner .banner-image .content span {display: none;}

.banner .banner-image .content p:last-child {display: block;}

.banner .banner-image .content{top:60px !important;}

.registration-secrement-form form .gform_body {display: inline-block; width: 100%;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul { margin: 0 !important; padding: 0;}


}


@media (max-width: 676px){

	header form.search-form.form .input-group {width: 200px;}

	.Search {padding: 30px 0px 0 80px !important; text-align: center; float: left !important; width: auto; }

    .row-with-vspace.site-branding .logo {width: 100%; float: left; text-align: center; }

    .banner .content h1 {font-size: 32px; width: 217px; }

    .banner .content h1 {bottom: 20%; }

    .event-list li.event {clear: none !important; width: 100%; float: left; margin: 0; padding: 0 30px 0 30px; margin: 0 0 38px 0; }

    .Footer_Menu .main_footer_menu {float: left; width: 21%; }

    .footer .Footer_Address .footer-section ul li {width: 50%; float: left; }

    form.wpcf7-form {margin: 0 auto; width: 440px; }

    .latest-new ul.news__list li {width: 100%;}

     form.wpcf7-form .child-detail p { float: left; width: 100%;}

     form.wpcf7-form .mother_det p { float: left; width: 100%;}

    form.wpcf7-form .contact-det p { float: left; width: 100%;}

form.wpcf7-form .Address-det p, .father-det p, .con-det p, .Addr-det p { float: left; width: 100%;}

form.wpcf7-form { margin: 0 auto; width: 100%;  padding: 0 30px;}

div#wpcf7-f357-p47-o1 form.wpcf7-form { width: 100%; float: left; padding: 0 35px; margin: 23px 60px 30px 0px;}

.contact {float: left;  width: 98%;}

.ginput_container.ginput_container_radio ul.gfield_radio>li {font-weight: 700 !important; margin: 0 10px !important; width: 100%;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.com-text { width: 100%; float: left; clear: initial; padding: 0 10px;}

.registration-secrement-form form .gform_body > ul > li .gfield_course_option_wrapper > ul > li.select-month-field .ginput_container>ul.gfield_radio li {
    width: 100%;
    float: left;
    margin: 10px 0 !important;
}

}


@media (max-width:670px){

.innnerpage-solemnity-form .gform_wrapper form{width:100%;}

}


@media (max-width: 520px){

.banner .content h1 {font-size: 21px; width: 193px; }

header form.search-form.form .input-group {width: 200px; margin: 10px -11px; }

header .Search .widget_search {float: left; width: 100%;}

.Sacraments .events ul li {float: left; width: 100%; padding: 15px 30px 0 30px; line-height: 23px; border-bottom: 1px solid #63277f38;}

.Sacraments .events ul li:last-child {width: 100%;     padding: 15px 30px 0 30px; }

.Footer_Menu .main_footer_menu {float: left; width: 100%; }

.footer .Footer_Address .footer-section ul li {width: 100%; float: left; }

.holy-whats_on {  width: 98%;}

form.wpcf7-form {margin: 0 auto; width: 100%;}

header form.search-form.form .input-group {  width: 200px; margin: 10px auto 0;}

header .Search .widget_search {  width: 100%; display: inline-block !important; text-align: center !important; float: none !important; margin: 0 auto;}

.Sacraments {  padding: 30px 0 0; background: #e0d4e5;}

}


@media (max-width: 480px) {

form.wpcf7-form {margin: 0 auto; width: 310px; }

.innnerpage-solemnity-form .gform_wrapper form .gform_body ul li.FIFTY-BOX{width:100%;}




}




/*fix layout graviform*/
.ginput_container_creditcard .ginput_cardextras .ginput_card_expiration_container select {
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    height: 37px;
}

.gform_wrapper .ginput_complex.ginput_container_creditcard  .ginput_full >input {
    width: 47%!important;
}
.ginput_container_creditcard  .ginput_full > label {
    display: block;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 768px) {
.gform_wrapper .ginput_complex.ginput_container_creditcard .ginput_full > input {
    width: 100% !important;
}
}