/* ----------reset css-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin-top:0;margin-bottom:0;}
object {outline:none;}
/*html {overflow:scroll;}*/
html {overflow-y:scroll;}
img {-ms-interpolation-mode:bicubic;}
/*img {max-width:100%;height:auto;}*/
@media \0screen {img { width:auto; /* for ie 8 */}}
a {outline-style:none;}
textarea {resize:vertical;}
textarea, input {outline:none;}
.clearboth {clear:both;height:0;font-size:1px;line-height:0px;}

.group:before, .group:after {content:"";display:table;} 
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}


/* ---------- fouc-less -------------- */
/*.fouc-less #banner div.slide {display:none;}
.fouc-less #banner-page div.slide {display:none;}
.fouc-less #gallery div.slide {display:none;}*/



/* ---------- text and common styles -------------- */
a {color:#522b7f;text-decoration:none;font-weight:bold;}
a:hover {color:#C7B9DC;text-decoration:none;}
p {padding:0px 0px 15px 0px;}
strong {/*font-family:'open_sansbold',Arial,Helvetica,sans-serif;*/font-weight:bold;color:#333;}

ul{margin:3px 0px 7px 35px;padding:0px;}
ol{margin:3px 0px 7px 35px;padding:0px;}
li{margin:0px;padding:0px 0px 5px 0px;}

h1 {font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;line-height:120%;color:#522b7f;font-weight:normal!important;}
h2,h3,h4,h5,h6 {font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;line-height:normal;line-height:120%;color:#522b7f;font-weight:normal!important;}
h1 {font-size:36px;padding:0px 0px 20px 0px;}
h2 {font-size:21px;padding:0px 0px 12px 0px;}
h3 {font-size:21px;padding:18px 0px 12px 0px;}
h4 {font-size:16px;padding:0px 0px 12px 0px;}
h5, h6 {font-size:16px;padding:0px 0px 12px 0px;}

.txt_small {font-size:12px;line-height:normal;}
.txt_default {font-size:14px;}
.txt_large {font-size:18px;line-height:normal;}
.txt_big {font-size:24px;line-height:normal;}

.alignleft {display:inline;float:left;margin-right:20px;margin-top:5px;margin-bottom:5px;}
.alignright {display:inline;float:right;margin-left:20px;margin-top:5px;margin-bottom:5px;}
.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignleft,img.alignright,img.aligncenter {/*margin-top:4px;margin-bottom:5px;*/}
@media \0screen {img { width: auto; /* for ie 8 */}}

.wp-caption-text {font-size:14px;line-height:130%;}

blockquote {color:#522b7f;background:#FFF;border-left:8px solid #C7B9DC;margin:15px 40px 20px 40px;padding:0 0 4px 15px;font-style:italic;}
blockquote p {display:inline;}

.uppercase {text-transform:uppercase;}
.no-margin {margin-right:0!important;}

hr {border:0;height:0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}


/* ---------- start css -------------- */
html {height:100%;}
body {height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#555;font-size:15px;overflow-x:hidden;line-height:normal;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/}
body {background:#522b7f;background:-moz-linear-gradient(top, #522b7f 0%, #1c0744 100%);background:-webkit-linear-gradient(top, #522b7f 0%,#1c0744 100%);background:linear-gradient(to bottom, #522b7f 0%,#1c0744 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#522b7f', endColorstr='#1c0744',GradientType=0 );background-repeat:no-repeat;background-attachment:fixed;}

.container {clear:both;width:960px;margin:0 auto;padding:0;position:relative;background:none;}


/* ---------- masthead and menus -------------- */
#masthead {position:relative;height:180px;margin:0;padding:0;background:url(../img/masthead.jpg) center center no-repeat;background-size:cover;padding:0 36px 0 36px;}
#masthead img.logo-supporters-direct {width:124px;height:auto;margin:-2px 0 0 0;opacity:1;transition:opacity 0.2s ease-in-out;}
#masthead img.logo-supporters-direct {-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
#masthead img.logo-supporters-direct:hover {opacity:0.75;}
#tagline {position:absolute;left:180px;top:50px;color:#FFF;font-size:18px;}

#nav {clear:both;position:relative;margin:0;padding:0;text-align:center;height:56px;line-height:56px;border-left:15px solid #532D82;}
#nav {background: #200a46;background:-moz-linear-gradient(left, #200a46 0%, #522b7f 100%);background:-webkit-linear-gradient(left, #200a46 0%,#522b7f 100%);background:linear-gradient(to right, #200a46 0%,#522b7f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#200a46', endColorstr='#522b7f',GradientType=1 );}
#nav ul {margin:0;padding:0 0 0 15px;position:relative;}
#nav li {float:left;list-style:none;padding:0px;margin:0px;}
#nav li a {display:block;font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-size:18px;font-weight:normal;color:#FFF;text-transform:uppercase;text-decoration:none;text-align:center;margin:0;padding:0px 18px 0px 18px;}
#nav li a:hover {color:#C7B9DC;text-decoration:none;}
#nav li.current_page_item a, #nav li.current_page_item a:hover, #nav li.current_page_ancestor a, #nav li.current_page_ancestor a:hover {color:#C7B9DC;text-decoration:none;}

.statement {position:absolute;right:0;top:0;border:1px solid #FFF;border-bottom:none;background:#522b7f;font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-weight:normal;font-size:18px;color:#FFF;text-transform:uppercase;padding:0 15px 0 15px;}
#btn-donate {position:absolute;right:30px;top:5px;}

#search {position:absolute;right:36px;top:122px;width:186px;height:28px;background:#FFF;overflow:hidden;}
#search .input-search {float:left;border:1px solid #75579B;background:#FFF;font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#75579B;font-size:15px;width:160px;height:26px;padding:0 10px 0 10px;}
#search .btn-search {position:absolute;right:0px;top:0px;width:26px;height:26px;border:1px solid #75579B;color:#75579B;background:#FFF;cursor:pointer;}
#search .btn-search:hover {color:#FFF;background:#75579B;}
#search .input-search,#search .btn-search {-webkit-appearance:none;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}

.nav-sub {margin:0 0 40px 0;padding:0px;}
.nav-sub a.title {display:block;font-size:24px;padding:15px 0 15px 0;font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif!important;font-weight:normal;}
.nav-sub ul {margin:0px;padding:0px;}
.nav-sub li {list-style:none;padding:0px;margin:0px;}
.nav-sub li.page_item_has_children a:after {content:"\25B6";font-size:12px;margin:0 0 0 6px;vertical-align:1px;}
.nav-sub li a {display:block;margin:0px 0px 0px 0px;padding:15px 0px 15px 0px;font-family:Arial,Helvetica,sans-serif;text-align:left;border-top:2px solid #E6E6E6;color:#522b7f;font-size:18px;line-height:130%;text-decoration:none;}
.nav-sub li a:hover {color:#C7B9DC;text-decoration:none;}

.nav-sub li.current_page_item > a {color:#C7B9DC;}
.nav-sub li.current_page_item > ul.children {display:block;}
.nav-sub li.current_page_ancestor > ul.children {display:block;}

.nav-sub ul ul {display:none;}

.nav-sub li ul {margin:-5px 0px 20px 0px;padding:0px;}
.nav-sub li.page_item_has_children li a:after {content:"";}
.nav-sub li li a {color:#522b7f;padding:10px 0px 10px 40px;border-top:none;font-size:15px;}


/* -------------------- banner -------------------- */
#banner-wrapper {clear:both;width:960px;height:480px;margin:0 auto;padding:0;text-align:center;overflow:hidden!important;position:relative;}
#banner-wrapper .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:20;}
#banner {width:100%;height:100%;}
#banner .slide {width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;z-index:10;}
#banner .slide:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
#banner .content {display:inline-block;vertical-align:middle;width:75%;color:#FFF;animation-delay:1s;position:relative;z-index:30;}
#banner .content.standard {font-size:36px;}
#banner .content.small {font-size:24px;}
#banner a {color:#C7B9DC;text-decoration:none;}
#banner a:hover {color:#FFF;text-decoration:underline;}

#pager {text-align:center;width:100%;z-index:500;position:absolute;bottom:30px;overflow:hidden;}
#pager a {display:inline-block;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;margin:0 4px 0 4px;background:none;cursor:pointer;}
#pager a:hover {background:#522b7f;cursor:pointer;}
#pager a.cycle-pager-active {background:#FFF;cursor:default;}

#banner-new-wrapper {clear:both;width:960px;height:480px;margin:0 auto;padding:0;text-align:center;overflow:hidden!important;position:relative;}
#banner-new-wrapper .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:20;}
#banner-new {width:100%;height:100%;}
#banner-new .slide {width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;z-index:10;}
#banner-new a {display:block;width:100%;height:100%;}

#pager-new {text-align:center;width:100%;z-index:500;position:absolute;bottom:30px;overflow:hidden;}
#pager-new a {display:inline-block;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;margin:0 4px 0 4px;background:none;cursor:pointer;}
#pager-new a:hover {background:#522b7f;cursor:pointer;}
#pager-new a.cycle-pager-active {background:#FFF;cursor:default;}


#testimonials-wrapper {clear:both;width:960px;height:320px;margin:0 auto;padding:0;text-align:center;overflow:hidden!important;position:relative;background:#522B7F;}
#testimonials {width:100%;height:100%;}
#testimonials .slide {width:100%;height:100%;}
#testimonials .slide:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
#testimonials .content {display:inline-block;vertical-align:middle;width:75%;color:#FFF;font-size:24px;animation-delay:1s;margin-top:-3%;}

#pager2 {text-align:center;width:100%;z-index:500;position:absolute;bottom:30px;overflow:hidden;}
#pager2 a {display:inline-block;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;margin:0 4px 0 4px;background:none;cursor:pointer;}
#pager2 a:hover {background:#522b7f;cursor:pointer;}
#pager2 a.cycle-pager-active {background:#FFF;cursor:default;}


/* ---------- home page -------------- */
.home-quote {font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-size:36px;font-weight:normal;color:#522b7f;text-transform:uppercase;line-height:110%;border-top:1px solid #522b7f;margin:30px 0 0 0;padding:30px 0 30px 0;}
.home-quote blockquote {quotes:"\201C" "\201D";margin:0 80px 0 80px;padding:0;border-left:none;font-style:normal;}
.home-quote blockquote:before, .home-quote blockquote:after {font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-size:72px;font-weight:normal;color:#522b7f;position:absolute;}
.home-quote blockquote:before {content:open-quote;margin:12px 0 0 -40px;}
.home-quote blockquote:after {content:close-quote;margin:12px 0 0 8px;}

.row-01 {background:#FFF;}
.featured-item {float:left;width:50%;height:380px;background:#FFF center center no-repeat;background-size:cover;position:relative;z-index:10;opacity:1;transition:opacity 0.3s ease-in-out;}
.featured-item:hover {opacity:0.75;cursor:pointer;}
.featured-item a {display:block;width:100%:height:100%:}
.featured-item .overlay {position:absolute;left:0;bottom:0;background:url(../img/fade-gradient.png) repeat-y;background-size:100%;border-left:15px solid #532D82;}
.featured-item .overlay .inner {padding:15px 20px 15px 25px;}
.featured-item .overlay .title {font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-size:32px;font-weight:normal;color:#FFF;line-height:115%;text-transform:uppercase;padding:0 0 5px 0;}
.featured-item .overlay .content {font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;color:#FFF;}

.tweet-box {padding:0 0 0 25px;}

.home #mc_embed_signup {padding:0 0 0 20px;}
#mc_embed_signup {padding:0;height:270px;}
#mc_embed_signup form {padding:0!important;}
#mc_embed_signup h2 {margin:0 0 10px 0!important;}
#mc_embed_signup .indicates-required {display:none;}


/* ---------- page structure -------------- */
.row-mid {padding:36px 36px 36px 36px;background:#FFF;}
.col-left {float:left;width:550px;padding:0px 0px 0px 0px;position:relative;}
.col-right {float:right;width:280px;padding:40px 0px 0px 0px;position:relative;}

.row-02 .col-left {float:left;width:66.66%;}
.row-02 .col-right {float:right;width:33.33%;padding:0;}
.row-02 .featured-item {width:50%;height:220px;}
.row-02 .featured-item .overlay .title {font-size:18px;}
.row-02 .featured-item .overlay .content {font-size:13px;line-height:120%;}

.col-left img.size-full {width:100%;height:auto;}
.col-left img.alignnone {width:100%;height:auto;}
.col-left img.size-medium {max-width:49%;height:auto;}
.col-left .featured-image {width:100%;height:auto;}

.btn-back {display:block;text-align:center;padding:7px 0 7px 0;color:#FFF;background:#CCC;margin:18px 0 10px 0;text-transform:uppercase;}
.btn-back:hover {color:#FFF;background:#C7B9DC;text-decoration:none;}

.list-01-wrapper {margin:0 0 0 0;}
.list-01 {margin:20px 0 0 0;padding:30px 0 0 0;border-top:1px solid #CCC;}
.list-01 .image {float:left;width:150px;margin-top:5px;border:1px solid #CCC;}
.list-01 .image img {display:block;width:100%;height:auto;}
.list-01 .content {margin:0 0 0 180px;}
.list-01 .content h3 {padding:0 0 3px 0;line-height:120%;font-size:21px;}
.list-01 .content h4 {padding:0;line-height:120%;font-size:21px;}
.list-01 .content .text {margin-top:7px;}
.list-01 .content .date {color:#000;margin-top:2px;}

.wp-pagenavi {margin:60px 0 20px 0;}
.wp-pagenavi .extend {display:none;}

.logo-image {display:block;float:left;position:relative;width:32%;overflow:hidden;border:1px solid #CCC;margin:0 2% 2% 0;text-align:center;}
.logo-image {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.logo-image:nth-child(3n) {margin:0 0 2% 0;}
.logo-image img.overlay {display:block;width:100%;height:auto;} 
.logo-image img.image {display:none;position:absolute;width:70%;height:auto;overflow:auto;margin:auto;top:0;left:0;bottom:0;right:0;}

.addthis-wrapper {float:left;width:300px;height:32px;line-height:36px;padding:15px 36px 19px 36px;color:#FFF;font-size:12px;}
.addthis_sharing_toolbox {float:left;height:32px;margin-right:10px;}


/* ---------- forms -------------- */
label {float:left;}
.input {padding:4px 10px 4px 10px;background:#FFF;border:1px solid #CCC;}
.input,.btn-form {font-family:Arial,Helvetica,sans-serif;font-weight:normal!important;font-size:14px;background:#FFF;}
.btn-form {/*font-family:'open_sansbold',Arial,Helvetica,sans-serif;*/font-weight:bold;line-height:normal;color:#FFF;background:#522b7f;padding:10px 20px 10px 20px;margin:10px 0px 15px 0px;border:none;-webkit-appearance:none;}
.btn-form:hover {background:#C7B9DC;color:#FFF;cursor:pointer;}

#contact-form-wrapper {margin-top:20px;}
#contact-form .row {clear:both;margin:0px 0px 5px 0px;}
#contact-form label {width:100px;padding:3px 0px 0px 0px;}
#contact-form .input {width:240px;}
#contact-form label.error {display:none!important;}
#contact-form .input.error {border:1px solid #FF0000;}
#contact-complete {display:none;}
.input,.btn-form {-webkit-appearance:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}


/* ---------- footer -------------- */
#footer {background:#522b7f;height:56px;line-height:56px;padding:0 0 0 8px;}
#footer ul {margin:0;padding:0 0 0 20px;}
#footer li {list-style:none;float:left;margin:0;padding:0;}
#footer li a {display:block;font-family:'open_sans_condensedbold',Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:0 10px 0 10px;color:#FFF;text-transform:uppercase;}
#footer li a:hover {color:#C7B9DC;}
#footer li.current_page_item a, #footer li.current_page_item a:hover {color:#C7B9DC;}

.social-icons {float:right;padding:15px 36px 19px 36px;}
.social-icons img {width:32px;height:auto;margin:0 3px 0 0;opacity:0.6;transition:opacity .25s ease-in-out;}
.social-icons img:hover {opacity:1;}


/* -------------------- responsive -------------------- */
.desktop-only {display:block;}
.mobile-only {display:none;}

.responsive-frame {position:relative;padding-bottom: 56.25%;height:0;overflow:hidden;margin-bottom:10px;}
.responsive-frame iframe, .responsive-frame object, .responsive-frame embed {position:absolute;top:0;left:0;width:100%;height:100%;}

#btn-nav {display:none;}
#btn-sub {display:none;}
#nav-mobile-wrapper {display:none;}

/*#banner-mobile {display:none;overflow:hidden!important;margin:0 auto;text-align:center;position:absolute;left:50%;width:1600px;height:360px;margin-left:-800px;background-repeat:none;background-position:center center;background-size:cover;z-index:10;}*/


/* -------------------- responsive over-rides -------------------- */
@media (max-width: 960px) {
.container {width:auto;padding:0;}
.col-left {clear:both;float:none;width:auto;padding:0;}
.col-right {display:none;clear:both;float:none;width:auto;margin:0 0 0 0;padding:0 0 60px 0;}

.featured-item .overlay .title {font-size:24px;}
.row-02 .col-right {display:block;}
.row-02 .col-left {float:none;width:auto;}
.row-02 .col-right {float:none;padding:40px 0 0 0;width:auto;}

#btn-nav {display:block;background:#522b7f;height:56px;line-height:56px;color:#FFF;text-transform:uppercase;text-align:left;text-decoration:none;padding:0 36px 0 36px;}
#btn-nav:hover {text-decoration:none;}
#btn-nav img {float:right;width:26px;height:auto;margin:17px 0 0 0;}

#btn-sub {display:block;background:#745598;height:56px;line-height:56px;color:#FFF;text-transform:uppercase;text-align:left;text-decoration:none;padding:0 36px 0 36px;border-top:1px solid #FFF;}
#btn-sub:hover {text-decoration:none;}
#btn-sub img {float:right;width:26px;height:auto;margin:17px 0 0 0;}

#nav {display:none;text-align:left;height:auto;line-height:auto;border-left:15px solid #532D82;}
#nav ul {margin:0;padding:0;position:relative;}
#nav li {float:none;border-bottom:1px solid #522b7f;}
#nav li a {text-align:left;}

.home #mc_embed_signup {float:left;width:47%;height:auto;padding:0;}
.tweet-box {float:right;width:47%;height:auto;padding:0;}

#banner-wrapper,#banner-new-wrapper {width:auto;height:480px;}
#banner .content.standard {font-size:32px;}
#banner .content.small {font-size:21px;}
#banner .content {width:85%;}

.home-quote {font-size:28px;}
.home-quote blockquote {margin:0 0 0 40px;}
.home-quote blockquote:before, .home-quote blockquote:after {font-size:64px;}
.home-quote blockquote:before {margin:12px 0 0 -40px;}
.home-quote blockquote:after {margin:12px 0 0 8px;}
}

@media (max-width: 640px) {
.featured-item {float:none;width:auto;}
.featured-item .overlay {width:100%;}
.row-02 .featured-item {width:auto;}
	
.home #mc_embed_signup {float:none;width:auto;height:auto;padding:0;margin-bottom:60px;}
.tweet-box {float:none;width:auto;height:auto;padding:0;}

.list-01 .image {width:100px;}
.list-01 .content {margin:0 0 0 130px;}

.addthis-wrapper {float:none;width:auto;padding:25px 0 10px 36px;}
.social-icons {float:none;width:auto;padding:5px 0 19px 36px;}
}

@media (max-width: 520px) {
.list-01 .image {width:80px;}
.list-01 .content {margin:0 0 0 110px;}

blockquote {margin:15px 40px 20px 20px;}

#banner-wrapper,#banner-new-wrapper {width:auto;height:400px;}
#banner .content.standard {font-size:24px;}
#banner .content.small {font-size:18px;}
#banner .content {width:85%;}

.home-quote {font-size:24px;}
.home-quote blockquote {margin:0 0 0 40px;}
.home-quote blockquote:before, .home-quote blockquote:after {font-size:60px;}
.home-quote blockquote:before {margin:12px 0 0 -40px;}
.home-quote blockquote:after {margin:12px 0 0 8px;}
#tagline {font-size:14px;left:auto;right:25px;top:20px;text-align:right;}
#tagline span {display:block;}
}

@media (max-width: 400px) {
	
#masthead {padding-left:23px;padding-right:25px;}
.row-mid {padding-left:25px;padding-right:25px;}
#btn-nav {padding-left:25px;padding-right:25px;}
#btn-sub {padding-left:25px;padding-right:25px;}
	
#search {width:146px;right:25px;}
#search .input-search {width:120px;}

.list-01 .image {width:80px;margin:0 20px 15px 0;}
.list-01 .content {margin:0;}

.addthis-wrapper {float:none;width:auto;padding:25px 0 10px 25px;}
.social-icons {float:none;width:auto;padding:5px 0 19px 25px;}

#footer {height:auto;line-height:normal;padding:15px 0 15px 0;}
#footer li {float:none;}
}

@media (max-width: 350px) {
#search {width:116px;right:20px;}
#search .input-search {width:90px;}	
}