/*
www.devsaran.com
*/

/*google font*/
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);


/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  background: #fff;
  line-height: 1;
}

/* Block elements */
header, hgroup, footer, section, article, aside {
  display: block;
}

blockquote, q {
  quotes:none;
  border: 1px solid #bbbbbb;
  background: #d8d8d8 url(images/quote.png) no-repeat;
  padding: 10px 5px 5px 47px;
  text-shadow: 1px 1px #fff;
  margin: 5px 0;
  border-radius: 7px;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

pre {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

code {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  display: block;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

ins {
  background-color:#fdfc9b;
  text-decoration:none;
}

mark {
  background-color:#fdfc9b;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

hr {
  height:1px;
  background: #9f9f9f;
  margin: 7px 0;
  border: none;
  clear: both;
  float: none;
  width: 100%;
}

input, select {
  vertical-align:middle;
}

select {
  border-radius: 4px;
  border: 1px solid #ACACAC;
  padding: 3px 4px;
}

.clear {
  clear: both;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  content: ".";
  clear: both;
  text-indent: -9999px;
  height: 0;
}

fieldset {
  border: 1px solid #ccc;
  margin: 0 0 1.4615em;
  padding: 1.5385em;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom: 15px;
  width: 100%;
}

th, tr, td {
  vertical-align: middle;
}

.sticky-header th, .sticky-table th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em;
  text-align: left;
}

/*-----------------------------------------------------------------------------------*
/* = Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/

body {
  background: #f9f9f9;
  font-size: 14px;
  line-height: 1.6em;
  color: #333;
  font-family: 'Lora', Helvetica Nue, Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
  color: #a32638;
}
a:hover {
  text-decoration: none;
}
p { margin: 0 0 1em }
strong { font-weight: 700 }
em { font-style: italic }

* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.remove-margin { margin-right: 0 !important }

/*-----------------------------------------------------------------------------------*
/* = Structure
/*-----------------------------------------------------------------------------------*/

#wrap{
  margin: 0 auto;
  width: 1003px;
  padding: 15px 15px 15px;
  background:#fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 0 20px rgba(192,192,192, 0.4);
  -webkit-box-shadow: 0 0 20px rgba(192,192,192, 0.4);
  box-shadow:  0 0 20px rgba(192,192,192, 0.4);
}

/*-------------------------------------------*
/*Headings
/*-------------------------------------------*/
h1,
h2,
h3,
h4 {
  color: #333;
  line-height: 1.5em;
  font-weight: bold;
}

h1 {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1.2em;
}

h2 {
  font-size: 21px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h2,
h3 {
  margin-top: 12px;
  margin-bottom: 8px;
}

h1 a,
h2 a,
h3 a,
h4 a { color: #333 }
h2 a:hover,
h3 a:hover,
h4 a:hover { color: #000; text-decoration: none; }

/* -------------- Form Elements   ------------- */

fieldset { 
  background: #ffffff; 
  border: 1px solid #cccccc; 
  margin-top: 10px; 
  margin-bottom: 32px;
  padding: 0 0 10px; 
  position: relative; 
  top: 12px; /* Offsets the negative margin of legends */
  -khtml-border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px; 
}

.fieldset-wrapper { 
  margin-top: 25px; 
}

.node-form .vertical-tabs .fieldset-wrapper { 
  margin-top: 0; 
}

.filter-wrapper { top: 0; padding: 1em 0 0.2em;
-khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.filter-help a { font-size: 0.857em; padding: 2px 20px 0; }

.filter-wrapper .form-item label { margin-right: 10px; }

.filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; }

.filter-guidelines { padding: 0 1.5em 0 0.5em; }

fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }

fieldset legend { background: #dbdbdb; border: 1px solid #ccc; border-bottom: none; display: block; height: 2em;
left: -1px; line-height: 2; padding: 0; position: absolute; text-indent: 10px; text-shadow: 0 1px 0 #fff; top: -12px; width: 100%;
-khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
-khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }

fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 4px; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-item label { font-size: 0.929em; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions { padding-top: 10px; }

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
/* IE10 */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');

border: 1px solid #dbdbdb;
-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white;
color: #333333; text-shadow: 0 1px 0 white; position: relative; font-weight:bold; padding: 8px 1em 9px 1em; margin-right: 10px; }

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
/* IE10 */ 
background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');

-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white;
-webkit-box-shadow: inset 0 1px 0 0 white;
-o-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
cursor: pointer; }

button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width { 
width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }

a.button, #main a.button  { text-decoration:none; }

.button-alt,
.button,
.button.small,
.button.large,
.button.medium { background-image: none; padding: 8px 1em 9px 1em; margin: 0; display: inline-block; font-stretch: narrower;
font-weight: bolder; text-align: center; text-decoration: none; }

.button.left { float: left; }

.button.right { float: right; }

.button.center,.button.middle { margin: 0px auto; text-align: center; display: inherit; }

.button-alt a,.button a,.button.small a { font-size: .9em; line-height: 14px; text-decoration:none; }

.button.medium a { font-size: 1.2em; line-height: 20px; }

.button.large a { font-size: 1.5em; line-height: 24px; }

/*-------------------------------------------------*
/* = Header
/*-------------------------------------------------*/
#header {
  margin-bottom: 1px;
  width: 980px;
}
#header-top{
  position: relative;
}
#logo{
  float: left;
  width: 102%;
}
#logoimg {
  float:left;
  padding-right: 15px;
}
#sitename {    
  float:right;
  background:rgba(0, 0, 0, 0) url("images/HdrImg.jpg") no-repeat scroll right top !important;
  height: 122px;
  width: 378px;
}

#sitename h1 {
  padding-top: 10px;
  margin: 0px;
 display: none;
}

#sitename h1 a{
  font-size: 38px;
  font-weight: bold;
  color: #333;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(192,192,192, 0.6);
}

#logo a:hover { color: #000; }

#header-top .search-block {
  float: right;
  width: 40%;
  margin: 14px 0 0;
}

.search-block #search-block-form {
  text-align: right;
}

#search-block-form input[type="submit"] {
  padding: 4px 1em 5px;
}

#site-slogan {
  padding: 35px 0 15px;
  margin-top: 20px;
  border-top: double #ddd;
  text-align: center;
  font-size: 28px;
}

.TpBrDiv {
    background: #5e809d url("images/TpBrImg.png") no-repeat scroll right -130px;
    height: 10px;
    margin-bottom: 7px;
}

/*-------------------------------------------------*
/* =  Navigation
/*-------------------------------------------------*/
#navigation {
  display: none;
}

