@charset "utf-8";
/* CSS Document */
 @font-face {font-family:"Beautiful ES";src:url("../fonts/BEAUE.eot?#iefix") format("embedded-opentype"),url("../fonts/BEAUE.woff") format("woff"),url("../fonts/BEAUE.ttf") format("truetype"),url("../fonts/BEAUE.svg#BeautifulES") format("svg");font-weight:normal;font-style:normal;}
 @font-face {font-family:"ImperatorBronzeSmallCaps";src:url("../fonts/ImperatorBronzeSmallCaps.eot?#iefix") format("embedded-opentype"),url("../fonts/ImperatorBronzeSmallCaps.woff") format("woff"),url("../fonts/ImperatorBronzeSmallCaps.ttf") format("truetype"),url("../fonts/ImperatorBronzeSmallCaps.svg#ImperatorBronzeSmallCaps") format("svg");font-weight:normal;font-style:normal;}

body{margin:0; padding:0;color: #6d6863;}
.cms-content {font-size: 1.09em;}
img, a {border:none; border-color:none;}
.btn {border-radius: 20px;padding: 5px 20px;color: #fff;background: #8d7955;border-top: 3px solid #61543b;border: 1px solid #3F3624;border-bottom: none;box-shadow: inset 0px 3px 4px -2px #fff, inset 0px -7px 0px 2px #61543b;transition: all .3s linear;}
.btn:hover {box-shadow: inset 0px 3px 4px -2px #61543b, inset 0px -7px 0px 2px #7E7158;text-shadow: 1px 1px 1px #000;}
h1, h2, h3, h4, h5 ,h6 {font-family:'Marcellus SC', serif;}
.cms-content a {text-decoration: none;color: #978249;}
.cms-content a:hover {text-decoration:underline;}
 .cms-content img {/* max-width: 100%; *//* height: auto !important; */}
.clickable {cursor:pointer;}
hr {border: 0;height: 1px;background: #EBEBEB;}
::-webkit-input-placeholder { font-size:13px;}

/*lists*/
.dot-list {box-shadow: 0px 0px 1px #ccc;padding: 20px 0;box-sizing: border-box;-moz-box-sizing: border-box;}
.dot-list li {list-style: none;max-width: 80%;position: relative;padding: 1px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin: 21px auto;background: #FCFCFC;border-left: 1px dotted #bca576;border-width: medium;box-sizing: border-box;-moz-box-sizing: border-box;}
/*quotes*/
.quote {font-style: italic;position: relative;padding: 25px;box-shadow: 0px 2px 3px 0px #eee;border-left: 10px solid #ccc;text-indent: 30px;clear: right;box-sizing: border-box;-moz-box-sizing:border-box;margin-bottom: 60px;background: #FAFAFA;width: 80%;}
.quote:before {font-family: 'FontAwesome';content: "\f10e";color: #E9E9E9;position: absolute;left: -24px;top: 9px;font-size: 40px;}
.img-wrap{margin:10px;}
.cms-content > h2 {text-align: center;}
.cms-content > h2 span {font-size: 22px;}
/* HEADER */
.header-trim-top{height: 8px; background: url('../images/header-top-trim.jpg') repeat-x;}
.header-top-trim-bottom{height: 33px; background: url('../images/trim-large.jpg');background-repeat: repeat-x;}
.header-top-inner{max-width: 100%; margin:0 auto;position:relative;padding: 0 10px;height: inherit;}
.header-top .header-line-1, .header-top .header-line-3 { font-family:'Pinyon Script', cursive; font-weight:normal; color: #bfaf8d; font-size: 27px; margin: 0;  display: block;}
.header-line-2{ font-family: 'ImperatorBronzeSmallCaps'; color:#dcdcd3; letter-spacing: 3px; position: absolute; top: 43px; font-size: 40px; left: 50px; z-index: 2; font-weight: normal; display: block;}
.header-line-3{/* padding-left: 150px; */margin-top: -15px;}
.header-top-inner h3 {position: absolute;font-family: 'ImperatorBronzeSmallCaps';bottom: 5px;font-size: 40px;letter-spacing: 15px;text-transform: uppercase;font-weight: normal;opacity: .3;right: 109px;color: #bfaf8d;display: block;}
.header-top-wrap {background-color: #272E4A;background: url('../images/bg-leather.jpg') repeat ; height: 130px;}
.header-top{ background: url(/templates/client/images/bg-header-transparent.png) no-repeat center; background-size: cover; color:#fff; height:inherit; max-width:1200px;margin:0 auto;}
#header{position:relative;background:url('../images/bg-header.jpg') bottom center no-repeat;background-size:cover;min-height: 363px;}
.home-page #header{background: center no-repeat; background-size:cover;}

.home-page #header .header-cycle {list-style:none;padding:0; max-height:532px; overflow:hidden;}
.home-page #header .header-cycle li {height:532px !important; position:relative !important; top:0; left:0; background: center center no-repeat;background-size: cover;}
.home-page .header-inner{max-width: 1200px; margin:0 auto; height: 492px;position: relative; top: -493px;left: 0;}
.home-page .header-cta {max-width: 251px;position: absolute;z-index: 96;bottom: 0px;right: 37px;background: #000;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 20px 40px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;min-height: 300px;}
#logo {height: inherit;position: relative; text-align:center;  }
#logo a{display: block;
    max-width: 400px;
	max-height:210px;
    margin: 0 auto;
    padding: 0.5em 0;}
#logo img{    display: block; /*width: 100%; height: auto;*/}
.header-line-1 {position: absolute;top: 10px;}
.logo {position: relative;top: 40px;z-index: 1;opacity: .8;}
.header-line-3 {position: absolute;top: 84px;left: 170px;display: block;}
.header-line-1, .header-line-2, .header-line-3, .header-top-inner h3{margin:0;}
.header-nav{width:164px;right: 10px !important;}
ul.header-cycle { visibility: hidden;}
.home-page ul.header-cycle {visibility: visible;}

@media screen and (max-width: 1063px){.header-top-inner h3{right:15px !important;font-size:25px;bottom:10px!important; font-family:'Marcellus SC', serif;}
.header-line-2{font-family:'Marcellus SC', serif;font-size: 37px !important;top: 40px !important;}}
/*@media screen and (max-width:1063px){.header-inner{height: 451px !important;}}
@media screen and (max-width:957px){ .header-inner{height: 451px !important;}}*/
@media screen and (max-width:680px){.header-top-inner h3{right:0 !important;font-size:20px}.header-top .header-line-1{}}
@media screen and (max-width:600px){div.header-top-inner {height: 130px;}div.header-top-inner {height: 130px;}.header-top-inner h3{bottom:-8px;}}
@media screen and (max-width:538px) {.header-inner{height:492px!important;}}
@media screen and (max-width:500px){.header-inner{height: 500px!important;}}

@media screen and (max-width:472px){.header-nav{bottom: 41px !important;top: inherit!important;}.header-top-inner h3{display: none;}}
/* NAV */
/*top-nav*/
.header-nav {position:absolute;right: 96px;top:0;}
.header-nav li a{color:#fff;font-size: 13px;margin-left: 25px;}
.header-nav ul, #nav {position: absolute;top: 0;left: 0; z-index:999}
.header-nav ul, #nav ul {padding: 0;}
.header-nav ul li, #nav ul li {display: inline-block;vertical-align: top;}
.header-nav li a, #nav li a {text-decoration: none;text-transform: uppercase;}
/*main-nav*/
#nav {background-color: rgba(255, 255, 255, 0.62); width:100%}
#nav ul li .mobile{display:none;}
#nav ul {margin: 0;}
#nav ul li a {font-size: 14px;padding: 5px;line-height: 30px;color: #000;display: block;min-width: 90px;transition: all .4s linear;}
#nav ul li > a:hover {background: rgba(255, 255, 255, 0.5);}
#nav ul {text-align: center; width:100% }

.mobile {display:none; position:absolute; top:0; left:0; z-index:999}
@media screen and (max-width:1200px){#logo img {display: none;}.header-line-2{left:20px;font-size:33px; top: 48px;}.header-line-3{left: 90px;top: 82px;}.header-line-1 {top: 15px;}}
@media screen and (max-width: 680px){.header-line-2{top: 24px !important;}.header-line-1{top:5px}.header-line-3 {top: 57px;}}
@media screen and (max-width:1063px){.line2 {width: 100%;background: #CFD7EC;height: 1px;padding: 0;margin: 0;line-height: 0px;display: block !important;}}
@media screen and (min-width:1064px) {#nav ul li a {min-width:80px;}#nav > ul > li:nth-child(3) > a {margin-left: 10px;margin-right: 10px;}#nav > ul > li:nth-child(9) > a, #nav > ul > li:nth-child(10) > a {min-width: 60px;}#nav > ul > li:nth-child(5) > a {min-width: 70px;}#nav > ul > li:nth-child(11) > a {margin-left: 5px;}#nav > ul > li:nth-child(5) > a {margin-left: 4px;margin-right: 0px;}#nav > ul > li:nth-child(8) > a {margin-left: 7px;}#nav > ul > li:nth-child(9) > a {margin-left: -3px;}#nav > ul > li:nth-child(10) > a {margin-left: -5px;}#nav > ul > li:nth-child(2) > a {margin-left: -2px;}}
@media screen and (max-width:1063px){#nav > ul > li:nth-child(3) > a {margin-left: 10px;}#nav > ul > li:nth-child(1) > a {min-width: 85px;}#nav > ul > li:nth-child(5) > a {margin-left: -11px;}}

/*SUB NAV*/
.menuHover{display:block;}
#nav ul ul {display: none;position: absolute;width: 100%;max-width: 200px;box-shadow: 0px 1px 12px -4px #222;z-index: 99;border: 3px solid #bca576;background: #232A46;background: url('../images/bg-leather.jpg') repeat;}
#nav ul ul li {display: list-item;list-style: none;}
#nav ul ul li a {text-align: left;padding: 10px; border-top: 1px solid #bca576;color: #bca576;padding: 15px 10px;line-height: normal;}
#nav ul ul a:hover {color: #fff;background: #232A46;}
#nav ul ul li:nth-child(1) > a {border-top: 0;}

/*@media screen and (max-width: 538px){
	#nav {margin-top: 40px;}
	.mobile a {font-size: 20px;  padding: 5px;  color: #fff;}.mobile:hover {background: rgba(46, 56, 87, 0.76);}
#nav ul ul {position: relative !important;max-width: 98% !important;}#nav ul ul li {text-align:center;}#nav ul ul li a{text-align:center !important;font-size:12px;height:15px;line-height: 15px !important;}
#nav ul li {display:block; }	#nav ul{display:none; position:relative; background:none;z-index: 9999999999999999999999999999;}
#nav > ul li a {height:30px;background: rgb(46, 56, 87);color: #fff;}
.mobile{display:block !important; height:40px;width: 100%;text-align: center;  background-color: rgba(46, 56, 87, 0.76);line-height: 39px;transition: all .3s linear;}.line2 {display:none;}#nav > ul > li a {border-top: 1px solid rgba(68, 76, 104, 0.76);  border-bottom: 1px solid rgba(46, 56, 87, 0.76);} .line2{display:none !important;} #nav a:hover{background: rgba(46, 56, 87, 0.76) !important;text-shadow:1px 1px 1px #000;}#nav > ul > li:nth-child(3) > a {margin-left: 0;}}
*/
/* history page NAV*/
.history-nav {max-width: 1200px;position: relative;margin: 0 auto;top: -103px;}
.history-nav ul { position: absolute; right: 0; padding: 0;margin: 0;}
.history-nav ul li {display: inline-block;height: 50px;overflow: hidden;transition: all .3s linear;}
.history-nav ul li a {padding: 5px 10px;color: #bfaf8d;line-height: 51px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	.history-nav ul li button {padding: 5px 10px;color: #bfaf8d;line-height: 36px;background: none; border: 0px; background:none; cursor:pointer; outline:none; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-size:20px; font-family:Times New Roman;}
	.history-nav ul li button:hover {color: #272E4A;}
.history-nav ul li:hover {background: #CAB98B; }
.history-nav ul li:hover a {text-decoration: none;color: #272E4A; }
.history-nav-mobile i {display: none;}

@media screen and (max-width:1063px){.history-nav ul {right:-10px;}}
@media screen and (max-width:1030px){.history-nav-mobile i {	display: block;position: absolute;right: 0;	top: 9px;}
.history-nav-mobile ul{display:none;}.history-nav-mobile:hover ul{/*display:block;*/}.history-nav-mobile ul{top:40px; border: 3px solid #bca576;background: #232A46;background: url('../images/bg-leather.jpg') repeat;}.history-nav ul li{display:list-item;}i.fa.fa-bars {font-size: 35px;}.history-nav {height: 48px; top: -43px;}}
@media screen and (max-width:500px){.history-nav-mobile i {/* top: 18px; */}.history-nav-mobile ul{/* top: 51px; */}}
@media screen and (max-width: 700px){.page-442 .cms-content img {max-width: 100% !important;box-sizing: border-box;margin: 0 !important;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;width: 100% !important;height: auto !important;display:block;}}
@media screen and (max-width: 700px){page-442 .cms-content .img-wrap {margin-right: auto !important;margin-left: auto !important;width: 100%;}}
/* Gift Shop and Friends Sub Nav*/
@media screen and (max-width:1030px){
	.shop-page .history-nav-mobile, .page-802 .history-nav-mobile {position: relative;top: -60px;}
}
/* CONTENT */
#content{position:relative;top: -16px;}
.cms-content {padding: 10px !important;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;min-height:200px;}
.default-page .cms-content{padding-top: 63px !important;}
@media screen and (max-width:1030px){.page-442 .cms-content {padding-top: 0 !important;}.page-442 .title h1{top:4px;}}
.cms-content .img-wrap img {padding: 3px;border: 1px solid #A2A2A2;box-shadow: inset 0px 0px 6px 2px  #B7B499, 0px 0px 0px 0px #C6C6C6;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/* img border frame */
.cms-content .img-wrap {padding: 2px;border: 3px solid rgba(129, 117, 99, 1);/* width: auto; *//* height: auto; */display: inline-block;display: inline-flex;box-shadow: inset 0px 0px 5px 1px #cbcaca, 0px 4px 5px 0px #ccc;background: white;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.content-leather{width:100%; position:absolute;top:0;background-color: #272E4A;background:url('../images/bg-leather.jpg') repeat;height: 53px;z-index: -1;}
.home-page .content-leather{height:73px;}
.content-stone {width: 100%;height: 267px;z-index: -1;position: absolute;top: 73px;background: #8d8168;background: url('../images/bg-stone.jpg') repeat-x;}

/*homepage header cta's*/
.home-page .header-cta{/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background-color: #272E4A;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0.01)), color-stop(45%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */}
.header-trim-bottom{height: 21px; background: url('../images/trim-small.jpg') repeat-x;}
.cta a {text-decoration: none;color: inherit;}
@media screen and (max-width:326px){.home-page .header-cta {display:none;}}

/*home-page content cta's*/
.home-page .header-cta h3 {color: #d4c6a9;font-variant: small-caps;margin-top: 40px;font-size: 22px;text-align: center;margin-bottom: 0px;}
.home-page .header-cta p{font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-style:oblique;}
.home-page .header-cta .btn{position: absolute;bottom: 15px;left: 50%;margin-left: -41px;padding: 5px 13px;text-decoration: none;}
.cta{display: inline-block;box-sizing:border-box; -moz-box-sizing:borer-box; -webkit-box-sizing:border-box; background: url('../images/cta.png') center no-repeat;background-size: contain;vertical-align: top;width: 297px;height: 225px;border-radius:1px;}
div.cta-inner {padding: 21px;}
.cta h4 {text-align: center;font-size: 20px;margin: 21px 0 0; font-weight:bold;}
.cta p, .latestExcerpt {padding: 0 17px;margin-bottom: 0;margin-top: 8px;}
.cta-3 p {font-size: 15px;}
.cta-4 img {max-width: 219px;}
.home-cta .cta p {text-align: center;}
.fourctas .cta {position:relative !important;top:auto !important;left:auto !important;display:inline-block !important;z-index:9 !important;opacity: 1 !important;border-radius:1px;}
@media screen and (min-width:650px) and (max-width:1216px){.cta-4, .fourctas .cta-4{display: none!important;}div.home-cta {}}
@media screen and (min-width:650px) and (max-width:915px){.cta-3, .fourctas .cta-3{display:none!important;}div.home-cta{font-size: 13px;}}
@media screen and (max-width:649px){div.home-cta{}.cta, .fourctas .cta {border-radius:2px}div.home-cta {height: 220px;overflow: hidden !important;margin: 0 auto;width: 294px;} .cta p{font-size:13px;margin-top: 5px;} .cta h4{margin-top:15px;}
.cms-content {display: block;}.cta {top: 24px !important;}}
.home-cta{max-width: 1200px; margin: 0 auto;padding-top: 24px; text-align:center;}
div.cms-content {width: 100%;max-width: 1200px;margin: 13px auto 0;padding: 40px 0 0;}
.home-page div.cms-content{margin-top: 23px;}
div.content-left, .content-right {display: table-cell;vertical-align: top;}
div.content-left {width: 286px;}
div.content-right {max-width: 70%;margin-top: -5px;padding-left: 40px;}
.home-page .content-left img {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
@media screen and (max-width:1193px){.home-cta {max-width: 100%;}}
@media screen and (max-width:649px){.home-page .header-cta {width: 100%;max-width: 100%;right: 0;height: 352px!important;min-height: 0 !important;}}
@media screen and (max-width:500px){
	.cms-content img {max-width: 100% !important;box-sizing: border-box;margin: 0 !important;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;width: 100% !important;height: auto !important;}
.home-page .header-cta{bottom: 8px;}.cms-content .img-wrap{display:block;margin-right: auto !important;margin-left: auto !important;}}
.home-page .img-wrap {margin: 15px;}
.home-right {float: right;width: 262px;text-align: center;padding-right: 10px;box-sizing: border-box;-moz-box-sizing: border-box;}
.home-links {padding: 5px;border: 1px solid;transition: all .3s linear;}
.home-links:hover {background: #272E4A;color: white;text-decoration: none;}
.title h1 {font-size: 35px;position: relative;top: -58px;color: #bfaf8d;font-family: 'Pinyon Script', cursive;left: 10px; background: url('../images/bg-leather.jpg') repeat;margin: 0;margin-left: -20px;padding-left: 20px;}
@media screen and (max-width:700px){div.cms-content {top: -60px;}}
@media screen and (max-width:500px){.title {font-size:27px;top: -50px !important;}}


/* MASS SCHEDUAL PAGE */
.page-382 tr td {padding: 15px;background: rgb(247, 247, 240);box-shadow: 0px 1px 1px 1px #E7E7E7;}
.page-382 table {border-spacing: 11px;}
.page-382 td p {margin: 0;}
@media screen and (max-width:334px){.page-382 td {font-size: 16px;}}

/*NEWS - Events Page*/
.events {padding: 20px;max-width: 500px;vertical-align: top;box-shadow: 0px 0px 5px #ccc;margin: 20px auto;position: relative;}
.events .img-wrap {position: relative;left: -70px;}
.events img {max-width: 100px;max-height: 100px;}
.events p, .events img  {vertical-align:top; }
.events p {display: block;}
.events-text, .events img {display: inline-block;vertical-align: top;}
.events-text {max-width: 390px;}
@media screen and (max-width:666px){.events .img-wrap{left:0px}.events-text{padding-left: 20px;max-width: 300px;}}
@media screen and (max-width: 500px){.img-wrap{display:block;margin:0 auto;width: 100%;}.events-text{width:100%!important; text-align:center;padding-left: 0;}}

/* Our History page */
.page-442 .cms-content .img-wrap {margin: 15px;}
@media screen and (max-width:500px){
    .link-block {text-align: center !important;box-shadow: 0px 1px 2px #ccc;}
    .link-block:hover{background:#978249;color:#fff; text-shadow:1px 1px 1px #000;}
    .link-block:hover a {color:#fff;text-decoration:none;}
}
/* POPES VISIT */
@media screen and (max-width: 500px){.page-542 .cms-content .img-wrap{margin-bottom:15px;}}
/* ARCHDIOCESE PAGE */
.page-552 tr td {padding: 15px;background: rgb(247, 247, 240);box-shadow: 0px 1px 1px 1px #E7E7E7;}
.page-552 table {border-spacing: 11px;}
.page-552 td p {margin: 0;}
@media screen and (max-width:500px){.page-552 tr td:nth-child(odd){display:none;}}
@media screen and (max-width:334px){.page-552 td {font-size: 16px;}}

/*WEDDING PAGE*/
.page-332 .content-box {display: inline-block;max-width: 50%;vertical-align: top;margin-left: 2%;}
@media screen and (max-width:600px){.page-332 .content-box:nth-child(2){display:none;} .page-332 .content-box{max-width:100%;}}

/* RESOURCES PAGE */
.page-372 tr td {padding: 15px;background: rgb(247, 247, 240);box-shadow: 0px 1px 1px 1px #E7E7E7;}
.page-372 table {border-spacing: 11px;}
.page-372 td:nth-child(odd) {text-align: center;}
.page-372 .img-wrap {margin: 0;}
@media screen and (max-width:500px){.page-372 table td:nth-child(1){display:none;}.page-372 td {text-align: left !important;}}

/* TOURS PAGE*/
.page-462 .section {display: inline-block;width: 30%;vertical-align: top;margin-left: 2.5%;position: relative;min-height: 275px;
    text-align: left;box-shadow: 0px 1px 5px #ccc;}
.page-462 .section h2 {text-align: center;background: #232A46;  background: url('../images/bg-leather.jpg') repeat;line-height: 60px;margin: 0;color: #bca576;}
.page-462 .section p {padding: 10px 30px;}
.page-462 .section:nth-child(4) p span {text-align: center;}
.last-section {text-align: center;margin-top: 75px;}
.last-section {text-align: left;width: 50%;margin: 0 auto;font-style: italic;position: relative;padding: 5px 25px 10px;box-shadow: 0px 2px 3px 0px #eee;border-left: 10px solid #bca576;box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 60px;background: #FAFAFA;}
.last-section p {
    margin-bottom: 10px;
}

.last-section form {
    text-align: right;
}
@media screen and (max-width:960px){.page-462 .section h2 {font-size: 20px;}.page-462 .section p{font-size:14px}}
@media screen and (max-width:800px){.page-462 .section, .page-462 .last-section p{width:100%;margin:0px auto 20px;min-height: initial;}.last-section {margin-top: 0;}}


/* REBUILDING THE CAHEDRAL*/
.cathedral-img {float: left;width: 280px;margin: 15px;}
.cathedral-img p {font-size: 10px;text-align: center;}
@media screen and (max-width:500px){.cathedral-img {float:none;width: 100%;margin:0}}

/* THE YEAR OF CALAMITY */
.page-772 .img-wrap {margin: 15px;}

/* STAFF */
.page-452 .section {padding-bottom: 15px;box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 0px 1px 3px #ccc;margin: 20px auto;}
.staff .img, .staff .staff-text {display: inline-block;vertical-align: top;}
.staff {padding: 2%;width: 49.8%;box-sizing: border-box;-moz-box-sizing: border-box;display: inline-block;vertical-align: top;}
.staff-text {padding-left: 20px;box-sizing: border-box;-moz-box-sizing: border-box;}
.staff-text > h4 > span {font-size: 14px;color: #A39C95;text-transform: uppercase;}
.page-452 .section h3 {background-color: #272E4A;background: url('../images/bg-leather.jpg') repeat;width: 100%;line-height: 46px;text-align: center;color: #bfaf8d;color: #bfaf8d;}
@media screen and (max-width:1226px){.staff {width:100%}}
/* BLOG */
#sidebar, div.cms-content #content{display: inline-block;width: 40%;vertical-align: top;}
 #sidebar  {padding: 2px;border: 3px solid rgba(129, 117, 99, 1);width: auto;height: auto;display: inline-block;box-shadow: inset 0px 0px 5px 1px #cbcaca, 0px 4px 5px 0px #ccc;background: white;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width: 236px;}
#sidebar > ul{padding: 3px;border: 1px solid #A2A2A2;box-shadow: inset 0px 0px 6px 2px  #B7B499, 0px 0px 0px 0px #C6C6C6;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin: 0;}
#sidebar > ul li {list-style: none;padding: 0;}
#sidebar > ul li a {text-decoration: none;color: #978249;}
#sidebar h3 {font-family: 'Pinyon Script', cursive;font-size: 30px;text-align: center;margin: 0;padding: 10px 0 0;border-bottom: 1px solid #EBEBEB;margin-bottom: 15px;}

#sidebar ul {padding: 0;}
#sidebar img {width: 100%;}
#sidebar #content h1 { font-size: 20px;}
div.cms-content #content {padding: 0 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
div.cms-content #content h1 {font-size: 40px;font-family: 'Pinyon Script', cursive;}
#sidebar {margin-right: 3%;}
.excerptTitle a {color: #978249;text-decoration: none;font-family: 'Marcellus SC', serif;}
.catLink{color: #978249; }
.excerptThumb {float:left}
.excerptThumb img {width: 100px;height: 100px;}
#latestPhoto {padding-bottom: 10px;}
#content #content {width: 100%;}


	#sidebar, div.cms-content #content {display:block;width:100%;}

	#sidebar ul li div {position:relative; display:inline-block; text-align:center;height:35px;vertical-align: middle;line-height: 34px;transition: all .3s linear; font-size: 17px !important; }
	.blogListDate { padding-right: 14px;}
	.blogListCat { padding-right: 32px;}
	#sidebar ul li div:after {position:absolute; right:12px; top:-2px;  z-index:999; content:"\f0dd"; font-family:'FontAwesome'; color:#817563;}
	.blogListAll { float:right; width: 93px !important;}
	.blogListAll:after {display:none;}
	#sidebar ul li div:hover {}
	#sidebar ul li div ul {transition:all .3s linear; top: 20px;pointer-events: none;opacity: 0; box-shadow: 0px 2px 1px 0px #ccc;}
	#sidebar ul li div:hover ul {background: #fff;top: 0;opacity: 1;pointer-events: all;position: relative;z-index: 1;left: 0;}
	#sidebar ul li div ul li {padding: 0;}
	.blogListCat ul li:last-child {display:none;}
	#sidebar ul li div ul li a {background: #fff;width: 84px;font-size: 18px;padding: 5px 5px;box-sizing: border-box;min-width: 84px;}
	.blogListCat ul li {text-align: left;padding: 0 2px;}
	.blogListDate ul li {text-align: left;padding: 0 2px;}
	.blogListDate ul {left: 20px;}

	@media screen and (max-width:370px){
	.blogListAll  {display:none !important;}
	}

@media screen and (max-width:332px){#sidebar.blogListDate, #sidebar .blogListCat, #sidebar .blogListAll {font-size:14px;}}
/*CONTACT FORM =============================================================== */
#form {margin-top: 60px;}
.formBR {display:none;}
.form input{  padding:6px 6px; font-size: 17px; box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #E2E2E2 !important;}
.inputText{ width:450px; }
.form img{ position:relative; border: none !important; margin: 0 !important; background: #FFFFFF;height: auto; top: 0px; width: 155px;}
.form select{  border-radius:3px;  padding:6px; width: 30.4%;}
.form textarea{ /* border-radius:3px; */ margin-top: 5px; padding:5px; width:100%; height:70px; font-size: 17px; resize:vertical;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #E2E2E2 !important;}
.inputTextShort{ width:66% !important; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.form input, .form select, .form textarea {outline: 0; border:none; transition: 0.3s;padding: 11px 0 11px 10px;}
.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; -moz-box-shadow:none !important;  -webkit-box-shadow:none !important;  box-shadow:none !important;}
li.seprarator {width:100% !important; }
li.seprarator hr{border:none ; border-top:2px solid #5C1A0E;margin-top: 27px;}
/*submit button*/
.form button{position:relative;width:100%; outline:none; color:#fff;border-radius:3px;border:none;padding:8px 20px 7px 20px;letter-spacing:1px;font-size:16px;cursor:pointer;text-shadow:1px 1px 5px #5C463B;margin-top:30px;outline:0; border-radius: 55px /41px; background:#4C3F36;transition: 0.3s;
					 -webkit-box-shadow: 1px 1px 8px rgb(128, 124, 124); -moz-box-shadow: 1px 1px 8px rgb(128, 124, 124); box-shadow: 1px 1px 8px rgb(128, 124, 124);}
.form button:hover{ transition:0.2s; background:#635348; border-radius: 18px /41px !important;}
.form button:after{ position: absolute;right: 10px;top: 50%; margin-top: -9px; opacity:0.8; content: "\f061";font-family: 'FontAwesome';transition:opacity 0.3s ease-out;}
.form button:hover:after{opacity:1;}
.form button:active {background-color:#000 ;}
.form label {display: block;margin-top: -20px; color: rgb(153, 153, 153);}
.catcha {  height: 32px; }
.inputs {margin:0 0 25px 0; padding:2px 0; list-style:none;}
.inputs .titled2 {margin:0;}
.inputs label {margin-top:10px;visibility: hidden;}
.inputs li {width:48.2%; float:left;list-style: none;}
/* FORM VALIDATION */
div.formErrors{ display:none !important;}
.error{ background-color: #272E4A!important; color: #DBC68C!important;}
.required { position:relative;}
.form select.required {background-position:right 29px top 1px; }
.form select.error {  background-position:right 29px top -30px !important;}
 .error::-webkit-input-placeholder { color:#fff;}
 .error:-moz-placeholder {color: #fff;}
.error::-moz-placeholder {color: #fff;}
.error:-ms-input-placeholder {color: #fff;}
/* FORM HIGHLIGHT */
.highlight-selected{ background-color:#FF0;}
@media screen and (max-width: 675px) {.inputs li {width:100% !important; margin:0px !important;}.form button{padding:10px 20px 9px 20px;}}
/*#Name:before {font-family: FontAwesome;content: "\f10b";color: black;font-size: 22px;position: absolute;top: 0;}*/
input {position: relative;}
/*#Name {	background-image: url('../images/svg/name.svg');background-size: 30px 30px;background-position: 11px 8px;	background-repeat: no-repeat;}*/
textarea {resize:vertical;}
#form ul {padding-left: 0px !important;}
#button-blue{width: 100%;cursor:pointer;background-color: #272E4A;color:white;font-size:24px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;	transition: all 0.3s;font-weight:700;box-shadow: 0px 1px 1px 1px #FFF8F8;position: absolute;	padding-left: 0;}
#button-blue:hover{	background-color: rgba(0,0,0,0);color: #fff;z-index:999;}
.submit {position: relative;top: 34px;}
.submit:hover {	color: #fff;}
.ease {	width: 0px;	height: 46px;	background-color: #CAB98B;	-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;	-ms-transition: .3s ease;transition: .3s ease;top:0px;
position:absolute;}
.submit:hover .ease{ width:100%;   z-index:0; pointer-events:none;}
@media screen and (max-width:500px){.form img{max-width:155px !important}}
@media screen and (max-width: 900px){.contact-page #container > article {margin-top: 0;}#container{padding-top:0;}}
@media screen and (max-width:675px){form{margin-bottom:50px}#dForm{margin-bottom:0;}}
@media screen and (max-width:350px){
  ::-webkit-input-placeholder { font-size: 16px;}
  :-moz-placeholder { /* Firefox 18- */font-size: 16px; }
  ::-moz-placeholder {  /* Firefox 19+ */ font-size: 16px;}
  :-ms-input-placeholder {font-size: 16px;}
  }
/*==========END CONTACT FORM==================================================================================================*/
/*FREINDS PAGE*/
.membership {max-width: 80%;margin: 70px auto;box-shadow: 0px 1px 5px #ccc;padding: 80px 20px 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;position: relative;}.membership-left, .membership-right {display: inline-block;width: 49%;margin-top: 20px;}
div.membership h3 {text-align: center;}
.membership ul {padding: 0;}
.membership ul li {list-style: none;width: 80%;position: relative;padding: 1px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin: 21px auto;background: #FCFCFC;border-left: 1px dotted #bca576;border-width: medium;}
.membership ul li span {position: absolute;right: 10px;}
.membership ul li:after {width: 0;content: " ";border-bottom: 1px solid #bca576;height: auto;position: absolute;left: 0;bottom: -7px;transition: all.5s linear;opacity: 0;}
.membership ul li:hover:after {width: 100%;opacity: .5;}
.membership-left h3, .membership-right h3 {margin-top: 0;}
.membership > h3 {background: #232A46;background: url('../images/bg-leather.jpg') repeat;margin: 0;position: relative;top: 0;width: 100%;left: 0;padding: 20px 0;color: #bca576;position: absolute;}
.page-322 ol {padding: 0;margin: 0;counter-reset: li;list-style: none;padding: 0;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
.page-322 ol li {position: relative;display: block;padding: .4em .4em .4em .8em;margin: .5em 0 .5em 2.5em;background-color: #FCFCFC;color: #444;text-decoration: none;transition: all .3s ease-out;line-height: 1.5em;}
.page-322 ol li:before {content: counter(li);counter-increment: li;position: absolute;left: -2.5em;top: 50%;margin-top: -1em;background: #CAB98B;color: #FFFFFF;height: 2em;width: 2em;line-height: 2em;text-align: center;font-weight: bold;}
.page-322 ol li:after {position: absolute;content: '';border: .5em solid transparent;left: -1em;top: 50%;margin-top: -.5em;transition: all .3s ease-out;}
.page-322 ol li:hover {background-color: #FFFFFF;box-shadow:0px 1px 1px #ccc;}
.page-322 ol li:hover:after {left: -.5em;border-left-color: #CAB98B;}
.page-322 .last-section p {width: 100%;margin: 10px auto 30px;padding: 0;border: 0;box-shadow: none;background: none;}


.page-322 .last-section div {text-align: left;width: 50%;margin: 0 auto;font-style: italic;position: relative;padding: 25px;box-shadow: 0px 2px 3px 0px #eee;border-left: 10px solid #bca576;box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 60px;background: #FAFAFA;}
.page-322 .last-section div form {text-align: center;}
.membership select {height: 30px;border: 1px solid #ccc;color: inherit;border-radius: 3px;float: left;}
.membership form span {line-height: 28px;margin-right: 10px;float: left;}
.membership form {width: 88%;margin: 10px auto 0;}
.membership form input {float: right;}
@media screen and (max-width:587px){.membership form span, .membership form input, .membership select{float:none;} }
@media screen and (max-width:800px){.last-section div {width: 100%;margin: 0;}}
@media screen and (max-width:860px){.membership{max-width:100%;}}
@media screen and (max-width:800px){}
@media screen and (max-width:700px){.last-section div {width: 100% !important;margin: 0!important;}.last-section p {width: 100%;margin: 35px auto 30px;}}
@media screen and (max-width: 675px){.page-322 .last-section div form {margin-bottom: 0 !important;}}
@media screen and (max-width:600px){.membership-left, .membership-right{display:block;width: 100%;}}
.link-block {padding: 10px 15px;transition: all .3s linear;}
.contact-page .left, .right {display: inline-block;vertical-align: top;box-sizing: border-box; -moz-box-sizing: border-box;width: 49%;}
.contact-page .section h4 {margin: 0;margin-top: 10px;}
.contact-page .section {box-shadow: 0px 3px 5px #ccc;padding: 10px 20px;margin-bottom: 10px;box-sizing: border-box;-moz-box-sizing: border-box;position: relative;}
.contact-page .section h4:before {content: "\f007";font-family: 'FontAwesome';font-size: 19px;margin-right: 5px;left: 0;top: 0;color: #ccc;}
@media screen and (max-width:800px){.contact-page .left, .contact-page .right {width:100%; padding:0;}.contact-page #form{margin-top:0;}}
/* Main Gallery  */
.no-wrap .img-wrap {border: 0 !important;padding: 0 !important;box-shadow: none !important;}
.no-wrap .img-wrap img {padding: 0 !important;box-shadow: none !important;border: 0 !important;}
/*JOIN FORM*/
.join row{margin:20px 0;}
.join .row-data{margin: 5px 0;}
.join .label{width:150px;}
.join select{ width: 171px;color: #6d6863;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;-moz-box-sizing: border-box;}
.join .label, .join .row-data{display:inline-block; vertical-align:middle;text-align:left}
.join input{border:1px solid #ccc;box-shadow:0px 1px 4px #ccc;padding:0 10px;box-sizing:border-box;-mox-box-sizing:border-box;}
.join .address{display:inline-block;}
.join .address .row-data{display:block;}
.join .section {display: inline-block;vertical-align: top;padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;}
.join .form-wrap {display: inline-block;text-align: center;}
.join .radio {width: 175px;}
.members .label {display: block;text-align: center;}
.join-page .title h1 {top: -6px;}
.join .sub-btn {margin-top: 40px;}
.join-page h2 {margin-top: 0;}
/* Youtube Video */
.ccc-video {position: relative;padding-top: 25px;height: 0;padding-bottom:56.25%;text-align: center !important;}
.ccc-video iframe {position: absolute;width: 100%;height: 100%; top: 0;left: 0;}
/* Uploads  */
ul.uploadContainer { margin: 10px auto; padding: 5px;}
li.uploadItem { list-style-type: none;}
ul.uploadContainer { padding: 10px !important;}
a.uploadIcon.pdf,
.uploadContent,
.uploadTitle ,
.uploadDate{display:inline-block;}
.uploadDate span { margin: 0 5px;}
.uploadDescription { /* padding-left: 43px; */ /* float: left; */ display: none;}
.uploadContent {padding: 5px 15px 15px; box-shadow: 0px 1px 5px 0px #777;margin-bottom: 15px;}
.uploadTitle a { font-family: 'Pinyon Script', cursive; font-size: 30px;margin-right: 10px;}
.attachUploads > h2 {display: none;}
.uploadContent a:hover {text-decoration: none;}
/*Calls an icon form the admin folders to place infront of uploads section====================================================*/
.uploadContent a[href$=".pdf"]:before {
/* content:url('/admin/images/file_icons/pdf.png'); */
margin-right:10px;
/* display: inline-flex; */
position: relative;
top: 3px;
font-family: 'fontawesome';
content: "\f1c1";
font-size: 50px;
/* float: left; */
color: #BFAF8D;
}
.uploadContent a[href$=".docx"]:before, .uploadContent a[href$=".doc"]:before {

/* content:url('/admin/images/file_icons/pdf.png'); */
margin-right:10px;
/* display: inline-flex; */

position: relative;
top: 3px;
font-family: 'fontawesome';
content: "\f1c2";
font-size: 50px;
/* float: left; */
color: #BFAF8D;
}
.uploadContent a[href$=".gif"]:before {
/* content:url('/admin/images/file_icons/pdf.png'); */
margin-right:10px;
/* display: inline-flex; */
position: relative;
top: 3px;
font-family: 'fontawesome';
content: "\f1c1";
font-size: 50px;
/* float: left; */
color: #BFAF8D;
}
.uploadContent a[href$=".jpg"]:before {
/* content:url('/admin/images/file_icons/pdf.png'); */
margin-right:10px;
/* display: inline-flex; */
position: relative;
top: 3px;
font-family: 'fontawesome';
content: "\f1c5";
font-size: 50px;
/* float: left; */
color: #BFAF8D;
}
.uploadContent a[href$=".png"]:before {
/* content:url('/admin/images/file_icons/pdf.png'); */
margin-right:10px;
/* display: inline-flex; */
position: relative;
top: 3px;
font-family: 'fontawesome';
content: "\f1c5";
font-size: 50px;
/* float: left; */
color: #BFAF8D;
}

/*END OF ICON CALL====================================================*/
/*FOOTER*/
#footer, #copyright{background-color: #272E4A;width:100%;background:url('../images/bg-leather.jpg') repeat ; color:#bfaf8d}
#footer a {color: #BFAF8D !important;}
.footer-inner{width:100%;max-width:1200px;margin:0 auto;text-align:center;}
.footer-1, .footer-2, .footer-3 {padding-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;display:inline-block; vertical-align:top;}
.footer-inner h4{margin-bottom: 5px;}
.footer-inner p{margin:0; font-size:14px;}
div.footer-3, .footer-1 {width: 25%; position:relative;}
.footer-2 {width: 49%;}
.footer-1 .btn, .footer-1 input {margin-top:15px;}
.footer-3 .btn {margin-top:36px;}
.footer-1 .btn, .footer-3 .btn {position:absolute;bottom:0;left: 50%;margin-left: -41px;}
#footer > div > div.footer-3 > ul > li {display: inline-block;vertical-align: top;}
#footer > div > div.footer-3 > ul > li i { color:#dedea1; font-size: 1.6em;}
#footer > div > div.footer-3 > ul > li i.fa-twitter-square {}
#footer > div > div.footer-3 > ul > li i.fa-instagram{}
#footer > div > div.footer-3 > ul {padding: 0;}
.footer-3 a {color: #bfaf8d;text-decoration: none;}
.footer-3 a:hover {text-decoration: underline;}
.footer-1 #form { margin-top: 3px;}
.fa-facebook {background: #4966B6;font-size: 12px;padding: 4px 9px;color: #fff;position: relative;top: -1px;border-radius: 2px;}
.fa-google-plus {background: #fff;color: red;padding: 4px 6px;font-size: 12px;border-radius: 2px;position: relative;top: -1px;}
@media screen and (max-width:1113px){.footer-2{width:40%;}div.footer-3, .footer-1 {width: 29%;}}
@media screen and (max-width:876px){.footer-1, div.footer-3, .footer-2{width:100%}.footer-3 .btn {bottom: -5px;}div.footer-3 {height: 110px;}.footer-2 {padding: 0;}.footer-1 {height: 153px;}#copyright {padding-top:0;} #footer > div > div.footer-3 > ul{}}
@media screen and (max-width:443px){div.footer-3 { height: 130px;}}
@media screen and (max-width: 330px) {div.footer-3 {height: 127px;}}
/*COPYRIGHT*/
#copyright{text-align:center;padding-top:20px;}
#copyright a{color:#bfaf8d;}
@media screen and (max-width:520px){.footer-inner p{font-size:12px;}}
@media screen and (max-width:390px){.footer-3 .btn{bottom:-16px}#copyright{padding-top:30px}}
/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie {display:none;}
.cc2:hover{fill:rgba(0,0,0,0.4);}

.compucast {display:block; position:absolute;  bottom:10px; right:10px; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.logo1, .logo2, .old-ie {position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover , .compucast_hover{width:225px; background:rgba(0, 0, 0, 0.04); box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);-moz- box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s;}
.dark:hover { background:rgba(255, 255, 255, 0.12); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;}
	.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none;}
	.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
	.compucast.dark:hover p { color: #AFACAC;}
	.compucast.dark a {font-size:14px; color: #fff;}

	/*color classes: colored , white and black*/
	.purple {fill:#7F3F98}
	.green {fill:#00A14B}
	.black1 {fill:rgba(0,0,0,1)}
    .black2 {fill:rgba(0,0,0,0.5)}
	.white1 {fill:rgba(255,255,255,1)}
    .white2 {fill:rgba(255,255,255,0.5)}
	@media screen and (max-width:960px){
		.compucast {position: relative;margin: 15px auto 0;}
		#copyright{padding-bottom: 0;}
		}
/*COMPUCAST LOGO CSS end-------------------------------*/
/* Micro Clearfix  */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {*zoom:1;}
/* Hide paypal img on shop pages*/
.shop-page form img {display: none !important;}
.shop-page form .img-wrap {display: none !important;}

#donorContainer .img-wrap{
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
	}




/*UPDATES 2019*/
		html { font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; }
		strong { font-weight: bold; }
		#footer > div > div.footer-3 > ul > li i{ color:#fff; }
		.home-page #content{top:0;}
		.headerwrapper{display: flex;flex-flow: column nowrap;}
		#header{position: relative;z-index: 1;}
		.home-page #header{/*flex-grow:1;*/}
		.home-page .headerwrapper{/*height: 100vh;*/overflow: hidden;}
		.header-nav{width:300px;}
		#logo a {max-width: 300px;}
        .header-trim-bottom{position: relative;	z-index: 1;}
        .embed-container {position: relative;padding-bottom: 46.25%;height: 0;overflow: hidden;max-width: 100%;width: 100%;}

		@media screen and (min-width: 1600px){.embed-container {padding-bottom: 820px;}}

	    .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        .embed-container video, .embed-container object, .embed-container embed {/* position: absolute; *//* top: 0; *//* left: 0; */width: 100%;/* height: 100%; */}
        section.videoOverlay{z-index: 111;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;margin: 0 auto;}
        section.videoOverlay>div.videoOverlayWrapper{max-width: 1200px;margin: 0 auto;display: flex;justify-content: flex-end;height: 100%;align-items: flex-end;}
        section.videoOverlay>div.videoOverlayWrapper>div.videoOverlayContent{width: 330px;padding: 1em;text-align: center;height: 100%;justify-content: center;align-items: flex-end;align-content: flex-end;display: flex;flex-flow: row wrap;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+40,0.65+85 */
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 85%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 85%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 85%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
        }
        section.videoOverlay>div.videoOverlayWrapper>div.videoOverlayContent>h3{color: #e5dabc;text-shadow: #000 1px 1px 10px; font-size: 2em; margin: 0 0 0.2em 0;}
        section.videoOverlay>div.videoOverlayWrapper>div.videoOverlayContent>p{color: #fff;margin: 0.2em 0em 0.7em 0;font-size: 1.2em;font-style:italic;line-height: 1.4em;text-shadow: #000 1px 1px 11px;}
        section.videoOverlay>div.videoOverlayWrapper>div.videoOverlayContent>a{box-shadow:none !important; display: block;border-radius: 7px;width:100%;color: #000;background-color: #e5dabc;font-family: 'Marcellus SC', serif;text-shadow: #fff9e9 1px 1px 2px;}
        section.videoOverlay>div.videoOverlayWrapper>div.videoOverlayContent>a:hover{ background:#d5bb7e; color:#000; }
		body.home .headwrap{display:block; width:100%; max-height:100vh; overflow:hidden;}
		body.home header{position: absolute;z-index: 2; width:100%;}
		body.home .header-top-wrapper{ background:rgba(255,255,255,.6);}
		body.home .logo-wrapper{background:none !important;}
		body.home .logo-wrapper:before,.logo-wrapper:after{ display:none;}
		body.home .header-bottom{background:none !important;}
		body.home .embed-container {position: relative;top: 0;left: 0;width: 100%;z-index: 1;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%; }
		body.home .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		body.home aside { margin-top: -60px !important; }
		body.home nav{ background: rgba(56, 49, 77, 0.8);}
		body.home nav > ul > li:hover ul li a {background: rgba(56, 49, 77, 0.8);}
		bakup.owl-dot span{background: red;width: 10px;height: 10px;content: '1';display: block;border-radius: 50%;}
		.content-leatherTitle{background-color: #272E4A;background: url(/templates/client/images/bg-leather.jpg) repeat;height: 53px;display: flex;align-items: center;align-content: center;justify-content: center;width: 100%;}
		.content-leatherTitle h3{width: 1200px;color: #fff;margin: 0 auto;display: block;text-align: center;text-transform: uppercase;font-size: 2em;font-weight: lighter;}
		.latestnewswrap{ background: #eee url(/templates/client/images/bg-slider.jpg) no-repeat center; background-size:cover; background-attachment:fixed; }
		.home-page div.cms-content{margin-top:0;}
		.donationswrap{background: #2c261d url(/templates/client/images/bg-home-donation.jpg) no-repeat center;background-size: cover;}
		.donationswrap .cms-content{justify-content: flex-end;display: flex;padding:0 !important;max-width:95%;}
		.donationOverlayContent{width: 500px;padding: 1em;height: 100%;background:rgba(255,255,255,0.9);box-shadow:#a7947d 0px 0px 20px -10px;}
		.donationOverlayContent hr{display: block;width: 100%;border-top: 1px solid #ccc;}
		@media screen and (max-width: 1063px){
			.donationswrap{ background-size: contain;background-position: top center;}
			.donationswrap .cms-content{padding-top: 62.5% !important;width: 100%;}
			.donationOverlayContent{width: 100%;margin-bottom: 20px;}
		}
		.home-cta{ display:flex; padding-top:0;}
		.carousel .carousel-item {display:flex !important;align-content: center;align-items: center;justify-content:center;max-width: 560px;width:100%;height: 360px;}
		.carousel .carousel-item .img-wrap {margin: 0;display:flex !important;align-content: center;align-items: center;justify-content:center;}
		.cta{background: url(/templates/client/images/cta-2.png) center no-repeat;}
		ul.indicators{}
		ul.indicators li.indicator-item{ background:#b0b0b0 !important; }
		ul.indicators li.indicator-item.active{ background:#00a1ff !important; }
		#donorContainer .img-wrap img{ margin:0; padding:0;}
		.footer-inner{display: flex;flex-flow: row nowrap;}
		.footer-2{display: flex;flex-flow: column wrap;}
		.footlogo{}
		.footlogo img{width: auto;height: auto;max-height: 100px;}
		.footer-1 input[type="text"]{background:#fff !important;    padding: 1em;
    display: block;
    width: 100%;
    margin: 1em auto !important;}
		.footer-1 .btn {
background: #e5dabc;
    color: #000;
    position: relative;
    left: 0;
    margin: 0;
    top: 0;
    box-shadow: none;
    padding: 1em;
    width: 80px;
    border-radius: 3px;
    text-transform: uppercase;
		}

		#footer .footer-inner .footer-1{height:auto;}
		#footer .footer-inner .footer-1 form{margin-bottom:0;}
		@media screen and (max-width: 960px){
			.header-nav{width:164px;height: 100%;display: flex;flex-flow: column;justify-content: flex-end;}
			.header-nav ul{position:relative; margin-bottom: 16px;}
			.header-nav ul li{display:block;width:100%;text-align:right;}
			.header-nav ul li span{display:none;}
			body.home header{position: relative;z-index: 2; width:100%;}
			body.home aside {margin-top: -6px !important;}
			body.home .embed-container {position: relative;top: 0;left: 0;width: 100%;z-index: 1;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%; }
/*			body.home .logo-wrapper{background: url(/templates/client/images/header-back.jpg) no-repeat !important;}
			body.home .header-top-wrapper {background: url(/templates/client/images/header-top.jpg) !important;}
*/		}
		@media (max-width:1200px){
			.home-page .headerwrapper{height:auto;}
			.headerwrapper{ height:auto; }
			.header-top .header-top-inner .header-nav { bottom: inherit !important; top: 0 !important; }
			#logo a {max-width: 180px; max-height:132px;}
			#logo img {display: block;}
			.home-page #header {height: auto;}
			#nav{display: block;position: relative;}
			section.videoOverlay{position: relative;height: auto;padding: 0;}
			.videoOverlayWrapper{height: auto;background: #000;}
			.videoOverlayContent{width: 100%;height: auto;padding: 0;}
			.videoOverlayContent{ height:auto !important; margin:0 auto; }
			.latestnewswrap{margin-top:15px;}
			div.footer-3{ height:auto;}
		}
		@media (max-width:700px){
			.footer-inner{flex-flow: column;padding: 0 2em;}
			.carousel{height:250px !important; }
		}

		/* Standard base site */
		.clearfix:after { content: ""; display: table; clear: both; }
		* { box-sizing:border-box; }
		@media screen and (max-width:649px){
			div.home-cta {position:relative; height: 235px;overflow: hidden !important;margin: 0 auto;width: 294px;}
			div.home-cta:before{content: '\f053';font-family: fontawesome;font-size: 3em;position: absolute;z-index: 1111;top: 50%;left: 0px;color: #fff;height: 1em;line-height: .5em;text-shadow: #00000030 2px 2px 5px;}
			div.home-cta:after{ content: '\f054';font-family: fontawesome;font-size: 3em;position: absolute;z-index: 1111;top: 50%;right: 0px;color: #fff;height: 1em;line-height: .5em;text-shadow: #00000030 2px 2px 5px;}
			.cta {top: 15px !important;}
		}

		i.fa.fa-bars {font-size: 1.4em;}
		/* Functionality related */
		@keyframes opac {
			0% { display:block; opacity:0; }
			100% { opacity:1; }
		}
		nav#menu #toggle-menu { display:none; }
		nav#menu label,
		nav#menu a { position:relative; display:block; width:100%; text-decoration:none; line-height:1em; user-select:none; }
		nav#menu input[type="checkbox"] { display:none; }
		nav#menu ul { margin:0; padding:0; }
		nav#menu ul.main-menu ul.sub-menu { display:none; position:absolute; top:100%; opacity:0; }
		nav#menu ul.main-menu ul.sub-menu ul { top:0; left:100%; }
		nav#menu li {position: relative;display: flex;justify-content: flex-start;;align-items: center;align-content: center;	}
		nav#menu li:hover{background: rgba(255, 202, 9, 0.33);}
		nav#menu .main-menu > li { float:left; }
		@media only screen and (max-width:1000px) {
			nav#menu #toggle-menu { display:block; }
			nav#menu ul { display:none; }
			nav#menu ul.main-menu ul.sub-menu { position:static; }
			nav#menu ul.main-menu > li { float:none; }
			nav#menu label i { position: absolute;right: 0;top: 0;height: 100% !important;text-align: right;display: flex;align-items: center; }
		}
		@media (min-width:1001px) {
			nav#menu ul.main-menu li:hover > .sub-menu {display:flex; opacity:1; animation:opac 0.25s linear;flex-flow:column;min-width: 300px;justify-content: flex-start;text-align: left; left:0;}
			nav#menu { }
		}
		@media (max-width:1000px) {
			nav#menu input[type="checkbox"]:checked + ul { display:block; opacity:1; animation:opac 0.25s linear; }
			nav#menu input[type="checkbox"]:checked + ul.sub-menu { display:flex; opacity:1; animation:opac 0.25s linear; }
		}
		/* Theme-related */
		nav#menu { position:absolute; background-color:rgba(255, 255, 255, 0.8); z-index:222; height:auto; line-height: 64px; width:100%; color:#fff;  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
			box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
		}
		nav#menu label,
		nav#menu a { padding:0; color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.125); font-size:18px; padding:10px 5px; }
		nav#menu li label i{  height:auto;font-size: 1em;color: #fff;}
		nav#menu label i.fa-chevron-right-or-down::before { content:"\f078"; /* down */ }
		nav#menu ul.main-menu{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0;}
		nav#menu ul.main-menu ul.sub-menu { border:1px solid rgba(255,255,255,.1); background-color:rgba(255,255,255,0.6); }
		nav#menu ul.main-menu ul.sub-menu li { border-style:solid; border-width:0 0 1px; border-color:rgba(255,255,255,.5); }
		nav#menu ul.main-menu ul.sub-menu li:last-child { border-width:0; }
		nav#menu ul.main-menu ul.sub-menu li a{display:block;width:100%;}
		nav#menu ul.main-menu ul.sub-menu ul { min-width:10em; }
		nav#menu ul.main-menu li:hover i{ color:#ffc33f;}
		@media only screen and (max-width:1000px) {
			nav#menu { position:relative;background-color: #e5f0ff;  }
			nav#menu label i {     padding: .1em;width: 42px;justify-content: center; }
			nav#menu ul { padding:0 0.5em; }
			nav#menu ul.main-menu li { border-style:solid; border-width:0 0 1px; border-color:rgba(0,0,0,0.05);    display: flex;flex-flow: column; }
			nav#menu ul.main-menu li:last-child { border-width:0; }
			nav#menu ul.main-menu ul.sub-menu{width: 100%;flex-flow: column;}
		}
		@media only screen and (min-width:1000px) {
			nav#menu ul.main-menu { display: flex;justify-content: space-evenly;}
			nav#menu ul.main-menu ul.sub-menu label i.fa-chevron-right-or-down::before { content:"\f054"; /* right */ }
		}
		@media (hover:hover) {
			nav#menu label:hover,
			nav#menu a:hover { transition:all 0.125s ease-in-out; }
		}
