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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
margin:0px; padding:0px; border:0px; outline:0px; font-style:inherit; vertical-align:baseline
}
*, *:before, *:after {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box
}
img {
max-width:100%; height:auto
}
#content a img {
border:none !important
}
.gallery-item {
padding:1px
}
.gallery-caption {
font-size:12px
}
iframe {
display:block; margin:auto
}
blockquote {
quotes:none
}
blockquote:before, blockquote:after {
content: ''; content:none
}
del {
text-decoration:line-through
}
sup,
sub { 
vertical-align: baseline;
vertical-align: bottom;
position: relative;
}
sup {
bottom:1ex 
}
sub {
top:.5ex
}
em {
font-style:italic
}
ol, ul {
list-style:none
}
a:link, a:active, a:visited {
text-decoration:underline; color:#0000ff;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}
a:hover {
text-decoration:none; color:#555555;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}
a img {
border:none
}
p {
margin:0px; padding-top:5px; padding-bottom:5px
}
h1, h2, h3, h4, h5 {
padding:0px; margin:0px
}
.clear {
clear:both
}
.center {
text-align:center
}
textarea {
font-family:'Montserrat', sans-serif
}
.hide {
display:none; visibility:hidden; height:0
}
html, body {min-height:100%; padding:0; margin:0}
body {
font-family:'Montserrat', sans-serif; background:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/background.jpg) no-repeat top center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
} .wrapper {
width:100%; max-width:1400px; margin:auto; margin-bottom:20px; vertical-align:top; background:rgba(255, 255, 255, 0.8); border-top:solid 1px #d8d8d8
}
.content-body {
width:75%; float:left
}
.content-body-full-width {
width:100%
}
.content-sidebar {
width:25%; float:right; overflow:hidden
}
.content-sidebar img {
max-width:100%; height:auto; margin:auto
} #top {
width:100%; background:rgba(255, 255, 255, 0.9)
}
#top h2, #top a {
font-size:16px; line-height:20px; color:#000000; font-weight:500; text-decoration:none
}
.top-body {
width:100%; max-width:1400px; padding:5px; margin:auto
}
.top-body-left {
width:50%; float:left; padding-top:5px; padding-bottom:5px; padding-left:10px
}
.top-body-right {
width:50%; float:right; padding-top:0px; padding-bottom:0px; padding-left:10px
} #search-form {
width:215px; height:28px; display:block; float:right
}
#search-form .search-button {
height:27px; width:40px; line-height:27px; display:inline-block; outline:none; cursor:pointer; text-align:center; text-decoration:none; 
font-size:14px; color:#848484; border:0; background:#e5e5e5; position:relative; top:1px; left:-3px
}
#search-form input[type=text] {
width:160px; height:27px; line-height:27px; padding:7px; padding-top:9px; padding-left:15px; outline:none; border:0px; font-size:12px; position:relative; top:0; 
color:#848484; background-color:#e5e5e5; margin-right:1px
} .header {
width:100%; padding-top:20px; padding-bottom:20px; background:rgba(255, 255, 255, 0.8); position:absolute; top:75px; z-index:1000; 
border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff
}
.header-top {
width:100%; padding-top:20px; padding-bottom:20px; background:rgba(255, 255, 255, 0.8); position:fixed; top:0px; z-index:1000;
-webkit-box-shadow:0 4px 4px -2px #555555;
-moz-box-shadow:0 4px 4px -2px #555555;
box-shadow:0 4px 4px -2px #555555
}
.header-body {
width:100%; max-width:1400px; margin:auto
}
.header-navigation {
width:calc(100% - 350px); float:right
}
#header-phone h2, #header-phone a {
font-size:22px; font-weight:800; text-decoration:none
}
#logo {
width:100%; max-width:350px; height:auto; float:left; position:absolute; top:8px; padding-top:4px; padding-left:10px; padding-right:10px
}
#logo img {
width:100%; height:auto
}  .btn-donate, .btn-donate a {
background:#916580; color:#ffffff !important
}
ul#main-navigation li > a:after {
color: #595959;
content: ' ▾';
}
ul#main-navigation li > a:only-child:after {
content: '';
}
ul#main-navigation li ul li > a:after {
color: #ffffff;
content: ' ▾';
}
ul#main-navigation li ul li > a:only-child:after {
content: '';
}
ul#main-navigation {
width:100%; height:auto; display:block; margin:auto; list-style:none; position:relative; font-size:0; z-index:3000; text-align:center;
padding-top:5px; padding-bottom:0px
}
ul#main-navigation li:last-child:after {
content: ""
}
ul#main-navigation li {
display:inline-block; text-align:center; position:relative; top:0; padding-right:5px; padding-left:5px
} ul#main-navigation a {
display:inline-block; font-size:18px; line-height:40px; color:#000000; font-weight:500; text-decoration:none; text-transform:capitalize	
}
ul#main-navigation li:hover,
ul#main-navigation li.current_page_item, 
ul#main-navigation li.current_page_parent, 
ul#main-navigation li.current_page_ancestor {
}
ul#main-navigation a:hover,
ul#main-navigation li.current_page_item a, 
ul#main-navigation li.current_page_parent a {
color:#773908;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
} ul#main-navigation li ul a {
display:block; padding:0px; line-height:20px
}
ul#main-navigation ul {
list-style:none; margin:0; padding:0; position:absolute; z-index:0
}
ul#main-navigation li ul {
top:40px; left:0px; text-align:left
}
ul#main-navigation ul ul {
top:0px; left:100%
}
ul#main-navigation ul li {
width:230px; display:inline-block; float:none; padding:10px;
border:0px; position:relative; background:rgba(255, 255, 255, 0.8)
}
ul#main-navigation ul li::after { 
content: ""
} ul#main-navigation ul,
ul#main-navigation li:hover ul ul,
ul#main-navigation ul li:hover ul ul
{display:none; z-index:10000}
ul#main-navigation li:hover ul,
ul#main-navigation ul li:hover ul ,
ul#main-navigation ul li ul li:hover ul
{display:block}
ul#main-navigation li * a {
color:#000000; font-size:15px; font-weight:500; text-align:left; text-transform:none
}
ul#main-navigation li ul li:hover,
ul#main-navigation li ul li.current-menu-item {
background:#ffffff
}
ul#main-navigation li ul li a:hover,
ul#main-navigation li ul li.current-menu-item a {
} .mobile-navigation {
display:none
}
#mobile-icon {
width:30px; height:30px; position:absolute; top:10px; right:10px; z-index:3000;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
cursor:pointer
}
#mobile-icon span {
display:block; position:absolute; height:2px; width:100%; background:#000000; opacity:1; left:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
#mobile-icon span:nth-child(1) {
top:0px
}
#mobile-icon span:nth-child(2) {
top:8px
}
#mobile-icon span:nth-child(3) {
top:16px
}
#mobile-icon.open span:nth-child(1) {
top:18px;
-webkit-transform: rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg)
}
#mobile-icon.open span:nth-child(2) {
opacity:0;
left:-60px
}
#mobile-icon.open span:nth-child(3) {
top:18px;
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg)
}
#mobile-navigation {
width:100%; max-width:300px; height:100%; padding-top:50px; padding-bottom:30px; padding-left:40px; padding-right:40px; 
background:rgba(255, 255, 255, 0.9); position:absolute; top:0; z-index:2999; left:-300px;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}
ul#mobile-navigation ul {
text-align:left; list-style:none
}
#mobile-navigation li {
display:block
}
#mobile-navigation a {
display:block; padding:10px; font-size:16px; line-height:25px; color:#000000; text-decoration:none; text-align:left
}
#mobile-navigation li:hover > a,
#mobile-navigation li[class*="current"] > a {
color:#773908
} #page-content {
min-height:22vh
}
#content {
width:100%; margin:auto; padding-top:30px; padding-bottom:30px; padding-left:50px; padding-right:50px; font-size:16px; font-weight:500; color:#333333
}
#content p {
line-height:28px
}
#content h1 {
font-size:24px; font-weight:800; color:#000000; padding-top:10px; padding-bottom:10px
}
#content h2 {
font-size:20px; font-weight:800; color:#000000; padding-top:10px; padding-bottom:10px
}
#content h3 {
font-size:18px; font-weight:800; color:#000000; padding-top:10px; padding-bottom:10px
}
#content h4, #content h5 {
font-size:16px; font-weight:800; color:#000000; padding-top:10px; padding-bottom:10px
}
#content ul {
margin-top:20px; margin-bottom:20px; margin-left:20px
}
#content ul li {
font-size:16px; line-height:25px; margin:0px; list-style:disc; list-style-position:outside
}
.pagination {
width:100% !important
} img.post-page {
display:block; width:100%; max-width:auto; margin:auto
}
img.thumb-post {
margin-top:5px; margin-bottom:15px; float:left
}
.alignleft {
float:left; padding:2px; margin-right:10px; display:block; max-width:100%; height:auto
}
.alignright {
float:right; padding:2px; margin-left:10px; display:block; max-width:100%; height:auto
}
.aligncenter {
padding:2px; margin-top:20px; margin-bottom:20px; display:block; margin:auto; max-width:100%; height:auto
}
.alignnone {
padding:20px; max-width:100%; height:auto
} #sidebar {
width:100%; font-size:16px; font-weight:500; color:#000000; padding-top:5px
}
#sidebar h2 {
width:100%; margin:0px; padding:10px; color:#ffffff; font-size:24px; font-weight:800; text-align:center; background:#916580; margin-bottom:1px
}
.widget_nav_menu a:link, .widget_nav_menu a:active, .widget_nav_menu a:visited,
.widget_categories a:link, .widget_categories a:active, .widget_categories a:visited,
.widget_archive a:link, .widget_archive a:active, .widget_archive a:visited,
.widget_recent_entries a:link, .widget_recent_entries a:active, .widget_recent_entries a:visited {
width:100%; line-height:35px; text-align:center; display:inline-block; color:#ffffff; text-decoration:none; margin-bottom:1px;
background:#916580
}
.widget_nav_menu a:hover,
.widget_categories a:hover,
.widget_archive a:hover,
#sidebar .current-cat a,
#sidebar .current_page_item a {
background:#907b8b
}
#sidebar img {
display:block; margin:auto; margin-top:10px; margin-bottom:10px
}
#sidebar ul, #sidebar ul ol, #sidebar-store ul, #sidebar-store ul ol {
margin:0; padding:0 
}
#sidebar ul li, #sidebar-store ul li {
list-style-type:none
}
ol li, #sidebar ul ol li,
ol li, #sidebar-store ul ol li {
list-style:decimal outside
}
.textwidget {
padding:5px; margin-top:5px; margin-bottom:5px
}
#sidebar span.post-date {
text-align:center
} #wp-calendar, .em-calendar{
empty-cells:show; border-collapse:collapse; font-size:14px; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:10px; color:#626262
}
#wp-calendar caption {
font-weight:bold; text-align:center; padding-top:5px; padding-bottom:5px
}
#wp-calendar td {
padding:9px; max-width:50px; text-align:center
}
#wp-calendar th {
padding-top:5px; padding-bottom:5px; text-align:center
}
#wp-calendar a:link, #wp-calendar a:active, #wp-calendar a:visited {
text-decoration:none; padding:0px; color:#000000
}
#wp-calendar a:hover {
text-decoration:underline; background-color:transparent; color:#cc0000
}
#wp-calendar #next a {
width:80px; display:block; text-align:right; text-decoration:underline; color:#000000
}
#wp-calendar #next a:hover {
text-decoration:underline; background-color:transparent; color:#cc0000
}
#wp-calendar #prev a {
width:80px; display:block; text-align:left; text-decoration:underline; color:#000000
}
#wp-calendar #prev a:hover {
text-decoration:underline; background-color:transparent; color:#cc0000
}
#today {
background-color:#fafafa
} .blog-wrapper {
width:100%; max-width:1700px; padding:10px; padding-top:50px; margin:auto; vertical-align:top; position:relative
}
#blog-post div.post {
width:100%; max-width:470px; display:block; background:rgba(255, 255, 255, 0.8); padding-bottom:10px; margin-bottom:10px; border-radius:5px;
position:relative;
-moz-column-break-inside:avoid;
-webkit-column-break-inside:avoid;
column-break-inside:avoid
}
#content > ul#blog-post {
padding-left:0px !important; padding-top:50px; margin:auto
}
#content > #blog-post li {
width:32%; display:inline-block; padding:0; margin:2px; margin-bottom:7px; background:rgba(255, 255, 255, 0.8); vertical-align:top; border-radius:10px;
-webkit-box-shadow:0 4px 4px -2px #555555;
-moz-box-shadow:0 4px 4px -2px #555555;
box-shadow:0 4px 4px -2px #555555;
border:solid 1px #ffffff; text-align:left
}
#blog-post h1.blog-title {
font-size:20px; line-height:28px; font-weight:800; color:#c10000; padding-top:15px; padding-bottom:0px; padding-left:20px; padding-right:20px; text-decoration:none
}
#blog-post a.blog-title {
font-size:22px; line-height:25px; font-weight:800; color:#c10000; text-decoration:none
}
#blog-post a:hover.blog-title {
color:#d03232
}
#blog-post .blog-entry {
padding:10px; padding-left:15px; padding-right:15px; padding-bottom:0px
}
#blog-post .post-date {
font-size:14px; text-decoration:none
} .cal-cat-wrapper {
width:100%; max-width:1400px; margin:auto; padding-top:30px; padding-bottom:30px
}
ul#cat-list {
width:100%; margin:auto; text-align:center; list-style:none; font-size:0
}
ul#cat-list li {
display:inline-block; list-style:none; margin:0px; padding:0px
}
ul#cat-list li a {
min-width:150px; display:block; background:#916580; color:#ffffff; text-decoration:none; text-align:center; font-size:16px; 
padding:15px; margin-right:3px; margin-bottom:3px; border-radius:10px
}
ul#cat-list li a:hover {
text-decoration:none; background:#907b8b
} .pagination {
width:100%; margin:auto; margin-top:20px; text-align:center; clear:both; line-height:23px
}
.pagination a, .pagination span {
text-decoration:none; padding: 5px 7px; margin:2px; color:#000000
}
#content .pagination a {
color:#000000; text-decoration:none
}
#content .pagination a:hover {
color:#cc0000
}
.pagination span.active {
} #comments {
font-size:16px
}
#comments-box {
background:#ffffff; padding:10px
}
.commentlist li {
margin:0px; padding: 0px 5px 0px 0px; list-style:none
}
#content .commentlist li ul li {
margin-left:30px; list-style:none
}
.commentlist ol {
list-style:decimal; width:100%
}
.nocomments {
text-align:center; margin:0px; padding:0px
}
.commentmetadata {
margin:0px; display:block
}
#respond:after {
content: "."; display:block; height:0px; clear:both; visibility:hidden
} .comments-box {
width:100%; min-height:100px; display:block; margin:0px; padding:0px; margin-bottom:2px; margin-top:10px
}
div.avatar {
display:inline-block; float:left
}
.comments-body {
margin-left:75px
}
.meta-box {
width:100%; height:24px; display:block; margin-bottom:10px; border-right:0px; float:right; color:#555555; border-top:solid 1px #efefef
}
.meta {
display:inline-block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; float:right
}
.comments-author {
display:inline-block; padding-right:10px; padding-top:5px; padding-bottom:5px; float:left; font-weight:bold
}
div.reply {
width:100%; padding:5px; margin-right:0px; display:inline-block; text-align:right
}
#content .reply a {
width:140px; color:#ffffff; text-decoration:none; background:#626262; padding:5px; padding-left:20px; padding-right:20px; border:0px; border-radius:4px; cursor:pointer
}
#content .reply a:hover {
background:#818181
}
.com-navigation {
width:90%; height:20px; margin:auto
}
.com-nav-left {
float:left; padding:5px
}
.com-nav-right {
float:right; padding:5px
} #respond {
border-top:solid 1px #efefef; padding-top:20px; padding-bottom:20px;
}
#comments-form {
border-top:solid 1px #efefef; margin-top:20px
}
#comments-form p {
line-height:10px !important
}
.com-form {
width:90%; height:30px; padding-top:20px; padding-bottom:20px; padding-right:25px; padding-left:25px; margin-bottom:3px; 
border:solid 1px #efefef; border-radius:4px; font-size:16px
}
.com-textarea {
width:100%; height:195px; float:left; text-align:left; display:block; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px; 
margin:0px; margin-right:5px; margin-bottom:1px; background:#ffffff;
border:solid 1px #efefef; border-radius:4px; font-size:16px
}
.com-label {
width:100%; float:left; text-align:right; display: block; padding-right:10px; padding-top:7px; padding-bottom:7px; margin:0px; margin-right:5px; 
background:#f3f3f3; border:1px solid #e5e5e5; margin-bottom:1px; font-size:16px
}
.comment-btn {
width:130px; font-size:14px; color:#ffffff; background:#626262; padding:5px; border:0px; border-radius:4px; cursor:pointer
}
.comment-btn:hover {
background:#818181
}
.com-left {
width:50%; padding-top:20px; float:left
}
.com-right {
width:50%; padding-top:20px; float:right
} #footer {
width:100%; padding:20px; background:#848484; border-top:solid 5px #ffffff
}
#footer p, #footer a {
font-size:16px; line-height:20px; color:#ffffff; text-decoration:none
}
#footer h2 {
font-size:24px; line-height:30px; color:#ffffff; padding-bottom:15px
}
#footer ul {
margin:0; padding:0
}
#footer li {
font-size:16px; line-height:20px; color:#ffffff
}
.footer-body {
width:100%; max-width:1400px; margin:auto; position:relative
}
.footer-box {
width:33%; padding:20px; display:inline-block; vertical-align:top
} 
#logo-footer {
width:100%; max-width:300px
}
#logo-footer img {
width:100%; height:auto
} 
#footer-bottom {
width:100%; padding:20px; background:#000000; border-bottom:solid 4px #555555 
}
#footer-bottom p, #footer-bottom a {
font-size:12px; line-height:20px; color:#ffffff; text-decoration:none
}
.footer-bottom-body {
width:100%; max-width:1400px; margin:auto; text-align:left
} ul#footer-navigation li:last-child {
border-right:0px !important
}
ul#footer-navigation {
height:auto; display:block; margin:auto; list-style:none; text-align:left; font-size:0
}
ul#footer-navigation li:first-child {
}
ul#footer-navigation li {
display:inline-block; padding:5px; padding-top:0px; padding-bottom:0px; text-align:center; position:relative; border-right:solid 1px #848484
}
ul#footer-navigation a {
width:100%; display:inline-block; text-decoration:none; font-size:14px; color:#848484; line-height:20px
}
ul#footer-navigation li:hover a {
color:#ffffff
}
.footer-navigation {
width:calc(100% - 100px); float:left
}
#social-net {
width:100px; float:right; text-align:center
} .form-table {
width:100%; border-collapse:collapse; margin-bottom:20px; font-size:14px;
behavior:url(//www.womenspirit.net/wp-content/themes/woman-spirit/Include/PIE.htc);
overflow:hidden; color:#000000 !important
}
.form-table td { 
padding:10px; border:#ffffff 1px solid
}
.form-table tr {
background:#e5e5e5
}
.form-table tr:nth-child(odd) { 
background:#e5e5e5
}
.form-table tr:nth-child(even) {
background:#efefef
}
input[type=submit] {-webkit-appearance: none}
#inf_other_Username, input[type=password] {text-transform:none}
input[type=radio] {margin-bottom:12px}
#mailing-form {
width:100%; max-width:1200px; margin:auto; margin-top:30px; padding-bottom:30px; font-size:12px; font-family:verdana
}
.wpcf7-form-control, .wpcf7-text, .wpcf7-validates-as-required,
#mailig-form input[type=text], #mailing-form input[type=url], #mailing-form input[type=tel], #mailing-form input[type=number], 
#mailing-form input[type=color], #mailing-form input[type=email], #mailing-form input[type=password], #mailing-form select, 
#application-form textarea {
width:100% !important; height:25px; font-size:14px; line-height:25px; letter-spacing:normal; font-weight:500; padding:0px 10px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box
}
#mailing-form textarea {
width:100%; height:150px; font-size:14px; line-height:20px; letter-spacing:normal; font-weight:500; padding:0px 10px; background:#ffffff; border:solid 1px #d3d3d3
}
input[type=submit] {-webkit-appearance: none}
#inf_other_Username, input[type=password] {text-transform:none}
input[type=radio] {margin-bottom:12px}
#mailing-form input[type=submit] {
width:100%; max-width:200px; height:30px; display:block; color:#ffffff; font-size:16px; font-weight:700px; line-height:30px; text-align:center; text-transform:capitalize; background:#848484; border:0px; cursor:pointer; transition:none; margin-top:15px
}
.wpcf7-list-item-label {
font-size:14px
}
.wpcf7-form p {
display:inline-block; width:100%; max-width:45%; margin-right:2%; margin-left:2%
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border:2px solid #f7e700; background:#f7e700
}
span.wpcf7-not-valid-tip {
color:#f7e700 !important; font-size:1em; font-weight:normal; display:block
}
div.wpcf7-mail-sent-ok {
background:#ff7300 !important;
color:#ffffff !important
}@media only screen and (max-width: 1000px) {
#content > #blog-post li {
width:49%
}
}
@media only screen and (max-width: 800px) {
#search-form {
margin-right:35px
}
.header-navigation {
display:none
}
.mobile-navigation {
display:block
}
.caption-wrap, .nivo-controlNav {
display:none !important
}
.content-body, .content-sidebar {
width:100%; float:none
}
#content > #blog-post li {
width:100%; max-width:500px; min-height:inherit; display:block; margin:auto; margin-bottom:10px
}
.footer-box {
width:100%; display:block
}
.footer-body, .footer-bottom-body {
text-align:center
}
#logo-footer {
width:100%; max-width:200px; display:block; margin:auto
}
ul#footer-navigation {
text-align:center
}
.footer-navigation, #social-net {
width:100%; float:none; text-align:center
}
ul#footer-navigation li {
border-right:0px
}
}
@media only screen and (max-width: 700px) {
#content td {
width:100%; display:block
}
#tribe-events td {
width:auto !important; display:table-cell !important
}
.form-table {
text-align:center
}
.form-table td { 
border:0px
}
#header {
width:100%; padding-top:20px; padding-bottom:20px; background:#ffffff; position:relative; top:0px
}
.header, .header-top {
width:100%; padding-top:20px; padding-bottom:20px; background:#ffffff; position:relative; top:0px; z-index:1000; 
border-top:opx; border-bottom:0px
}
.top-body-left, .top-body-right {
width:100%; float:none; text-align:center; padding-top:0px; padding-bottom:10px; padding-left:40px; padding-right:40px
}
#search-form {
float:none; margin:auto
}
#logo {
float:none; position:relative; top:0px;margin:auto
}
}
@media only screen and (max-width: 550px) {
.alignleft, .alignright, .alignnone, .aligncenter {
width:auto; max-width:100%; height:auto; display:block; margin:auto; float:none; text-align:center; margin-bottom:10px
}
.gallery-item {
float:none !important; width:100% !important
}
.com-left, .com-right {
width:100%; padding-top:20px; float:none
}
}#slider {
width:100%; height:auto; display:block; position:relative; z-index:998;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
} .nivo-caption {
width:100%; height:100%; max-height:70px !important; margin:auto !important; display:block; overflow:hidden; 
padding-top:10px !important; padding-bottom:10px !important;
position:absolute; 
top:80% !important;
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
background:rgba(0, 0, 0, 0.7) !important; 
font-family:'Great Vibes', cursive !important; font-size:50px; line-height:55px; color:#ffffff !important; 
font-weight:bold; text-align:center !important; text-shadow: 2px 2px #000000; letter-spacing: 2px
}
.caption-wrap {
width:100%; height:100%; max-height:70px !important; margin:auto !important; display:block; overflow:hidden; 
padding-top:0px !important; padding-bottom:10px !important;
position:absolute; 
top:80% !important;
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
background:rgba(0, 0, 0, 0.7) !important; 
font-family:'Great Vibes', cursive !important; font-size:40px; line-height:45px; color:#ffffff !important; 
font-weight:bold; text-align:center !important; text-shadow: 2px 2px #000000
} #hp-player {
width:100%; max-width:300px; display:block; margin:auto; padding-bottom:20px
}
#hp-player p {
font-size:12px; line-height:20px; text-align:center
} .boxes-wrapper {
width:100%; padding-bottom:10px; height:auto; margin:auto; text-align:center; background:rgba(255, 255, 255, 0.5);
position:relative
}
.boxes-wrapper-body {
width:100%; max-width:1500px; margin:auto
}
.box {
width:24%; min-width:400px; height:auto; padding-top:10px; padding-bottom:10px; margin-bottom:-10px; display:inline-block; text-align:center; 
position:relative; vertical-align:top;
}
.box img {
-webkit-filter:grayscale(0%); filter:grayscale(0%);
border-radius:50%;
border:solid 5px #ffffff;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
-webkit-box-shadow:0 4px 4px -2px #555555;
-moz-box-shadow:0 4px 4px -2px #555555;
box-shadow:0 4px 4px -2px #555555
}
.box img:hover {
-webkit-filter:grayscale(100%); filter:grayscale(100%);
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}
.box h1, .center-box h1 {
font-size:30px; font-weight:500; color:#000000; text-align:center
}
.box p, .box a {
font-size:14px; line-height:23px; font-weight:500
}
.box-content-top {
width:80%; margin:auto; padding:10px; padding-bottom:140px; padding-top:30px; margin-bottom:-120px; background:#eaeaea; border:solid 1px #ffffff
}
.box-content-bottom {
width:80%; min-height:135px; text-align:left; margin:auto; background:#eaeaea; padding:20px; padding-bottom:5px; padding-top:120px; margin-top:-120px;
-webkit-box-shadow:0 4px 4px -2px #555555;
-moz-box-shadow:0 4px 4px -2px #555555;
box-shadow:0 4px 4px -2px #555555; border:solid 1px #ffffff
}
.box-content-bottom .at-share-btn-elements {
display:none !important
}
.at-share-btn-elements {
position:relative; bottom:-10px
} .hp-content-body {
width:100%; max-width:1400px; margin:auto; padding:40px
}
#home-page-content {
width:100%; height:auto; padding-top:0px; padding-bottom:0px; background:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/hp-content.jpg);
background-attachment:fixed; background-position:center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}
#hp-content {
width:100%; margin:auto; background:rgba(0, 0, 0, 0.5); border-top:solid 30px rgba(255, 255, 255, 0.5); border-bottom:solid 30px rgba(255, 255, 255, 0.5);
color:#ffffff
}
#hp-content a {
color:#ffffff
}
#hp-content p {
line-height:28px
}
#hp-content h1 {
font-size:28px; font-weight:bold; color:#ffffff; padding-top:10px; padding-bottom:10px
}
#hp-content h2 {
font-size:24px; font-weight:bold; color:#ffffff; padding-top:10px; padding-bottom:10px
}
#hp-content h3 {
font-size:22px; font-weight:bold; color:#ffffff; padding-top:10px; padding-bottom:10px
}
#hp-content h4, #hp-content h5 {
font-size:20px; font-weight:bold; color:#ffffff; padding-top:10px; padding-bottom:10px
}
#hp-content ul {
margin-top:20px; margin-bottom:20px; margin-left:20px
}
#hp-content ul li {
font-size:16px; line-height:25px; margin:0px; list-style:disc; list-style-position:inside
}
#hp-content table {
width:100%; border-collapse:collapse; max-width:500px; margin:auto;
behavior:url(//www.womenspirit.net/wp-content/themes/woman-spirit/style/Include/PIE.htc);
overflow:hidden; color:#000000
}
#hp-content td { 
padding:7px; border:#ffffff 1px solid
}
#hp-content tr {
background:#efefef
}
#hp-content tr:nth-child(odd) { 
background:#efefef
}
#hp-content tr:nth-child(even) {
background:#fefefe
}
.hp-title {
font-family:'Great Vibes', cursive; font-size:40px; line-height:50px; color:#ffffff; text-align:center; padding-top:50px; text-shadow: 2px 2px #000000
}
.btn-news {
width:100%; max-width:420px; padding:10px; display:block; margin:auto; margin-top:20px; margin-bottom:20px; background:rgba(255, 255, 255, 0.8);
font-family:'Great Vibes', cursive;	font-size:33px; color:#000000; text-align:center; text-decoration:none !important; border:solid 1px #ffffff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
cursor:pointer;
-webkit-box-shadow:0 4px 4px -2px #555555;
-moz-box-shadow:0 4px 4px -2px #555555;
box-shadow:0 4px 4px -2px #555555
}
.btn-news:hover {
background:#ffffff
}
@media only screen and (max-width: 450px) {
.center-box, .box {
width:100%; min-width:inherit; display:block; margin:auto
}
.box img {
width:100%
}
}#banner-about-us {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner-about-us.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
#banner-icv {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner-icv.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
#banner-missing {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner-missing.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
#banner-nitvan {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner-nitvan.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
#banner-events {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner-events.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
#banner-member {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner-member.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
#banner-donate {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner-donate.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
#banner {
width:100%; height:auto; min-height:400px; position:relative; margin:0 auto;
background-image:url(//www.womenspirit.net/wp-content/themes/woman-spirit/images/banner.jpg);
background-position:center top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-shadow:0 4px 4px -2px #000000;
-moz-box-shadow:0 4px 4px -2px #000000;
box-shadow:0 4px 4px -2px #000000
}
h1.banner-title {
font-family: 'Kalam', cursive; font-size:35px; font-weight:500; color:#ffffff; text-align:center; padding-top:10px; padding-bottom:0px;
display:block; width:100%; position:absolute; bottom:0px; left:0; right:0; margin-left:auto; margin-right:auto; background:rgba(145, 101, 128, 0.8)
}
@media only screen and (max-width: 800px) {
#banner, #banner-about-us, #banner-our-craft, #banner-gallery, #banner-contact-us {
min-height:320px
}
h1.banner-title {
font-size:30px
}
}
@media only screen and (max-width: 700px) {
#banner, #banner-about-us, #banner-our-craft, #banner-gallery, #banner-contact-us {
min-height:200px
}
}