#navigation {
  background:rgba(0, 0, 0, 0) url("images/HC_Bg1.jpg") repeat scroll right top !important;
  height: 40px;
  margin-bottom: 1px;
  font-family: 'Helvetica Nue', Arial;
}
/*** ESSENTIAL Navigation Style ***/
#main-menu ul.menu,
#main-menu ul.menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-menu ul.menu { line-height: 1.0 }
#main-menu ul.menu ul {
  position: absolute;
  top: -999em;
  width: 160px; /* left offset of submenus need to match (see below) */
}
#main-menu ul.menu ul li { width: 100% }
#main-menu ul.menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
#main-menu ul.menu li {
  float: left;
  position: relative;
  height: 40px;
  border-right: 1px solid #fff;
}
#main-menu ul.menu a {
  display: block;
  position: relative;
}
#main-menu ul.menu li:hover ul,
#main-menu ul.menu li.sfHover ul {
  left: 0;
  top: 55px; /* match top ul list item height */
  z-index: 99;
}
#main-menu ul.menu ul li:hover li ul.menu,
#main-menu ul.menu ul li.sfHover li ul.menu { top: -999em }
#main-menu ul.menu ul li:hover ul.menu,
#main-menu ul.menu ul li.sfHover ul.menu {
  left: 160px; 
  top: 0;
}
/* navigation skin ***/
#main-menu ul.menu {
  float: left;
  margin-bottom: 1em;
}
#main-menu ul.menu a {
  background: rgba(0, 0, 0, 0) url("images/HC_Bg1.jpg") repeat-x scroll 0 0 !important;
  height: 55px;
  line-height: 40px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  padding: 0 20px;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Diavlo Light","Futura Lt BT",Calibri,Garamond !important;
}
#main-menu ul.menu li{
  background-position: right top;
  background-repeat: no-repeat;
}
/*
#main-menu ul.menu li:last-child{
  background-image: none;
}
*/
#main-menu ul.menu a:focus,
#main-menu ul.menu a:hover,
#main-menu ul.menu a:active,
#main-menu ul.menu li.sfHover > a {
  color: #610008;
  background-color: #000;
  background: rgba(0, 0, 0, 0) url("images/HC_Bg2.jpg") repeat-x scroll 0 0 !important;
}

#main-menu ul li a.active {
  color: #610008;
  background-color: #000;
  background: rgba(0, 0, 0, 0) url("images/HC_Bg2.jpg") repeat-x scroll 0 0 !important;
  height: 59px;
  line-height: 40px;
  margin-left: -1px;
}
#main-menu ul li a.active-trail {
  color: #fff;
  background-color: #000;
  height: 59px;
  line-height: 40px;
  margin-left: -1px;
}
#main-menu ul ul li a.active {
  color: #610008;
  background-color: #000;
  border-bottom: none;
  height: auto;
  line-height:1em;
  margin-left:none;
}
#main-menu ul ul li a.active-trail {
  color: #fff;
  background-color: #000;
  border-bottom: none;
  height: auto;
  line-height:1em;
  margin-left:none;
}
#main-menu ul ul ul li a.active {
  color: #fff;
  background-color: #000;
  border-bottom: none;
  height: auto;
  line-height:1em;
  margin-left:none;
}
/*Subs*/
#main-menu ul.menu ul{
  background: #444;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
  box-shadow:  0 0 3px rgba(0,0,0,.4);
}
#main-menu ul.menu ul a{
  margin: 0px;
  font-size: 12px;
  padding: 15px 20px;
  line-height: 1em;
  height: auto;
  font-weight: normal;
  background-image: none;
  z-index: 200;
}
#main-menu ul.menu ul li{
  border: none;
  background-image: none;
}
#main-menu ul.menu ul a:focus,
#main-menu ul.menu ul a:hover,
#main-menu ul.menu ul a:active {
/*  color: #fff;*/
  color: #610008;
}
#main-menu ul.menu ul .current-menu-item a{
  color: #fff;
  border: none !important;
}
#main-menu ul.menu ul li:last-child{
  border-bottom: 0px;
}


/*-----------------------------------------------------------------------------------*/
/* = Image Slider
/*-----------------------------------------------------------------------------------*/

#slider-wrap{
  width: 660px;
  padding-bottom: 52px;
  border-bottom: double #ddd;
  padding-right: 30px;
  border-right: double #ddd;
}

#home-slides{
  width: 660px;
  min-height: 100px;
  position: relative;
  background:url("images/loader.gif") no-repeat 50% 50%;
  border-bottom: 6px solid #ddd;
}

#home-slides img{
  display: block;
  margin: 0;
  padding: 0;
}
#home-slides .slides_container {
  width:660px;
}
#home-slides .slides_container .slide,
#home-slides .slides_container .video-slide div {
  width: 920px;
  display:block;
}
#home-slides .caption{
  position: absolute;
  width: 620px;
  height: auto;
  left: 0px;
  bottom: 0px;
  background-color: #000;
  color: #fff;
  padding: 20px;
  text-shadow: 1px 1px 1px rgba(0,0,0, 1);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#home-slides .caption h2,
#home-slides .caption h3{
  font-size: 21px;
  color: #fff;
  margin: 0;
}
#home-slides .caption p{
  color: #999;
  font-size: 14px;
  line-height: 1.3em;
}

#home-slides .prev,
#home-slides .next{
  display: block !important;
  position: absolute;
  right: 0px;
  bottom: -45px;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  z-index:90;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
}
#home-slides .prev{
  right: 30px;
  background: #000 url("images/sliders/arrow-left.png") center center no-repeat;
}
#home-slides .next{
  background: #000 url("images/sliders/arrow-right.png") center center no-repeat;
}
#home-slides .prev:hover,
#home-slides .next:hover{
  background-color: #1f82cb;
}

#home-slides .pagination{
  position: absolute;
  left: 0px;
  bottom: -45px;
}
#home-slides .pagination li{
  float: left;
  list-style: none;
}
#home-slides .pagination a{
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  color: #666;
  background: #eee;
  font-family: 'Helvetica Nue', Arial;
  font-size: 13px;
  margin-right: 5px;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
}
#home-slides .pagination a:hover{
  background-color: #d5d5d5;
  color: #333;
}
#home-slides .pagination .current a{
  background: #1f82cb;
  color: #fff;
}

#main {
  float: left;
}

#post-content {
  display: inline;
  margin: 0;
}

body.sidebar-first #post-content {
  float: left;
  width: 680px;
  padding-right: 30px;
  border-right: double #ddd;
  overflow: hidden;
}

.node {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EEE;
}

#post-content h1 {
  margin-bottom: 0px;
}

.page-title {
  margin-bottom: 10px !important;
}

#sidebar {
  width: 270px;
  float: right;
}

#sidebar .block {
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 270px;
  word-wrap: break-word;
}

#sidebar .block h2 {
 font-size: 16px;
}

#sidebar .block > h2 {
  font-size: 16px;
  margin-top: 0px !important;
  margin-bottom: 10px;
}

.region-header {
  margin-bottom: 25px;
}

.region-header .block {
  margin-bottom: 15px;
}

.region-footer {
    background: rgba(0, 0, 0, 0) url("images/FtrBg.jpg") repeat-x scroll center bottom;
    padding:14px;
    height: 232px;
}

.region-footer .block {
    margin-bottom: 15px;
    border-right: 1px solid #d9d4d0;
    font-family: "Diavlo Light","Diavlo Book","Fertigo Pro",Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 24px;
}

#footer-wrap{
  width: 100%;
  background: #333;
  margin-top: 30px;
  font-size: 13px;
  border-top: 4px solid #ddd;
}
#footer{
  width: 920px;
  margin: 0 auto;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #7f7f7f;
}
#footer a{
  color: #999;
  text-decoration: none;
}
#footer a:hover{
  color: #1f82cb;
}

#footer-widget-wrap{
}
#footer-left,
#footer-middle,
#footer-right{
  float: left;
  width: 280px;
  margin-top: 30px;
}
#footer-right{
}
#footer-middle{
  margin-left: 40px;
  margin-right: 40px;
}
#footer-right{
}

#footer-wrap .block {
  color: #7f7f7f;
  margin-bottom: 30px;
}
#footer-wrap .block > h2{
  color: #fff;
  font-size: 16px;
  margin: 0 0 20px;
}

#footer-menu {
    font-family: "Diavlo Light","Diavlo Book","Fertigo Pro",Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 24px;
    padding: 15px 0 0;
    vertical-align: top;
}

#footer-menu a {
    color: #000000;
    display: block;
}

#footer-menu ul li{
    list-style: none ;
}

#footer-menu-1 {
  float: left;
  border-right: 1px solid #d9d4d0;
  width: 270px;
}
#footer-menu-2 {
  float: left;
  border-right: 1px solid #d9d4d0;
  width: 380px;
}

#footer-menu-3{
   float: right;
   width: 320px;
}

.CpRtTxt {
    color: #666666;
    font-family: "Diavlo Light",Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 24px;
    margin: 0px 0 14px 12px;
    position: relative;
    z-index: 2;
}

.CpRtTxt p {
    margin: 0px;
}

#social-icon a{
    float: left;
}

#social-icon img {
    margin-right: 15px;
}

.BmBrDiv {
    background-color: #5e809d;
    border-bottom: 5px solid #ffffff;
    border-top: 17px solid #ffffff;
    height: 10px;
}

.FtrImg {
    background: rgba(0, 0, 0, 0) url("images/FtrImg.png") no-repeat scroll center bottom;
    height: 278px;
    margin: -15px 0 0 770px;
    position: absolute;
    width: 159px;
    z-index: 1;
}

#copyright{
  font-size: 12px;
  color: #666;
  margin-top: 15px;
  padding-top: 15px;
  border-top: double #ddd;
}
#credit{
  text-align: right;
}

#preface-wrapper {
margin:5px auto 25px;
}

#preface-wrapper .column {
float: left;
}

#preface-wrapper.in1 .column {
width: 100%;
}

#preface-wrapper.in2 .column {
width: 50%;
}

#preface-wrapper.in3 .column {
width: 33.3%;
}

#preface-wrapper .block {
margin: 0 15px;
}

#preface-wrapper .block-title {
margin-top:15px;
}

#preface-wrapper .region {
margin:15px 0;
}

.submitted {
  background: #dfdddd;
  padding: 4px 9px;
  border-radius: 4px;
  color: #383838;
  text-shadow: 1px 1px #fff;
  clear: both;
  display: block;
  margin-bottom: 2px;
}

.links li a {
  background-color: #E7E5E3;
  color: #100100;
  padding: 4px 5px;
  border-radius: 4px;
  text-shadow: 1px 1px #fff;
  font-weight: normal;
}

.links li a:hover {
  background-color: #D7D5D3;
  color: #100101;
}

.content ul, .content ol {
  padding-left:20px;
}

.content table {
  background: #ececec;
  border: 1px solid #bbbbbb;
}

.content th {
  background: #dbdbdb;
  padding: 5px 4px;
  text-shadow: 1px 1px #fff;
  border-right: 1px solid #c8c7c7;
}

.content td {
  background: #ebebeb;
  color: #747474;
  text-align: left;
  padding-left: 4px;
  border-right: 1px solid #c8c7c7;
  border-bottom: 1px solid #c8c7c7;
}

/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
#main table.cke_editor {
  background: transparent;
  border: 0;
}
#main table.cke_editor td {
  background: transparent;
  padding: 0;
  border: 0;
}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/
.poll .vote-form .choices .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.poll .vote-form .choices {
  margin: 0;
}


/*-------------------------------------------*
/* Menus and item lists 
/*-------------------------------------------*/
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5385em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {
  border-bottom: 1px solid #b7b7b7;
  margin: 0 0 5px 0;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 1em;
  border-radius: 4px 4px 0 0;
  margin-right: 5px;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {
  margin: 0 0 10px 0;
}

.field-name-field-tags a{
  -moz-transition: background 0.3s ease-in-out 0s;
  background: none repeat scroll 0 0 #999;
  border-radius: 3px 3px 3px 3px;
  color: #fff !important;
  font-family: 'Helvetica Nue',Arial;
  font-weight: bold;
  line-height: 1em;
  padding: 3px 4px;
  text-decoration: none;
}

.field-name-field-tags a:hover{
  background: none repeat scroll 0 0 #1F82CB;
  text-decoration: none;
  text-shadow: none;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

#main .field-label{
  color: #000;
}

#main .field-items .field-item{
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
  margin: 1.5385em 0;
}

.profile dd {
  margin-bottom: 1.5385em;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.password-parent {
  width: 36em;
}

/* Comments */

.comment h2.title { margin-bottom: 1em; }

.comment div.user-picture img { margin-left: 0; }

.comment { margin-bottom: 20px; display: table; vertical-align: top; }

.comment .attribution { display: table-cell; padding: 0 35px 0 0; vertical-align: top; overflow: hidden; }

.comment .attribution img { margin: 0; border: 1px solid #d3d7d9; }

.comment .attribution .username { white-space: nowrap; }

.comment .comment-submitted p { margin: 4px 0; font-size: 1.071em; line-height: 1.2; }

.comment .comment-submitted .comment-time { font-size: 0.786em; }

.comment .comment-submitted .comment-permalink { font-size: 0.786em; text-transform: lowercase; }

.comment .content { font-size: 0.929em; line-height: 1.6; }

.comment .comment-arrow { background: url(images/comment-arrow.gif) no-repeat 0 center transparent;
border-left: 1px solid; border-right: 1px solid; height: 40px; margin-left: -36px; margin-top: 15px; position: absolute; width: 20px; }

.comment .comment-text { padding: 0 25px 10px 35px; display: table-cell; vertical-align: top; position: relative; width: 100%; border-left: 1px solid #d3d7d9; }

.comment .indented { margin-left: 40px; }

.comment-unpublished { margin-right: 5px; padding: 5px 2px 5px 5px; }

.comment .comment-text .comment-arrow { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }

/*-------------------------------------------*
/* Navigation
/*-------------------------------------------*/
.item-list .pager {
}

.item-list .pager li {
  background: #cfcfcf;
  border-radius: 3px;
  margin-right: 4px;
  text-shadow: 1px 1px #fff;
}

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
  display: inline;
  margin-top: 4px;
}

.field-name-taxonomy-forums .field-items {
}

#forum .title {
  font-size: 16px;
}

#forum .submitted {
  font-size: 12px;
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  background: transparent;
  padding: 0;
}

#forum .container {
  background: #a1a1a1;
  color: #fff;
}

#forum .container a {
  color: #000;
  font-weight: bold;
}

#forum div.indent {
  margin-left: 2px;
}

.forum-starter-picture {
  float: left;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin: 5px 7px 5px 0;
}

#forum th {
  background: #434343;
  text-shadow: none;
  color: #fff;
}

#forum th a {
  color: #fff;
}

#forum td.forum .icon, #forum .icon div {
  background: url(images/no-new-posts.png) no-repeat;
  width: 35px;
  height: 35px;
}

#forum .name a{ 
  font-size: 16px;
}


/*-----------------------------------------------------------------------------------*
/* Shortcodes
/*-----------------------------------------------------------------------------------*/

/*columns*/
.one-half{ width:48%; }
.one-third{ width:30.66%; }
.two-third{ width:65.33%; }
.one-fourth{ width:22%; }
.three-fourth{ width:74%; }
.one-fifth{ width:16.8%; }
.one-sixth{ width:13.33%; }
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {
  position:relative; margin-right:4%; float:left;
}


.column-last{margin-right: 0px;}
.column-first{margin-left: 0px;}

#give-donor-right-block {

}

.page-civicrm-profile .crm-container .crm-section .label {
  width: 22%;
}

.page-civicrm-profile .crm-container .crm-section .content {
  margin-left: 22%;
}

.not-logged-in.page-civicrm-uscjdues .uscj-dues-summary-wrapper {
  width: 900px;
}

.not-logged-in.page-civicrm-uscjdues .content .uscj-dues-summary-wrapper th {
  color: #000;
  border: 3px #000;
  font-size: 14px;
}

.not-logged-in.page-civicrm-uscjdues .content .uscj-dues-summary-wrapper table.selector th:last-child {
  display: none;
}

.not-logged-in.page-civicrm-uscjdues .content .uscj-dues-summary-wrapper td {
  background: #fff;
  color: #000;
}

.crm-container .crm-section .other_amount-section .label {
  width: 18%;
}

#crm-container.crm-public .other_amount-content input[type="text"] {
  width: 90px;
}


/*-----------------------------------------------------------------------------------*
/* Donation page template design CSS start
/*-----------------------------------------------------------------------------------*/

.contribution-bg {
  background-image: url('images/donate_background.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0px;
  background-attachment: fixed;
  min-height: 100vh;
  width: 100%;
}
.page-civicrm-contribute.page-civicrm-contribute-transact .recaptcha_label {
 display: none;
}
.page-civicrm-contribute.page-civicrm-contribute-transact .form-layout-compressed > tbody tr>td:nth-child(2) {
  padding: 0 !important;
}
.contribution-bg:has(.crm-contribution-page-id-20) {
  background-image: url('images/gift_donate_background.png');
}
.contribution-bg:has(.crm-contribution-page-id-99) {
  background-image: url('images/Nativ_donation_background.png');
}
.contribution-payment-container {
  max-width: 1645px;
  margin: 0 auto;
}

.contribution-payment-container .contribution-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contribution-payment-container .contribution-wrap h2 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
  text-shadow: 0 2px 4px black;
}

.contribution-payment-container .contribution-text {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  /* max-width: 792px; */
  max-width: 50%;
}

.contribution-payment-container header {
  max-width: 1645px;
  background-color: rgba(255, 255, 255, 0.50) !important;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:10px;
  padding:10px;
}

.contribution-payment-container header .top-header img {    
  margin: 5px 0;
  
}
.contribution-payment-container .intro_text-section p{
  font-size: 18px !important;
}
.contribution-bg .crm-public-form-item.crm-section.intro_text-section p {
  line-height: 135%;
}
.contribution-payment-container .donation_amount-section .label,
.contribution-payment-container fieldset .contribution_amount-section .label {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  width: 100% !important;
  text-align: center !important;
 
}
.contribution-payment-container .donation_amount-section .label,
.contribution-payment-container fieldset .contribution_amount-section .label label{
  font-size: 24px !important;
}

.contribution-payment-container #crm-container.crm-public .other_amount-section,
.contribution-payment-container .crm-radio-wrapper-400px {
  line-height: 1em !important;
  border: 4px solid #056186 !important;
  border-radius: 5px !important;
  text-align: center !important;
  cursor: pointer !important;
  margin-top: 10px;
  padding: 5px 0;
  width : 45%;
}
.contribution-payment-container #crm-container.crm-public .other_amount-section {
  display: inline-block;
  padding: 2px 0;
}

.contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px{
  width: 44% !important;
}
.contribution-payment-container .donation_amount-section .radiobuttons-form-radios-as-buttons
.contribution-payment-container .contribution_amount-section .radiobuttons-form-radios-as-buttons {
  margin-left: unset !important;
  margin-right: -19px;
}

.contribution-payment-container .cividesk-donation-section legend,
.contribution-payment-container .honor_block-group legend,
.contribution-payment-container .crm-profile-name-USYer_38 legend,
.contribution-payment-container .payment_options-group legend,
.contribution-payment-container .crm-profile-name-Donor_Information_31 legend {
  min-height: 1px !important;
  padding-right: 10px !important;
  border-bottom: none !important;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-weight: bold !important;
  line-height: 25px !important;
  color: inherit !important;
  margin-top: 10px !important;
  font-size: 25px !important;
  height: auto;
  padding-top: 20px;
}

.contribution-payment-container .crm-submit-buttons .crm-form-submit,
.contribution-payment-container .CRM_Contribute_Form_Contribution_Main .crm-submit-buttons .crm-form-submit {
  background: #056186 !important;
  padding: 10px 25px !important;
  font-size: 25px;
  box-shadow: unset;
}
.contribution-payment-container .crm-submit-buttons .crm-button {
  border: 0px !Important;
}
.contribution-payment-container .crm-submit-buttons .crm-button:hover {
  background-position: inherit !important;
}
.contribution-payment-container .CRM_Contribute_Form_Contribution_Main .crm-submit-buttons .crm-button_qf_Main_upload {
 padding: 0;
 border: 0;
}
.contribution-payment-container #billing-payment-block .cad-instructions-section .label {
  width: 100%;
  text-align: left;
}
.contribution-payment-container .CRM_Contribute_Form_Contribution_Main .crm-submit-buttons .crm-form-submit:hover {
  opacity: 0.9;
}
/* .contribution-payment-container .CRM_Contribute_Form_Contribution_Main .crm-submit-buttons .crm-form-submit .crm-i {
  margin-top: 18px;
  margin-left: 6px;
} */
.contribution-payment-container .editrow_custom_174-section .content tbody {
  padding: 10px !important;
  display: block;
}

.contribution-payment-container .crm-contribution-page-id-9 .crm-submit-buttons{
  display: flex;
  height: unset;
  justify-content: center;
}
.contribution-payment-container .honoree-name-email-section .form-item,
.contribution-payment-container .crm-profile .form-item {
  width: 47.5%;
  display: inline-block;
  overflow: hidden;
}
/* .contribution-payment-container .honoree-name-email-section .form-item:nth-child(2n+1),
.contribution-payment-container .crm-profile .form-item:nth-child(2n+1) {
  margin-left: 19px;
} */
.contribution-payment-container .honoree-name-email-section .crm-profile-id-31 .form-item,
.contribution-payment-container .crm-profile .crm-profile-id-31 .form-item:nth-child {
  margin-right: 5px;
}
.contribution-payment-container .crm-profile .form-item#editrow-custom_164,
.contribution-payment-container .crm-profile .form-item#editrow-custom_165 {
  width: 100%;
}
.contribution-payment-container .honoree-name-email-section .form-item#editrow-postal_code-Primary {
  vertical-align: top;
}
.contribution-payment-container .crm-profile .editrow_custom_174-section .content table.form-layout-compressed,
.contribution-payment-container .crm-profile .editrow_custom_174-section.form-item{
  width: 100%;
}
.contribution-payment-container .honoree-name-email-section .crm-form-text,
.contribution-payment-container .crm-profile .form-item .crm-form-text {
  width: 93%;
}
.contribution-payment-container .crm-profile .editrow_custom_174-section .content table.form-layout-compressed label {
  font-size: 17px;
}

.contribution-payment-container .soft_credit_type_id-section .description {
  text-align: center;
  max-width: 458px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.contribution-payment-container .payment_options-group .label {
  float: none !important;
  width: auto !important;
  text-align: center !important;
}
.contribution-payment-container .crm-container .crm-error {
  display: block !important;
}

.contribution-payment-container #footer_text {
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
}
.contribution-payment-container .honoree-name-email-section .form-item .label,
.contribution-payment-container .crm-profile .form-item .label {
  float: none !important;
  width: 100% !important;
  text-align: left !important;
  display: block !important;
  overflow: hidden !important;
  margin-left: 0 !important;
  font-size: 17px !important;
  font-weight: bold;
  line-height: 28px;
}
.contribution-payment-container .honoree-name-email-section .form-item .label label,
.contribution-payment-container .crm-profile .form-item .label label{
  font-size: 17px !important;
}
.contribution-payment-container .honoree-name-email-section .form-item .label {
  padding-top: 6px;
}

.contribution-payment-container .helprow-address_name-Primary-section .content,
.contribution-payment-container .crm-profile .editrow_custom_174-section.form-item .content,
.contribution-payment-container .crm-profile .editrow_custom_174-section.form-item .label,
.contribution-payment-container .honoree-name-email-section .form-item .content,
.contribution-payment-container .crm-profile .form-item .content {
  margin-left: 0 !important;
}

.contribution-payment-container .crm-container fieldset {
 border: unset;
}
.contribution-payment-container .honoree-name-email-section .editrow_custom_262-section,
.contribution-payment-container .crm-section .crm-form-select,
.contribution-payment-container .crm-section .select2-allowclear{
  width: 100% !important;
}
.contribution-payment-container .crm-container .select2-container a.select2-choice {
  display: flex;
  align-items: center;
}
.contribution-payment-container .crm-container .select2-container .select2-choice abbr {
  top: 15px !important;
}
.contribution-payment-container .editrow_custom_262-section  .content input,
.contribution-payment-container .soft_credit_type_id-section .content input {
  display: none;
}
.contribution-payment-container .crm-public-form-item.is_recur_radio-section .content .crm-radio-wrapper-200px,
.contribution-payment-container .honoree-name-email-section .form-item .content label,
.contribution-payment-container .soft_credit_type_id-section .content label {
  line-height: 1em !important;
  border: 4px solid #056186 !important;
  border-radius: 5px !important;
  text-align: center !important;
  cursor: pointer !important;
  width: 30%;
  display: inline-block;
  margin-top: 10px;
  padding: 17px 10px;
}
.contribution-payment-container .crm-public-form-item.is_recur_radio-section .content .crm-radio-wrapper-200px {
  width: 230px !important;
}
.contribution-payment-container .crm-public-form-item .editrow_custom_164-section,
.contribution-payment-container .crm-public-form-item .editrow_custom_165-section,
.contribution-payment-container .crm-public-form-item.is_recur_radio-section .content .crm-radio-wrapper-200px label {
  padding: 0px !important;
  font-size: 17px;
}
.contribution-payment-container .crm-public-form-item .editrow_custom_165-section {
  margin-top: -7px ! Important;
}
.contribution-payment-container .honoree-name-email-section .editrow_custom_262-section .content{
  margin-left: 19% !important;
}
.contribution-payment-container .honoree-name-email-section .form-item .content label.selected,
.contribution-payment-container .soft_credit_type_id-section .content label.selected{
  background: #056186 !important;
  color: #fff;
}
.contribution-payment-container .other_amount-section .label {
  display: none;
}
.contribution-payment-container .other_amount-section .content {
  margin-left: 0;
  padding: 0px !important;
}
.contribution-payment-container #crm-container.crm-public .other_amount-content input[type="text"] {
  width: 94%;
  background: none;
  border: 0px;
  padding: 6px 5px;
}
.crm-section donation_amount1-section
.contribution-payment-container .donation_amount-section .label,
.contribution-payment-container #crm-main-content-wrapper .crm-section.contribution_amount-section .label label,
.contribution-payment-container #crm-main-content-wrapper .crm-section.donation_amount-section .label label,
.contribution-payment-container #crm-main-content-wrapper .crm-section.donation_amount1-section .label label,
.contribution-payment-container #crm-main-content-wrapper .crm-section.is_recur_radio-section .label label{
  display: none;
}
.contribution-bg #priceset .radiobuttons-form-radios-as-buttons .price-set-option-content label,
.contribution-bg #priceset .radiobuttons-form-radios-as-buttons .crm-price-amount-amount {
  font-size: 18px !important;
  line-height: 20px !important;
  font-weight: bold !important;
  font-family: 'Montserrat', 'Arial', sans-serif;
  color: #056186;
}

.contribution-payment-container #priceset .radiobuttons-form-radios-as-buttons .crm-radio-wrapper.selected .crm-price-amount-amount  {
  color: #fff;
}
.contribution-payment-container .donation_amount-section .crm-radio-wrapper-400px {
  padding: 0px;
}
.contribution-payment-container .donation_amount-section .crm-radio-wrapper-400px .price-set-option-content label{
  padding: 12px 10px !important;
}
.contribution-bg #priceset .radiobuttons-form-radios-as-buttons .price-set-option-content.highlight label  {
  color: #fff;
  background: #056186;
}
.contribution-payment-container .crm-radio-wrapper crm-radio-wrapper-400px #crm-container .crm-public.other_amount-section, 
.contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px  {
  width: 30% !important;
}
.contribution-payment-container .radiobuttons-form-radios-as-buttons .other_amount-section {
  width: 30% !important;
}
.contribution-payment-container #crm-container.crm-public .other_amount-content input[type="text"],
.contribution-payment-container #crm-container.crm-public .other_amount-section input::placeholder {
  font-size: 18px;
  line-height: 25px;
  padding: 6px 10px;
}
.contribution-payment-container fieldset .crm-public-form-item.crm-section.soft_credit_type_id-section .content label,
.contribution-payment-container #payment_information .billing_name_address-section .crm-section .label label {
  font-size: 15px;
  line-height: 28px;
  font-family: inherit;
}
.contribution-payment-container .crm-public-form-item .honoree-name-email-section .messages.help,
.contribution-payment-container .crm-public-form-item .helprow-address_name-Primary-section .content.description,
.contribution-payment-container .crm-contribution-main-form-block .payment_options-group .payment_processor-section .label label,
.contribution-payment-container #billing-payment-block label legend,
.contribution-payment-container .crm-contribution-main-form-block .contribution_footer_text-section p span strong,
.contribution-payment-container #civicrm-footer,
.contribution-payment-container #printer-friendly,
.contribution-payment-container #billing-payment-block .crm-error.alert-danger,
.contribution-payment-container .billing_mode-group.credit_card_info-group legend,
.contribution-payment-container .billing_mode-group.direct_debit_info-group legend,
.contribution-payment-container .contribution_footer_text-section  {
  display: none !important;
}
.contribution-payment-container #payment_information .billing_name_address-section{
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px;
}
.contribution-payment-container #payment_information .billing_name_address-section .crm-section .label{
  width: 100%;
  text-align: left;
}
.contribution-payment-container #payment_information .billing_name_address-section .crm-section .content,
.contribution-payment-container #payment_information .billing_name_address-section .crm-section .content input{
  margin-left: 0;
 
}
.contribution-payment-container #payment_information .billing_name_address-section .crm-section .content input {
  width: 96%;
}
.contribution-payment-container #payment_information fieldset.billing_name_address-group legend {
  font-weight: bold ;
  font-size: 25px ;
  font-family: 'Montserrat', 'Arial', sans-serif;
}
.contribution-payment-container #billing-payment-block #card-element {
  padding: 2%;
  margin: 2% auto;
  max-width: 800px;
  background-color: ghostwhite;
  box-shadow: unset !important;
  border: 4px solid #056186 !important;
  border-radius: 5px;
  margin-top: 40px;
}
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_number-section,
.contribution-payment-container .billing_mode-group.credit_card_info-group .cvv2-section {
  width: 45%;
  margin-top: 20px;
  float: left;
}

.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_number-section .label,
.contribution-payment-container .billing_mode-group.credit_card_info-group .cvv2-section .label,
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_exp_date-section .label,
.contribution-payment-container .billing_mode-group.direct_debit_info-group .billing_mode-section.direct_debit_info-section .usd-instructions-section .label {
  width: 100%;
  text-align: left;  
}
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_number-section .label label,
.contribution-payment-container .billing_mode-group.credit_card_info-group .cvv2-section .label label,
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_exp_date-section .label label{
  font-size: 17px;
  line-height: 28px;
  font-family: inherit;
}
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_number-section input {
  width: 92%;
}
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_number-section .content,
.contribution-payment-container .billing_mode-group.credit_card_info-group .cvv2-section .content,
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_exp_date-section .content,
.contribution-payment-container .billing_mode-group.direct_debit_info-group .billing_mode-section.direct_debit_info-section .usd-instructions-section .content {
  margin-left: 0;
}

.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_number-section {
  margin-right: 20px;
}
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_exp_date-section,
.contribution-payment-container .billing_mode-group.direct_debit_info-group .billing_mode-section.direct_debit_info-section .usd-instructions-section {
  width: 100%;
  margin: 20px 0;
}
.contribution-payment-container .billing_mode-group.credit_card_info-group .credit_card_exp_date-section select {
  width: 44% !important;
  float: left;
  margin-right: 20px;
}
.contribution-payment-container fieldset.billing_mode-group.credit_card_info-group {
  margin-bottom: 30px;
}
.contribution-payment-container .billing_mode-group.direct_debit_info-group .billing_mode-section.direct_debit_info-section .usd-instructions-section .content {
  text-align: center;
}
.contribution-payment-container .billing_mode-group.direct_debit_info-group .billing_mode-section.direct_debit_info-section .usd-instructions-section .content img {
  max-width: 100%;
}
.contribution-payment-container .crm-public-form-item.is_recur_radio-section .content,
.contribution-payment-container .crm-public-form-item.crm-section.soft_credit_type_id-section .content,
.contribution-payment-container .crm-public-form-item.crm-section.soft_credit_type_id-section .content .description,
.contribution-payment-container .crm-public-form-item.crm-section.payment_processor-section .content {
  text-align: center;
}
.contribution-payment-container .crm-public-form-item.is_recur_radio-section .content .description {
  padding-top: 7px;
}
.contribution-payment-container .crm-public-form-item.crm-section.soft_credit_type_id-section .content .description {
  max-width: 100%;
}
.contribution-payment-container .crm-public-form-item.crm-section.payment_processor-section .content  {
  display: flex;
}
.contribution-payment-container .payment_processor-section .crm-radio-wrapper-400px label,
.contribution-bg .honor_block-group .honoree-name-email-section #editrow-custom_262 .content label {
  font-size: 17px;
}
.contribution-bg #honorType #editrow-custom_166 .crm-form-textarea {
  max-width: 96%;
}
.contribution-bg #crm-container.crm-public #crm-submit-buttons {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}
.contribution-payment-container .is_recur-section .label,
.contribution-payment-container #totalWithPercentage{
  display: none;
}
.contribution-payment-container .select2-container .select2-choice{
  margin: 2px 4px;
}
.contribution-payment-container .editrow_custom_164-section .label,
.contribution-payment-container .editrow_custom_165-section .label,
.contribution-payment-container .editrow_custom_164-section .content,
.contribution-payment-container .editrow_custom_165-section .content{
  padding: 0 !important;
}
.contribution-payment-container .crm-section.donation_amount-section{
  margin-bottom: 15px !important;
}

@media screen and (min-width: 992px) and (max-width: 1448px) {
  .contribution-payment-container fieldset.crm-public-form-item.crm-group.payment_options-group .content.radiobuttons-form-radios-as-buttons {
    display: flex;
  }
  .contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px, .radiobuttons-form-radios-as-buttons .other_amount-section {
    width: 45% !important;
  }
  .contribution-payment-container .crm-profile .editrow_custom_174-section .content table.form-layout-compressed label {
    font-size: 14px;
  }
}


.contribution-payment-container .crm-container .crm-section .content {
  margin-left: 0%;
}

@media screen and (min-width: 993px) and (max-width: 1131px){

  .contribution-payment-container #crm-container.crm-public .other_amount-content input[type="text"]{
    padding: 7px 10px;
  }
  .contribution-payment-container .crm-public-form-item .form-layout-compressed tr td label {
    font-size: 13px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  
  .contribution-payment-container .honoree-name-email-section .form-item, .contribution-payment-container .crm-profile .form-item {
    width: 100%;
  }
  .contribution-payment-container .honoree-name-email-section .form-item:nth-child(2n+1), .contribution-payment-container .crm-profile .form-item:nth-child(2n+1) {
    margin-left: 0px !important;
  }
  .contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px, .radiobuttons-form-radios-as-buttons .other_amount-section {
    width: 45% !important;
  }
  .contribution-payment-container .honoree-name-email-section .editrow_custom_262-section .content {
    margin-left: 0% !important;
  }
  .contribution-bg #honorType #editrow-custom_166 .crm-form-textarea {
    max-width: 365px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1100px){

  .contribution-payment-container .crm-public-form-item.crm-section.soft_credit_type_id-section .content label {
    width: 39%; 
    float:left;
    margin-bottom:15px ;
  }
  .contribution-payment-container .crm-public-form-item.crm-section.soft_credit_type_id-section .content {
    margin-left: 5%;
  }
  .contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px {
    width: 45% !important;
  }
  .contribution-payment-container .crm-public-form-item table.form-layout-compressed tr td {
    width: 45%;
    display: inline-block;
  }


}

@media screen and (min-device-width: 767px) and (max-device-width: 992px){
  .contribution-bg {
    background-image: url('images/donate_background.png') !important;
    background-image: unset;
    background-size: unset;
    background-repeat: unset;
    background-position: unset;
    background-attachment: unset;
    height: unset;
    width: unset;
  }
  .contribution-bg:has(.crm-contribution-page-id-20) {
    background-image: url('images/gift_donate_background.png') !important;
  }
  .contribution-bg:has(.crm-contribution-page-id-99) {
    background-image: url('images/Nativ_donation_background.png') !important;
  }
  .contribution-payment-container .contribution-wrap {
    width: 90%;
    float: unset;
    margin: auto;
  }
  .contribution-payment-container .contribution-text {
    max-width: 792px !important;
  }
  .contribution-payment-container .donation_amount-section .radiobuttons-form-radios-as-buttons,
  .contribution-payment-container .contribution_amount-section .radiobuttons-form-radios-as-buttons {
    margin-left: unset !important;
    margin-right: -35px;
  }
  .contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px{
    width: 30.1% !important; 
  }
  .contribution-payment-container .radiobuttons-form-radios-as-buttons .other_amount-section  {
    width: 45% !important;
  }

  
} 
@media screen and (min-device-width: 768px) and (max-device-width: 1000px) {

  .contribution-payment-container .radiobuttons-form-radios-as-buttons .other_amount-section {
    width: 30% !important;
  }
  .contribution-payment-container .crm-public-form-item.crm-section.soft_credit_type_id-section .content label {
    max-width: 125px;
  }

}

@media screen and (min-device-width: 768px) and (max-device-width: 762px) {
  .radiobuttons-form-radios-as-buttons .other_amount-section {
    width: 30% !important;
  }
}

@media (max-width: 767px){
  .contribution-bg {
    background-image: url('images/donate_background.png') !important;
    background-image: unset;
    background-size: unset;
    background-repeat: unset;
    background-position: unset;
    background-attachment: unset;
    height: unset;
    width: unset;
  }
  .contribution-bg:has(.crm-contribution-page-id-20) {
    background-image: url('images/gift_donate_background.png') !important;
  }
  .contribution-bg:has(.crm-contribution-page-id-99) {
    background-image: url('images/Nativ_donation_background.png') !important;
  }
  .contribution-payment-container .contribution-wrap {
    width: 90%;
    float: unset;
    margin: auto;
  }
  .contribution-payment-container header {
    max-width: 100% !important;
    background-color:rgba(255, 255, 255, 0.50) !important;
    margin-right: unset;
    margin-left: unset;
  }
  .contribution-payment-container .crm-profile .form-item {
    width: 100%;
    display: inline-block;
  }
  .contribution-payment-container .crm-profile .form-item .crm-form-text {
    width: 95%;
  }
  .contribution-payment-container .crm-profile .form-item .label,
  .contribution-payment-container .crm-profile .form-item .content,
  .contribution-payment-container .crm-profile .editrow_custom_174-section.form-item .content,
  .contribution-payment-container .crm-profile .editrow_custom_174-section.form-item .label {
    margin-left: 0% !important;
  }
  .contribution-payment-container .crm-profile .editrow_custom_174-section.form-item .content td{
      width: 50%;
      display: inline-table;
  }
  
  .contribution-payment-container .donation_amount-section .label,
  .contribution-payment-container fieldset .contribution_amount-section .label label {
    font-size: 17px;
    font-family: 'Montserrat', 'Arial', sans-serif;
    text-align: center !important;
    margin-bottom: 0;
    font-weight: 400;
    color: #056186;
    cursor: pointer !important;

  }
  .contribution-payment-container .donation_amount-section .radiobuttons-form-radios-as-buttons,
  .contribution-payment-container .contribution_amount-section .radiobuttons-form-radios-as-buttons {
    margin-left: unset !important;
    margin-right: -19px;
  }
 
  .contribution-payment-container .crm-radio-wrapper-400px {
    line-height: 1em !important;
    border: 4px solid #056186 !important;
    border-radius: 5px !important;
    text-align: center !important;
    cursor: pointer !important;
    margin-top: 10px;
    padding: 5px 0;
  }

  .contribution-payment-container #crm-container.crm-public .other_amount-section, 
  .contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px {
    width: 45% !important;
  }
  .contribution-payment-container #payment_information .billing_name_address-section {
    grid-template-columns: auto;
  }  
  .contribution-payment-container .honoree-name-email-section .form-item,
  .contribution-payment-container .crm-profile .form-item {
    width: 47.5%;
    display: inline-block;
    overflow: hidden;
  }
  .contribution-payment-container .honoree-name-email-section .form-item,
  .contribution-payment-container .crm-profile .form-item {
    width: 100%;
  }
  .contribution-payment-container .honoree-name-email-section .form-item:nth-child(2n+1), 
  .contribution-payment-container .crm-profile .form-item:nth-child(2n+1) {
    margin-left: 0px !important;
  }
  .contribution-payment-container .honoree-name-email-section .editrow_custom_262-section .content {
    margin-left: 12% !important;
}
.contribution-payment-container .honor_block-group .crm-public-form-item .content {
    margin-left: 12% !important;
}
.contribution-payment-container .soft_credit_type_id-section .content label {
  width: 38%;
}
.contribution-payment-container .contribution-text {
  max-width: 792px;
}
.contribution-payment-container .payment_options-group .radiobuttons-form-radios-as-buttons {
  display: flex;
}
.contribution-bg #honorType #editrow-custom_166 .crm-form-textarea {
  max-width: 100%;
  width: 95%;
}
.contribution-payment-container #billing-payment-block .cad-instructions-section .content img {
  width: 94%;
}

}



@media (max-width: 433px) {
  .crm-contribution-page-id-20 .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px {
    width: 90% !important;
  }
  .contribution-payment-container .crm-submit-buttons .crm-form-submit,
  .contribution-payment-container .CRM_Contribute_Form_Contribution_Main .crm-submit-buttons .crm-form-submit {
    font-size: 12px;
  }
  .is_recur_radio-section .radiobuttons-form-radios-as-buttons .crm-radio-wrapper {
    padding-right : 0 !important;
  } 
  .contribution-payment-container .crm-public-form-item.crm-section.payment_processor-section .content {
    display: contents;
  }
  .contribution-payment-container .contribution-text {
    max-width: 90%;
  }
  .contribution-payment-container .intro_text-section p img {
    width: 318px !important;
    height: 43px !important;
  }
  .contribution-payment-container .crm-public-form-item .crm-public-form-item .radiobuttons-form-radios-as-buttons {
    margin-left: 6%;
  }
  .contribution-payment-container .crm-public-form-item .crm-public-form-item .content {
    font-size: 12px !important;
  }
  .contribution-payment-container .CRM_Contribute_Form_Contribution_Main .crm-submit-buttons .crm-form-submit {
    font-size: 18px !important;
  }
  .contribution-payment-container .honoree-name-email-section .crm-form-text,
  .contribution-payment-container .crm-profile .form-item .crm-form-text {
    width: 93% !important;
  }
  .contribution-payment-container .crm-public-form-item.crm-section.soft_credit_type_id-section .content label {
    width: 35%; 
    float:left;
    margin-bottom: 0;
  }
  .contribution-payment-container .honor_block-group .crm-public-form-item .content {
    margin-left: 0% !important;
  }
  .contribution-payment-container #crm-container.crm-public .other_amount-section, 
  .contribution-payment-container .crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px {
    width: 100% !important;
  }

}

/* synagogue portal style */
.synagogue-table thead th {
  background: #f78e27 !important;
  color: #fff;
  padding: 9px 5px;
  border: 0px !important;
  text-align: left;
}

.synagogue-table tbody td {
  padding: 8px 0 0 5px !important;
  border: 0px !important;
}

.synagogue-table tbody tr {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

#block-uscj-theme-pagetitle > div > h1 {
  padding: 10px 0px !important;
}

div[data-drupal-messages] div[role="status"] {
  visibility: hidden;
  display: none;
}

label[class*="form-required"]:after {
  content: " *";
  color: red;
  font-weight: bold;
}

#edit-mailing-address {
  max-width: 46%;
}

#webform-submission-synagogue-position-add-form .form-item {
  display:grid;
}
/* synagogue portal style ends */

/* civicrm event page style */
.crm-event-register-form-block .crm-multiple-checkbox-radio-options.crm-options-per-line {
  background: #ececec;
  padding: 2px;
  gap: 5px;
  font-size: 13px;
  display: flex;
}
/* civicrm event page style ends*/

/* sidebar css */
body #post-content {
  float: left;
  width: 680px;
  padding-right: 30px;
  border-right: double #ddd;
  overflow: hidden;
}
#block-uscj-theme-donationinformation h2 {
  font-size: 16px !important;
}
/* sidebar css ends */