html body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
}
body p, p {
color: #555555;
font-size: 16px;
line-height: 24px;
}
body p, ul li, {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
}
.redbg {
background: #d94148;
}
body h1 {
font-size: 36px;
}
body h2 {
font-size: 32px;
}
body h3 {
font-size: 28px;
}
body h4 {
font-size: 24px;
}
body h5 {
font-size: 20px;
}
body h6 {
font-size: 18px;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
font-family: 'Bitter', serif;
margin: 0px;
font-weight: 700;
}
body a:focus {
outline: none;
outline-offset: 0;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus, body button:focus, body button:hover, :focus, img:focus, body a, body a:hover, body a:visited, body a:active, body a:focus {
text-decoration: none;
outline: none;
box-shadow: none;
}
.wrapper {
overflow: hidden;
}
.gramotech-content {
float: left;
width: 100%;
max-width: 100%;
}
.gray-bg {
background: #f5f5f5;
}
.top-50 {
margin-top: -50px;
z-index: 99;
} #main-header {
position: absolute;
top: 33px;
left: 0;
right: 0;
z-index: 9999;
}
#main-header .container {
background: #fff;
position: relative;
}
#main-header .container:after {
position: absolute;
left: 0;
top: -3px;
height: 3px;
width: 100%;
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/colorbar.jpg) center;
content: "";
}
.main-menu {
width: 100%;
float: left;
}
.logo a {
display: block;
height: 96px;
text-align: center;
line-height: 96px;
}
.topbar {
border-bottom: 1px solid #eeeeee;
width: 100%;
float: left;
}
.topbar ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.topbar ul li {
float: left;
margin-right: 30px;
line-height: 40px;
color: #777777;
font-size: 16px;
}
.topbar ul li span {
color: #d94148;
font-weight: 500;
}
.topbar ul li span i {
font-size: 14px;
}
.topbar ul li.login-reg {
float: right;
margin: 0px;
}
.topbar ul li.login-reg a {
color: #999999;
text-transform: uppercase;
font-size: 14px;
padding: 0 15px;
}
.topbar ul li.login-reg a i {
color: #d94148;
}
.np {
padding: 0px !important;
}
.top-social a {
width: 38px;
line-height: 40px;
border-right: 1px solid #eeeeee;
text-align: center;
float: left;
font-size: 14px;
}
.top-social a.fb {
color: #4f70a7;
}
.top-social a.fb:hover {
background: #4f70a7;
color: #fff;
}
.top-social a.tw {
color: #56abed;
}
.top-social a.tw:hover {
background: #56abed;
color: #fff;
}
.top-social a.in {
color: #0076b4;
}
.top-social a.in:hover {
background: #0076b4;
color: #fff;
}
.top-social a.yt {
color: #ff0000;
}
.top-social a.yt:hover {
background: #ff0000;
color: #fff;
} .main-menu .nav>li>a:focus, .main-menu .nav>li>a:hover {
text-decoration: none;
background-color: #fff;
}
.main-nav {
float: left;
}
.main-nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.main-nav {
margin: 0;
padding: 0;
list-style: none;
}
.main-nav>ul>li {
position: relative;
white-space: nowrap;
float: left;
}
.main-nav>ul>li a {
font-family: 'Bitter', serif;
font-size: 14px;
color: #888888;
font-weight: 700;
line-height: 54px;
text-transform: uppercase;
padding: 0 20px;
}
.main-nav>ul>li a:hover {
color: #d94148;
background: none;
}
.main-nav .sub-menu, .main-nav .drop-down ul {
display: block;
position: absolute;
left: 0;
top: calc(100% - 30px);
z-index: 99;
opacity: 0;
visibility: hidden;
padding: 0;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: ease all 0.3s;
border-radius: 3px;
border: 0px;
min-width: 220px;
}
ul.sub-menu ul.sub-menu {
display: none;
visibility: hidden;
position: absolute;
left: 100%;
top: 0;
width: 255px;
background: #fff;
margin: 0;
padding: 0;
list-style: none;
}
ul.sub-menu li:hover>ul.sub-menu {
display: block;
visibility: visible;
}
.main-nav>ul>li:hover>.sub-menu, .main-nav .drop-down:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.main-nav .sub-menu li, .main-nav .drop-down li {
position: relative;
}
.main-nav .sub-menu li a, #main-header.header-two .main-nav .sub-menu li a {
padding: 0 20px;
font-size: 14px;
font-weight: 500;
text-transform: none;
color: #171e36;
line-height: 45px;
text-align: left;
cursor: pointer;
display: block;
border-bottom: 1px solid #f1f1f1;
border-left: 5px solid #fff;
}
.main-nav .sub-menu li:last-child a, #main-header.header-two .main-nav .sub-menu li:last-child a {
border-bottom: 0px;
}
#main-header.header-two .main-nav .sub-menu li a:hover, .main-nav .sub-menu li a:hover, .main-nav .drop-down ul .active>a, .main-nav .drop-down ul li:hover>a {
color: #fff !important;
border-left: 5px solid #d94148;
background: #40407e;
}
.main-nav .drop-down>a:after {
content: "\f107";
font-family: FontAwesome5Free;
padding-left: 10px;
font-weight: 700;
}
.main-nav .sub-menu .sub-menu, .main-nav .drop-down .drop-down ul {
top: 0;
left: calc(100% - 30px);
}
.main-nav ul li .sub-menu li:hover .sub-menu, .main-nav .drop-down .drop-down:hover>ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible;
}
.main-nav .drop-down .drop-down>a {
padding-right: 35px;
}
.main-nav .drop-down .drop-down>a:after {
content: "\f105";
position: absolute;
right: 15px;
}
.nav-right {
float: right;
}
.nav-right a.donate-btn {
background: #40407e;
font-family: 'Bitter', serif;
color: #fff;
float: left;
line-height: 54px;
font-weight: 700;
padding: 0 30px;
font-size: 14px;
text-transform: uppercase;
}
.nav-right a.donate-btn:hover {
background: #d94148;
color: #fff;
}
.search-btn {
color: #d94148;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
float: left;
line-height: 54px;
font-size: 18px;
width: 54px;
text-align: center;
}
.search-btn:hover {
background: #d94148;
color: #fff;
} .mobile-nav {
position: fixed;
top: 3px;
bottom: 0;
z-index: 9999;
overflow-y: auto;
left: -260px;
width: 260px;
padding-top: 18px;
background: rgba(40, 38, 70, 0.8);
transition: 0.4s;
}
.mobile-nav * {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav .nav>li>a {
display: block;
position: relative;
color: #fff;
padding: 0 20px;
font-weight: 500;
font-size: 16px;
line-height: 40px;
}
.mobile-nav .nav a:visited,
.mobile-nav .nav a:active,
.mobile-nav .nav a:focus {color:#fff;}
.mobile-nav ul.sub-menu ul.sub-menu {
display: none;
visibility: hidden;
position: relative;
left: 0;
top: 0;
width: 100%;
background: none;
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav .sub-menu a {
display: block;
padding: 0 20px;
line-height: 40px;
color: #fff;
}
.mobile-nav .sub-menu>li {
position: relative;
}
.mobile-nav .sub-menu>li:hover>.sub-menu {display:block !important; visibility:visible;}
.mobile-nav .sub-menu>li>a {
position: relative;
}
.mobile-nav .sub-menu {
background: rgba(0, 0, 0, .20);
}
.mobile-nav .nav>li>a:focus, .mobile-nav .nav>li>a:hover {
background: none;
color: #fff;
}
.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {
color: #fff;
text-decoration: none;
}
.mobile-nav .sub-menu>li.menu-item-has-children>a:after, .mobile-nav .navbar-nav>li>a:after {
content: "\f078";
font-family: FontAwesome5Free;
padding-left: 10px;
position: absolute;
font-weight: 700;
right: 15px;
}
.mobile-nav .active.drop-down>a:after {
content: "\f077";
}
.mobile-nav .drop-down>a {
padding-right: 35px;
}
.mobile-nav .drop-down ul {
display: none;
overflow: hidden;
}
.mobile-nav .drop-down li {
padding-left: 20px;
}
.mobile-nav-toggle {
position: fixed;
right: 20px;
top: 35px;
z-index: 99999;
border: 0;
background: none;
font-size: 24px;
transition: all 0.4s;
outline: none !important;
line-height: 1;
cursor: pointer;
text-align: center;
background: #fff;
width: 40px;
height: 40px;
display: none;
}
.admin-bar .mobile-nav-toggle {
top: 80px;
}
.admin-bar .mobile-nav {
top: 49px;
}
.mobile-nav-overly {
width: 100%;
height: 100%;
z-index: 9997;
top: 0;
left: 0;
position: fixed;
background: rgba(40, 38, 70, 0.8);
overflow: hidden;
display: none;
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav {
left: 0;
}
.mobile-nav-active .mobile-nav-toggle i {
color: #333;
}   .main-slider {
width: 100%;
float: left;
}
.main-slider img {
height: auto;
width: 100%;
}  .compain-donation {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/dot-patt.jpg);
width: 100%;
float: left;
padding: 80px 0;
}
.campaigns {
position: relative;
}
.campaigns .owl-nav {
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.campaigns .owl-carousel .owl-nav button.owl-next, .campaigns .owl-carousel .owl-nav button.owl-prev {
background: #d94148;
width: 40px;
height: 40px;
margin-bottom: 1px;
font-size: 0px;
}
.campaigns .owl-carousel .owl-nav button.owl-prev:after {
content: "\f061";
font-size: 14px;
font-family: 'FontAwesome';
font-weight: 700;
color: #fff;
}
.campaigns .owl-carousel .owl-nav button.owl-next:after {
content: "\f060";
font-size: 14px;
font-family: 'FontAwesome';
font-weight: 700;
color: #fff;
}
.compain-box {
width: 100%;
float: left;
overflow: hidden;
position: relative;
}
.compain-box img {
width: 100%;
height: auto;
}
.compain-box:hover img {
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
}
.compain-box:hover:after {
height: 100%;
}
.compain-box:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60%;
content: "";
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0); }
.compain-box:hover .compain-txt h2 a {
color: #d94148;
}
.compain-txt {
position: absolute;
left: 0;
bottom: 0px;
z-index: 99;
padding: 25px 40px;
width: 100%;
}
.ctag {
position: absolute;
left: 20px;
top: 20px;
background: #40407e;
color: #fff;
text-transform: uppercase;
font-size: 14px;
border-radius: 20px;
padding: 0 20px;
line-height: 30px;
z-index: 999;
}
.compain-txt h2 {
font-size: 32px;
color: #fff;
margin: 0 0 10px;
}
.compain-txt h2 a {
color: #fff;
}
.cmeta {
margin: 0;
padding: 0 0 0 25px;
list-style: none;
width: 100%;
float: left;
position: relative;
}
.cmeta:after {
position: absolute;
left: -40px;
top: 12px;
width: 50px;
height: 2px;
background: #d94148;
content: "";
}
ul.cmeta li {
float: left;
color: #fff;
font-size: 16px;
}
.cmeta li.share {
float: right;
}
.cmeta li.share a {
border: 2px solid #d94148;
color: #d94148;
width: 32px;
height: 32px;
border-radius: 100%;
text-align: center;
line-height: 28px;
display: block;
}
ul.cmeta li:first-child:after {
content: "|";
color: #d94148;
padding: 0 15px;
}
.h1-services {
width: 100%;
float: left;
}
.h1-services .h1-ser-box {
width: 50%;
float: left;
background: #40407e;
height: 300px;
text-align: center;
padding: 40px;
position: relative;
}
.h1-services .h1-ser-box:hover:after {
height: 100%;
opacity: 1;
}
.h1-services .h1-ser-box:after {
position: absolute;
left: 0;
bottom: 0;
content: "";
background: rgba(0, 0, 0, .20);
width: 100%;
height: 0;
opacity: 0;
}
.h1-services .h1-ser-box span.ser-icon {
width: 89px;
height: 89px;
display: inline-block;
border: 2px solid rgba(255, 255, 255, .30);
border-radius: 100%;
line-height: 85px;
text-align: center;
margin: 0 auto 20px;
position: relative;
z-index: 999;
}
.h1-services .h1-ser-box h4 {
color: #fff;
margin: 0 0 18px;
line-height: 30px;
position: relative;
z-index: 999;
}
.h1-services .h1-ser-box a {
display: inline-block;
background: #fff;
color: #222;
font-family: 'Bitter', serif;
font-size: 12px;
text-transform: uppercase;
line-height: 35px;
padding: 0 30px;
position: relative;
z-index: 999;
}
.h1-ser-box.c2 {
background: #40407e;
}
.h1-services .h1-ser-box a:hover {
background: #d94148;
color: #fff;
}
.donation-box {
width: 100%;
height: 260px;
background: #d94148;
float: left;
padding: 40px;
position: relative;
}
.donation-box:after {
position: absolute;
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/doicon.png) no-repeat;
width: 89px;
height: 94px;
content: "";
right: 0;
bottom: 0px;
}
.donation-box .give-form-title, .donation-box h4 {
color: #fff;
margin: 0 0 20px;
font-size: 24px;
}
.donation-box .set-price.give-donation-amount, .donation-box .give-goal-progress {
display: none;
}
.radio-boxes {
margin: 0px;
padding: 0px;
list-style: none;
width: 100%;
float: left;
position: relative;
z-index: 999;
}
.radio-boxes li {
float: left;
margin: 0 5px 10px;
}
.radio-boxes .radio.custom {
float: left;
margin: 0;
padding: 0;
display: block;
width: 100%;
}
.radio-boxes input[type="radio"].custom {
margin-left: 0;
padding: 0;
}
.radio-boxes input[type=radio].css-radio {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0px;
border: 0;
}
.donation-box .give-btn, .radio-boxes input[type=radio].css-radio+label.css-label {
height: 55px;
width: 86px;
display: inline-block;
line-height: 55px;
font-size: 24px;
vertical-align: middle;
cursor: pointer;
opacity: 1;
background: #dd5c62;
border-radius: 1px;
padding: 0px;
text-align: center;
color: #fff;
margin: 0px;
box-shadow: 0 1px 7px rgba(0, 0, 0, .10);
padding: 0px;
font-weight: 400;
}
.donation-box .give-btn:hover, .donation-box .give-btn.give-default-level, .radio-boxes input[type=radio].css-radio+label.css-label:hover {
background: #ffffff;
border-color: #ffffff;
color: #222;
}
.donation-box .give-form {
position: relative;
}
.radio-boxes input[type=radio].css-radio:checked+label.css-label {
background: #ffffff;
border-color: #ffffff;
color: #222;
}
.radio-boxes .inputs {
float: left;
}
.radio-boxes input.enter {
border: 1px solid #e8272f;
height: 55px;
line-height: 55px;
width: 100%;
padding: 0 5px;
border-radius: 1px;
width: 103px;
background: #dd5c62;
color: #fff;
font-size: 24px;
box-shadow: 0 1px 7px rgba(0, 0, 0, .10);
text-align: center;
}
li.form-submit {
width: 100%;
}
.donation-box .give-form button.give-btn.give-btn-modal {
position: absolute;
right: 6px;
bottom: 15px;
width: 191px;
height: 55px;
border-radius: 1px;
border: 0;
color: #fff;
background: #40407e;
cursor: pointer;
font-size: 20px;
font-weight: 400;
box-shadow: 0 1px 7px rgba(0, 0, 0, .10);
font-family: 'Bitter', serif;
text-transform: capitalize;
letter-spacing: 1.1px;
}
button.donate-btn {
float: left;
width: 165px;
height: 55px;
border-radius: 1px;
border: 0;
color: #fff;
background: #40407e;
cursor: pointer;
font-size: 24px;
box-shadow: 0 1px 7px rgba(0, 0, 0, .10);
font-family: 'Bitter', serif;
}
.donation-box .give-form button.give-btn.give-btn-modal:hover, button.donate-btn:hover {
background: #fff;
color: #40407e;
}
.donation-box #give-donation-level-button-wrap>li {
margin: 0 7.5px 15px 7.5px;
}
.donation-box [id*=give-form].give-display-modal .give-btn, .donation-box [id*=give-form].give-display-reveal .give-btn {
margin: 0px;
}  .priorities-two {
width: 100%;
float: left;
padding: 90px 0;
}
.priorities-two .text {
margin-top: 120px;
}
.priorities-two .text h1 {
font-size: 48px;
color: #d94148;
line-height: 60px;
margin: 0 0 22px;
}
.priorities-two .text h1 strong {
text-transform: uppercase;
}
.priorities-two .text p {
font-size: 18px;
color: #555555;
line-height: 28px;
margin: 0 0 35px;
}
.pr-box {
width: 100%;
float: left;
background: #fff;
padding: 40px;
box-shadow: 0 6px 25px rgba(0, 0, 0, .08);
position: relative;
margin: 0 0 30px;
}
.pr-box:after {
position: absolute;
right: 20px;
bottom: 20px;
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/pdots.png);
width: 58px;
height: 58px;
content: "";
}
.pr-box .num {
font-size: 60px;
color: #eeeeee;
display: block;
line-height: 48px;
margin: 0 0 21px;
}
.pr-box h3 {
color: #40407e;
margin: 0 0 20px;
font-weight: 400;
}
.pr-box p {
font-size: 16px;
line-height: 24px;
color: #555555;
margin: 0 0 17px;
}
.pr-box a {
color: #999999;
font-size: 14px;
text-transform: uppercase;
font-family: 'Bitter', serif;
font-weight: 700;
}
.pr-box.active, .pr-box:hover {
background: #40407e;
}
.pr-box.active h3, .pr-box.active p, .pr-box:hover h3, .pr-box:hover p {
color: #fff;
}
.pr-box.active a, .pr-box:hover a {
color: #d94148;
}
.pr-box.active .num, .pr-box:hover .num {
color: rgba(255, 255, 255, .07);
}
.pr-box.active:after, .pr-box:hover:after {
opacity: 1;
}
.allp {
background: #40407e;
color: #fff;
font-family: 'Bitter', serif;
display: inline-block;
line-height: 52px;
padding: 0 25px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.allp:hover {
background: #d94148;
color: #fff;
}  .signup-section {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/signupbg.jpg) no-repeat center bottom;
width: 100%;
float: left;
}
.signup-banner {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/dots.jpg);
padding: 10px;
width: 100%;
float: left;
position: relative;
}
.signup-banner img {
float: left;
margin-right: 20px;
}
.signup-banner strong {
font-size: 36px;
font-family: 'Bitter', serif;
color: #d94148;
font-weight: 400;
line-height: 50px;
float: left;
margin: 40px 0 0;
}
.signup-banner strong em {
display: block;
color: #222;
}
.signup-banner strong span {
display: block;
text-transform: uppercase;
font-weight: 700;
}
.signup-banner strong span a {
color: #fff;
}
.signup-banner .signup-stamp {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/signup-stamp.png) no-repeat;
position: absolute;
right: -50px;
top: -50px;
width: 240px;
height: 240px;
text-align: center;
padding: 18px 60px;
}
.signup-banner .signup-stamp strong {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
color: #fff;
font-style: italic;
line-height: 30px;
}
.signup-quote {
text-align: center;
width: 100%;
float: left;
margin: 70px 0;
}
.signup-quote img {
display: inline-block;
}
.signup-quote strong {
font-size: 48px;
color: #fff;
font-family: 'Bitter', serif;
font-weight: 400;
line-height: 55px;
display: inline-block;
}
.signup-quote strong span {
text-transform: uppercase;
font-weight: 700;
}  .news-highlights {
width: 100%;
float: left;
padding: 90px 0 60px;
}
.news-quicklinks {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.news-quicklinks li {
display: inline-block;
margin-left: 2px;
}
.news-quicklinks li a {
border: 1px solid #e1e1e1;
line-height: 30px;
padding: 0 20px;
font-size: 12px;
text-transform: uppercase;
color: #888888;
display: block;
border-radius: 15px;
}
.news-quicklinks li a.active, .news-quicklinks li a:hover {
background: #d94148;
color: #fff;
border-color: #d94148;
}
.s-title {
font-size: 36px;
font-weight: 400;
line-height: 40px;
margin: 0 0 35px;
position: relative;
padding-left: 65px;
color: #40407e;
}
.s-title span {
color: #d94148;
font-weight: 700;
}
.news-box {
width: 100%;
float: left;
overflow: hidden;
background: #fff;
border-radius: 3px;
box-shadow: 0 6px 25px rgba(0, 0, 0, .10)
}
.news-thumb {
overflow: hidden;
width: 100%;
float: left;
position: relative;
}
.upc-img a, .news-thumb a {
position: absolute;
left: -100px;
right: 0;
bottom: 0px;
top: 0px;
margin: auto;
background: #fff;
width: 40px;
height: 40px;
text-align: center;
border-radius: 100%;
z-index: 999;
color: #d94148;
line-height: 40px;
opacity: 0;
}
.past-slider-main {
width: 100%;
float: left;
}
.upc-img a:hover, .news-thumb a:hover {
background: #d94148;
color: #fff;
}
.upc-img:after, .news-thumb:after {
background: rgba(217, 65, 72, .7);
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
content: '';
-webkit-transform: skew(45deg) scaleX(0);
transform: skew(45deg) scaleX(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.upc-campaign-list:hover .upc-img:after, .news-box:hover .news-thumb:after {
-webkit-transform: skew(45deg) scaleX(1);
transform: skew(45deg) scaleX(1);
transition: all 400ms cubic-bezier(0.175, 0.995, 0.32, 1.275);
}
.upc-campaign-list:hover .upc-img a, .news-box:hover .news-thumb a {
left: 0;
opacity: 1;
}
.news-meta li a:hover, .news-box:hover a.md, .news-box:hover .news-txt h5 a {
color: #d94148;
}
.news-thumb a:hover {
background: #fff;
color: #d94148;
}
.news-txt {
padding: 25px 25px 15px;
clear: both;
width: 100%;
float: left;
}
.news-txt h5 a {
color: #40407e;
}
.pdate {
color: #888888;
display: block;
font-size: 16px;
margin: 0 0 15px;
}
.news-txt h5 {
font-weight: 700;
margin: 0 0 16px;
line-height: 26px;
}
.news-txt p {
color: #555555;
font-size: 16px;
margin: 0 0 15px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
}
.news-meta {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
.news-meta li {
display: inline-block;
margin-right: 15px;
}
.news-meta li a {
color: #888888;
}
.news-meta li a i {
color: #cccccc;
margin-right: 3px;
}
a.md {
float: right;
color: #40407e;
font-family: 'Bitter', serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}
.news-list {
width: 100%;
float: left;
box-shadow: 0 6px 25px rgba(0, 0, 0, .10);
}
.news-list h5.title {
background: #40407e;
color: #fff;
line-height: 55px;
padding: 0 20px;
text-transform: uppercase;
}
.view-more {
display: block;
text-align: center;
background: #d94148;
color: #fff;
font-family: 'Bitter', serif;
line-height: 55px;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
}
.view-more:hover {
background: #40407e;
color: #fff;
}
.nh-list {
margin: 0px;
padding: 23px 25px;
list-style: none;
}
.nh-list li {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 18px;
margin: 0 0 18px;
}
.nh-list li:last-child {
margin: 0px;
padding: 0px;
border: 0px;
}
.nh-list li .pdate {
margin: 0px;
}
.nh-list li h5 {
margin: 0 0 15px;
}
.nh-list li h5 a {
color: #40407e;
}
.nh-list li h5 a:hover {
color: #d94148;
}  .section-title h2 {
color: #40407e;
padding-left: 65px;
margin: 0px;
}
.section-title h2 span {
color: #d94148;
}
.section-title .stitle {
margin: 0px;
}
.team-members {
background-size: cover;
width: 100%;
float: left;
padding: 0px;
}
.team-members .section-title {
margin-bottom: 23px;
}
.team-members .section-title h2 {
color: #fff;
font-size: 36px;
font-weight: 700;
margin: 0 0 10px;
}
.team-members .section-title p {
font-size: 18px;
color: #fff;
margin: 0px;
width: 80%;
}
.party-president {
width: 100%;
float: left;
border: 15px solid #fff;
position: relative;
box-shadow: 0 6px 25px rgba(0,0,0,.08);
}
.party-president:after {
position: absolute;
left: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0); width: 100%;
height: 100%;
content: "";
z-index: 9;
opacity: 0;
}
.party-president:hover:after {
height: 100%;
opacity: 1;
}
.party-president img {
width: 100%;
height: auto;
}
.party-president .name {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 99;
}
.party-president .name h3 {
color: #fff;
margin: 0 0 8px;
}
.party-president .name p {
color: #d64646;
margin: 0px;
}
#members {
width: 100%;
float: left;
direction: ltr;
}
.member-thumb {
border: 8px solid #fff;
overflow: hidden;
margin-bottom: 23px;
box-shadow: 0 6px 25px rgba(0,0,0,.08);
}
.member-thumb img {
width: 100%;
height: auto;
}
.member-name {
background: #fff;
position: relative;
padding: 17px 20px 13px;
}
.member-name:after {
width: 0;
height: 0;
border-bottom: 10px solid #fff;
border-right: 10px solid transparent;
position: absolute;
left: 0;
top: -10px;
content: "";
}
.member-name h5 {
margin-bottom: 3px;
color: #333;
}
.member-name p {
margin: 0px;
color: #d64646;
}
.member-box:hover .member-name {
background: #40407e;
}
.member-box:hover .member-name:after {
border-bottom: 10px solid #40407e;
}
.member-box:hover .member-name p, .member-box:hover .member-name h5 {
color: #fff;
}
.team-members .owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
position: absolute;
right: 0;
top: -100px;
}
.team-members .owl-theme .owl-nav button {
border: 0px;
border-radius: 0px;
font-size: 0px;
margin: 0 1px
}
.team-members .owl-theme .owl-nav button span {
display: none;
}
.team-members .owl-theme .owl-nav .owl-prev:after, .team-members .owl-theme .owl-nav .owl-next:after {
content: "\f060";
font-family: 'FontAwesome';
font-weight: 700;
font-size: 14px;
width: 40px;
height: 40px;
line-height: 40px;
background: #d94148;
color: #fff;
display: block;
}
.team-members .owl-theme .owl-nav .owl-next:after {
content: "\f061";
}
.team-members .owl-theme .owl-nav .owl-prev:hover:after, .team-members .owl-theme .owl-nav .owl-next:hover:after {
background: #fff;
color: #d64646;
}  .campaigns-event {
width: 100%;
float: left;
padding: 82px 0 90px;
background: #fafafa;
}
.event-box {
width: 100%;
float: left;
background: #fff;
border-radius: 0px;
overflow: hidden;
box-shadow: 0 6px 25px rgba(0,0,0,.08);
}
.event-loc, .event-thumb {
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.event-box .event-thumb img {
border-radius: 0px;
}
.event-box:hover .event-thumb:after {
opacity: 1;
}
.event-box:hover .event-thumb a {
left: 0;
opacity: 1;
}
.event-thumb a {
width: 45px;
height: 45px;
background: #fff;
position: absolute;
left: -100px;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: 99;
text-align: center;
line-height: 45px;
color: #d32f2f;
border-radius: 100%;
opacity: 0;
}
.event-thumb:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .50);
content: "";
z-index: 9;
opacity: 0;
}
.event-box:hover .edate {
background: #40407e;
}
.event-box:hover .event-txt a.rm, .event-box:hover .event-txt h5 a {
color: #d32f2f;
}
.event-box .edate {
width: 62px;
background: #d32f2f;
position: absolute;
left: 18px;
top: -58px;
text-align: center;
color: #fff;
overflow: hidden;
border-radius: 0 0 3px 3px;
padding-top: 8px;
z-index: 99;
}
.event-box .edate strong {
display: block;
color: #fff;
font-size: 30px;
font-weight: 400;
line-height: 22px;
}
span.year {
display: block;
background: rgba(0, 0, 0, .25);
text-align: center;
color: #fff;
font-size: 12px;
line-height: 20px;
margin-top: 8px;
}
.event-txt {
position: relative;
width: 100%;
float: left;
padding: 20px 20px 20px 102px;
}
.event-txt h5 {
margin-bottom: 12px;
font-weight: 700;
line-height: 26px;
}
.event-txt h5 a {
color: #40407e;
line-height: 28px;
}
.event-txt a.rm {
font-size: 14px;
font-weight: 400;
color: #40407e;
text-transform: uppercase;
font-family: 'Bitter', serif;
}
.event-txt p {
margin: 0 0 17px 0;
}
.etime {
width: 62px;
position: absolute;
left: 20px;
top: 37px;
}
.etime p {
line-height: 16px;
font-size: 16px;
color: #444444;
border-bottom: 1px solid #dddddd;
padding-bottom: 15px;
}
.etime span {
display: block;
}
.etime strong {
display: block;
color: #444;
font-weight: 500;
}
.etime em {
display: block;
color: #888888;
font-style: normal;
}
.event-loc {
border-top: 1px solid #eeeeee;
padding: 10px 20px;
}
.event-loc p {
font-size: 16px;
margin: 0px;
line-height: 20px;
color: #888888;
}
.event-loc p span {
color: #d94148;
} .join-our-movement {
width: 100%;
float: left;
background: #d63e45;
padding: 45px 80px 47px;
}
.join-our-movement .section-title {
margin: 0 0 10px;
}
.join-our-movement ul.form {
margin: 0px;
padding: 0px;
list-style: none;
}
.join-our-movement ul.form li {
float: left;
margin-right: 30px;
}
.join-our-movement h2 {
color: #fff;
font-size: 36px;
font-weight: 700;
margin: 0;
padding: 0px;
}
.join-our-movement h2:after {
display: none;
}
.join-our-movement p {
color: #fff;
margin: 0px;
}
form#join-our-movement {
position: relative;
margin-top: 24px;
}
.join-our-movement input {
border-radius: 0px;
height: 53px;
line-height: 53px;
border: 1px solid rgba(255, 255, 255, .20);
padding: 0 25px;
background: none;
width: 100%;
color: #fff;
}
.join-our-movement input::-webkit-input-placeholder {
color: #fff;
}
.join-our-movement input:-ms-input-placeholder {
color: #fff;
}
.join-our-movement input::placeholder {
color: #fff;
}
.join-our-movement button {
background: #40407e;
color: #fff;
border-radius: 0;
height: 53px;
line-height: 53px;
border: 0px;
padding: 0 25px;
font-size: 14px;
font-family: 'Bitter', serif;
position: absolute;
text-transform: uppercase;
right: 0;
top: 0;
}
.join-our-movement button i {
margin-right: 8px;
}
.join-our-movement button:hover {
background: #333;
color: #fff;
} .sponsers {
width: 100%;
float: left;
padding: 60px 0;
}
.sponsers ul.plogos {
margin: 0px;
padding: 0px;
list-style: none;
}
.sponsers ul.plogos li {
width: 20%;
text-align: center;
float: left;
}
.sponsers #clogos img {
opacity: .25;
cursor: pointer;
max-width: 100%;
width: inherit;
}
.sponsers #clogos .owl-item.active.center img, .sponsers #clogos img:hover {
opacity: 1;
} .main-footer {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/footerbg.jpg) no-repeat #1e1e20;
background-size: cover;
width: 100%;
float: left;
}
.footer-widget {
width: 100%;
float: left;
padding: 60px 0;
}
.footer-widget h3 {
color: #fff;
margin: 0 0 30px;
font-size: 28px;
font-weight: 400;
}
.footer-widget h3 a {
color: #fff;
}
.footer-widget .rssSummary {
line-height: 24px;
}
.widget_rss .widget.footer-widget li {
margin: 0 0 20px;
line-height: 26px;
}
.widget_rss .widget.footer-widget li a:before {
display: none;
}
.quick-links {
margin: 0px;
padding: 0px;
list-style: none;
}
.footer-widget li, .footer-widget .menu li, .quick-links li {
line-height: 36px;
color: #fff;
}
.widget.footer-widget.custom-styling {
padding-left: 55px;
}
.footer-widget li a {
font-family: 'Bitter', serif;
color: #fff;
font-size: 16px;
}
.footer-widget .menu li a:before, .quick-links li a:before {
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-size: 14px;
color: #fff;
margin-right: 10px;
}
.footer-widget li a:hover, .footer-widget .menu li a:hover {
color: #d94148;
}
.footer-widget select {
width: 100%;
padding: 0 10px;
border: 0px;
border-radius: 3px;
height: 40px;
}
.calendar_wrap {
width: 100%;
background: #fff;
}
table#wp-calendar {
width: 100%;
}
.widget.footer-widget .tagcloud a, .widget.footer-widget .tags-widget a {
color: #888888;
}
.widget.footer-widget .tagcloud a:before {
display: none;
}
.widget.footer-widget .tagcloud a:hover {
color: #fff;
}
.widget.footer-widget .textwidget {
background: #fff;
padding: 10px;
}
.insta-gallery {
width: 100%;
float: left;
padding: 0px;
margin: 0px;
list-style: none;
background: none;
}
.insta-gallery li {
width: 33.3333%;
float: left;
padding: 5px;
}
.insta-gallery img {
width: 100%;
height: auto;
}
.insta-img {
display: block;
overflow: hidden;
position: relative;
}
.insta-img:after {
position: absolute;
left: 0;
top: 0;
background: rgba(217, 65, 72, .70);
width: 100%;
height: 100%;
content: "";
opacity: 0;
}
span.insta-img a:hover i {
color: #fff;
}
.insta-img a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 24px;
height: 24px;
margin: auto;
color: #ffffff;
font-size: 18px;
z-index: 999;
opacity: 0;
text-align: center;
line-height: 26px;
}
.insta-img:hover a, .insta-img:hover:after {
opacity: 1;
}
.insta-img a:hover {
color: #fff;
}
.footer-widget address {
margin: 0px;
}
.footer-widget ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.footer-widget ul.address li {
font-family: 'Bitter', serif;
color: #fff;
font-size: 18px;
margin: 0 0 15px;
padding: 0 0 0 30px;
position: relative;
}
.footer-widget ul.address li i {
position: absolute;
top: 3px;
left: 0;
color: #d94148;
}
.footer-widget address img {
margin: 0 0 30px;
}
.footer-social a {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 100%;
color: #fff;
text-align: center;
line-height: 32px;
background: #d94148;
margin-right: 3px;
}
.tt-social a {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 30px;
background: #d94148;
margin-right: 2px;
}
.tt-social li {
display: inline-block;
}
.tt-social a.fb, .footer-social a.fb {
background: #506fa5;
}
.tt-social a.tw, .footer-social a.tw {
background: #57a9ec;
}
.tt-social a.in, .footer-social a.in {
background: #0075b3;
}
.tt-social a.insta, .footer-social a.insta {
background: #d12798;
}
.tt-social a.yt, .footer-social a.yt {
background: #ff0100;
}
.tt-social a.fb:hover, .tt-social a.tw:hover, .tt-social a.yt:hover, .tt-social a.insta:hover, .tt-social a.in:hover, .footer-social a.fb:hover, .footer-social a.tw:hover, .footer-social a.yt:hover, .footer-social a.insta:hover, .footer-social a.in:hover {
background: #d94148;
color: #fff;
}
.copy-rights {
width: 100%;
float: left;
background: #d94148;
text-align: center;
padding: 15px 0;
}
.copy-rights p {
color: #fff;
font-size: 16px;
margin: 0px;
}   #main-header.header-two {
position: relative;
width: 100%;
float: left;
background: #fff;
top: inherit;
}
#main-header.header-two .container:after {
display: none;
}
#main-header.header-two .redbg {
background: #fdf4f4;
border-top: 3px solid #d94148;
}
#main-header.header-two .nav-right a.donate-btn {
background: #40407e;
font-family: 'Bitter', serif;
color: #fff;
float: left;
line-height: 44px;
font-weight: 700;
padding: 0 30px;
font-size: 14px;
text-transform: uppercase;
margin: 10px 0 0 10px;
}
#main-header.header-two .nav-right a.donate-btn:hover {
background: #d94148;
color: #fff;
}
#main-header.header-two .main-nav>ul>li a {
font-weight: 400;
line-height: 64px;
color: #222222;
}
#main-header.header-two .logo a {
display: block;
height: 104px;
text-align: center;
line-height: 101px;
}
#main-header.header-two .main-nav .drop-down ul a {
line-height: 44px;
}
#main-header.header-two .search-btn {
line-height: 64px;
font-size: 18px;
width: 60px;
}
.main-menu.default-nav, .nav.navbar-nav.default-nav {
margin: 22px 0 0 0;
} .donation-box.home2 {
height: 300px;
padding: 65px 40px;
}
.compain-donation.home2 {
padding: 0px 0 90px;
}
.compain-donation.home2 .container {
margin-top: -50px;
} .baxton-updates {
width: 100%;
float: left;
padding: 80px 0 90px;
}
.update-box {
background: #fff;
width: 100%;
float: left;
box-shadow: 0 6px 25px rgba(0, 0, 0, .08);
}
.thumb {
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.thumb:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
content: "";
background: rgba(0, 0, 0, .50);
opacity: 0;
}
.thumb a {
background: #fff;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: -100%;
opacity: 0;
margin: auto;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
color: #dc545a;
border-radius: 100%;
font-size: 18px;
z-index: 99;
}
.thumb img {
width: 100%;
height: auto;
}
.thumb .utag {
position: absolute;
right: 20px;
top: 20px;
z-index: 99;
background: #d63e45;
color: #fff;
line-height: 28px;
padding: 0 20px;
border-radius: 14px;
font-size: 12px;
text-transform: uppercase;
}
.utxt {
width: 100%;
float: left;
padding: 35px;
position: relative;
}
.utxt .post-user {
position: absolute;
left: 20px;
top: -25px;
border-radius: 100%;
overflow: hidden;
height: 50px;
width: 50px;
border: 5px solid #ffff;
box-shadow: 0 8px 12px rgba(0, 0, 0, .20);
}
.utxt .post-user img {
width: 100%;
height: auto;
}
.utxt .count {
position: absolute;
background: #cf373e;
right: 20px;
top: 20px;
width: 27px;
height: 22px;
text-align: center;
color: #fff;
border-radius: 3px 3px 0 3px;
line-height: 22px;
font-size: 14px;
}
.utxt .count:after {
width: 0;
height: 0;
border-top: 7px solid #cf373e;
border-left: 6px solid transparent;
position: absolute;
bottom: -7px;
right: 0;
content: "";
}
.udate {
display: block;
color: #999999;
position: relative;
padding-left: 34px;
font-size: 14px;
margin: 4px 0 11px;
}
.udate:after {
background: #d94148;
width: 25px;
height: 1px;
content: "";
position: absolute;
left: 0;
top: 10px;
}
.utxt h4 {
font-weight: 700;
line-height: 32px;
margin: 0 0 13px;
}
.utxt h4 a {
color: #40407e;
}
.utxt p {
color: #555555;
font-size: 16px;
line-height: 24px;
margin: 0 0 23px;
}
.utxt a.details {
color: #999999;
display: block;
font-family: 'Bitter', serif;
font-weight: 700;
font-size: 14px;
}
.update-box:hover {
box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}
.update-box:hover .thumb:after {
height: 100%;
opacity: 1;
}
.update-box:hover .thumb a {
bottom: 0;
opacity: 1;
}
.update-box:hover .thumb img {
transform: scale(1.02, 1.02);
}
.thumb a:hover {
background: #d94148;
color: #fff;
}
.update-box:hover .utxt a.details, .update-box:hover .utxt h4 a {
color: #d94148;
}  .join-our-movement.home2 {
background: #f5f5f5;
}
.priorities-section {
width: 100%;
float: left;
padding: 90px 0 90px;
}
.priorities-section .section-title {
text-align: left;
}
.priorities-section .section-title h2 {
color: #fff;
}
.priorities-section .section-title p {
color: #fff;
font-size: 18px;
line-height: 24px;
margin: 0px;
}
#priorities-slider .pr-box {
padding: 40px 30px;
}
#priorities-slider .pr-box:hover {
background: #cc343b;
}
#priorities-slider .pr-box:hover a {
color: #fff;
}
#priorities-slider .owl-dot {
background: #e1e1e1;
width: 40px;
height: 8px;
margin: 0 3px;
border-radius: 4px;
}
#priorities-slider .owl-dots {
text-align: center;
}
#priorities-slider .owl-dot.active, #priorities-slider .owl-dot:hover {
background: #cc343b;
}  .sec-upcoming {
width: 100%;
float: left;
padding: 90px 0;
background: #fafafa;
}
.past-hightlights {
width: 100%;
float: left;
}
.past-hightlights h2, .upcoming-campaigns h2 {
font-size: 36px;
font-weight: 700;
margin: 0 0 30px;
clear: both;
}
.upc-campaign-list {
background: #fff;
padding: 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
width: 100%;
float: left;
margin: 0 0 15px;
}
.upc-img {
width: 29%;
float: left;
max-height: 140px;
overflow: hidden;
position: relative;
}
.upc-txt {
float: left;
width: 50%;
padding: 10px 30px 0 30px;
}
.upc-right {
width: 21%;
float: left;
padding: 20px 10px 0 0;
}
.upc-right img {
width: 34px;
height: 34px;
border-radius: 100%;
float: left;
margin-right: 10px;
}
.upc-right strong {
font-family: 'Bitter', serif;
font-size: 14px;
color: #d84148;
}
.upc-right strong span {
font-weight: 400;
color: #aaaaaa;
font-size: 12px;
display: block;
}
.upc-right a {
display: block;
line-height: 28px;
border: 1px solid #e1e1e1;
color: #999999;
text-align: center;
font-size: 12px;
text-transform: uppercase;
font-family: 'Bitter', serif;
margin: 18px 0 0;
}
.upc-campaign-list:hover .upc-right a {
background: #d94148;
color: #fff;
border-color: #d94148;
}
.upc-campaign-list:hover .upc-txt h5 a {
color: #d94148;
}
.upc-txt h5 {
font-weight: 700;
margin: 0 0 15px;
line-height: 26px;
}
.upc-txt h5 a {
color: #40407e;
}
.upc-txt .loc {
margin: 0px;
color: #aaaaaa;
}
.upc-txt .loc i {
color: #d94148;
margin-right: 5px;
}
.upc-txt .date-time {
margin: 0 0 10px;
position: relative;
padding: 0 0 0 33px;
color: #aaaaaa;
}
.upc-txt .date-time:after {
position: absolute;
left: 0;
top: 12px;
width: 25px;
height: 1px;
background: #cccccc;
content: "";
}
.upc-txt .date-time span {
color: #40407e;
text-transform: uppercase;
margin-right: 10px;
}
.past-hightlights .past-slider-nav .slick-slide {
max-height: 100px;
overflow: hidden;
} .past-hightlights .past-slider {
margin-bottom: 10px;
}
.past-hightlights .slick-slide img {
display: block;
width: 100%;
height: auto;
}
.ps-box {
position: relative;
overflow: hidden;
}
.ps-box:hover img {
transform: scale(1.08, 1.08);
-webkit-transform: scale(1.08, 1.08);
}
.ps-box .ps-cap {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(217, 65, 72, .80);
padding: 20px;
z-index: 99;
}
.ps-box .ps-cap h4 {
color: #fff;
margin: 0 0 10px;
}
.ps-box .ps-cap ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.ps-box .ps-cap ul li {
display: inline-block;
color: #fff;
font-size: 14px;
}
.ps-box .ps-cap ul li i {
margin-right: 5px;
}
.ps-box .ps-cap ul li:after {
content: " | ";
color: rgba(255, 255, 255, .50);
padding: 0 10px;
}
.ps-box .ps-cap ul li:last-child:after {
display: none;
}
.past-hightlights .past-slider-nav {
margin: 0 -5px;
}
.past-hightlights .past-slider-nav .slick-slide {
padding: 0 5px;
cursor: pointer;
}
.past-hightlights .slick-arrow {
background: #fff;
width: 34px;
height: 34px;
border-radius: 100%;
border: 1px solid #ccc;
box-shadow: none;
font-size: 0;
}
.past-hightlights .slick-arrow:hover {
background: #d94148;
color: #fff;
border-color: #d94148;
}
.slick-prev:after, .slick-next:after {
content: "\f104";
font-family: 'FontAwesome';
font-weight: 700;
text-align: center;
line-height: 30px;
font-size: 14px;
}
.slick-next:after {
content: "\f105";
}
button.slick-prev.slick-arrow {
position: absolute;
left: -10px;
z-index: 999;
top: 33px;
}
button.slick-next.slick-arrow {
position: absolute;
right: -10px;
top: 33px;
z-index: 999;
}  .signup-facts {
width: 100%;
float: left;
padding: 60px 0 60px;
position: relative;
background-size: cover !important;
}
.signup-facts .signup-tick {
position: relative;
}
.signup-facts .signup-tick img {
float: left;
margin-right: 20px;
}
.signup-facts .signup-tick h2 {
font-size: 48px;
color: #fff;
}
.signup-facts .signup-tick h2 strong {
display: block;
text-transform: uppercase;
}
.tick-title {
float: left;
width: 65%;
margin-top: 55px;
padding-left: 150px;
}
.signup-facts .signup-stamp {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/singupbox.png) no-repeat;
width: 240px;
height: 240px;
text-align: center;
padding: 70px 60px 0;
float: right;
margin-right: 130px;
}
.signup-facts .signup-stamp a {
color: #fff;
}
.signup-facts .signup-hover:hover .signup-stamp {
transform: scale(1.05, 1.05);
}
assets/images/singupbox.png .signup-facts .signup-stamp strong span {
display: block;
text-transform: uppercase;
font-weight: 700;
}
.signup-facts .signup-stamp strong span a {
color: #fff;
}
.signup-facts .signup-stamp strong {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
color: #fff;
font-style: italic;
line-height: 24px;
font-weight: 400;
}
.some-facts {
width: 100%;
float: left;
margin: -99px 0 0;
position: relative;
}
.some-facts .container {
overflow: hidden;
}
.some-facts ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
list-style: none;
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/factspatt.jpg);
}
.some-facts ul li {
width: 20%;
float: left;
text-align: center;
padding: 43px 0;
}
.some-facts span {
display: block;
color: #fff;
font-family: 'Bitter', serif;
font-size: 52px;
}
.some-facts strong {
display: block;
color: #fff;
font-size: 20px;
font-weight: 400;
}  .new-team {
width: 100%;
float: left;
padding: 90px 0 75px;
}
.team-sidebar h2 {
font-size: 36px;
font-weight: 700;
margin: 0 0 15px;
color: #40407e;
}
.team-sidebar h2 span {
color: #d94148;
}
.team-sidebar p {
font-size: 18px;
color: #555555;
margin: 0 0 30px;
}
.team-sidebar .nav>li {
margin: 0 0 10px;
}
.team-sidebar .nav>li>a {
display: block;
background: #fff;
border: 1px solid #dc545a;
line-height: 45px;
color: #555555;
font-size: 16px;
border-radius: 25px;
padding: 0 22px;
position: relative;
}
.team-sidebar .nav>li>a:after {
position: absolute;
right: 20px;
content: "\f061";
font-family: 'FontAwesome';
font-weight: 700;
font-size: 10px;
color: #999999;
}
.team-sidebar .nav>li.active a, .team-sidebar .nav>li>a:hover {
background: #dc545a;
color: #fff;
border-color: #dc545a;
}
.team-sidebar .nav>li.active a:after, .team-sidebar .nav>li>a:hover:after {
color: #fff;
}
.tt-box {
background: #fff;
width: 100%;
float: left;
text-align: center;
padding: 25px;
box-shadow: 0 6px 15px rgba(0, 0, 0, .08);
margin-bottom: 14px;
}
.tt-box .tt-thumb {
border-radius: 100%;
overflow: hidden;
width: 100%;
position: relative;
margin: 0 0 25px;
}
.tt-thumb:after {
position: absolute;
left: 0;
top: 0;
content: "";
background: rgba(0, 0, 0, .6);
width: 100%;
height: 100%;
opacity: 0;
}
.tt-thumb a {
position: absolute;
left: 0;
right: 0;
top: -100%;
bottom: 0;
margin: auto;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
background: #fff;
border-radius: 100%;
color: #dc545a;
font-size: 18px;
z-index: 99;
opacity: 0;
}
.tt-thumb a:hover {
background: #dc545a;
color: #fff;
}
.tt-box .tt-thumb img {
width: 100%;
height: auto;
}
.tt-box .tt-txt {
width: 100%;
float: left;
}
.tt-box .tt-txt h4 {
margin: 0 0 10px;
}
.tt-box .tt-txt h4 a {
color: #40407e;
}
.tt-box .tt-txt p {
font-size: 14px;
color: #888888;
margin: 0px;
}
.tt-social {
border-top: 1px solid #eeeeee;
margin: 20px 0 0;
padding: 15px 0 0;
list-style: none;
}
.p7 {
padding: 0 7px !important;
}
.tt-box:hover .tt-thumb:after {
opacity: 1;
}
.tt-box:hover .tt-thumb a {
top: 0;
opacity: 1;
}
.tt-social li a:hover, .tt-box:hover .tt-txt h4 a {
color: #dc545a;
}
.tt-box:hover .tt-thumb img {
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
}  .tweets-section {
width: 100%;
float: left;
position: relative;
background: #fff;
}
.tweets-section:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 235px;
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/twpatt.jpg);
content: "";
}
.tweets-section .container {
position: relative;
z-index: 99;
}
.tw-title {
text-align: left;
position: relative;
padding: 50px 0 0;
}
.tw-title i {
font-size: 120px;
color: rgba(255, 255, 255, .20);
position: absolute;
left: 0;
right: 0;
top: 0;
}
.tw-title h2 {
font-size: 36px;
font-weight: 700;
color: #fff;
text-align: left;
position: relative;
z-index: 99;
padding-left: 65px;
}
.tw-box {
width: 100%;
float: left;
background: #fff;
padding: 30px 30px 0 30px;
box-shadow: 0 6px 15px rgba(0, 0, 0, .08);
}
.tw-box .tw-user {
color: #888888;
margin: 0 0 12px;
}
.tw-box .tw-user strong {
color: #222;
margin-right: 5px;
}
.tw-box .tw-user span {
margin-left: 10px;
}
.tw-box .tw-user img {
width: 36px;
height: 36px;
border-radius: 100%;
margin: 0 10px 0 0;
}
.tw-box p {
color: #555555;
font-size: 16px;
margin: 0 0 25px;
}
.tw-box ul {
margin: 0;
padding: 0px;
list-style: none;
width: 100%;
float: left;
border-top: 1px solid #eeeeee;
}
.tw-box ul li {
float: left;
width: 60px;
line-height: 50px;
color: #bbbbbb;
text-align: center;
font-size: 18px;
}
.tw-box ul li a {
color: #bbbbbb;
}
.tw-box ul li a:hover {
color: #dc545a;
}
.tw-box ul li:first-child {
border-right: 1px solid #eeeeee;
color: #1da1f3;
}
.join-our-movement.mb-90 {
margin-bottom: -90px;
position: relative;
z-index: 99;
}
.gramotech-builder.this-section-css-11 {
background-size: cover !important;
}
.priorities-about-us .priorities-section .section-title h2 {
color: #40407e;
}
.priorities-about-us .priorities-section .section-title h2 span {
color: #d94148;
}
.priorities-about-us .priorities-section .pr-box {
box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
border: 1px solid rgba(0, 0, 0, .08);
}
.priorities-about-us .pr-box h3 {
color: #40407e;
margin: 0 0 20px;
font-weight: 400;
}
.priorities-about-us .pr-box a {
color: #999999;
}
.priorities-about-us .pr-box:hover h3 {
color: #fff;
}   .pr-box .num, .team-members .owl-theme .owl-nav .owl-prev:after, .team-members .owl-theme .owl-nav .owl-next:after, .tt-box .tt-thumb, .tt-thumb a, .tt-thumb img, .ps-box img, .upc-img a, .upc-img:after, #main-header.header-two .nav-right a.donate-btn, .compain-txt h2 a, .h1-services .h1-ser-box:after, .tw-box ul li a, .footer-widget .menu li a, .compain-box img, .compain-box:after, .donation-box .give-form button.give-btn.give-btn-modal, .tt-box .tt-thumb img, .tt-thumb:after, .tt-thumb a, .tt-box .tt-txt h4 a, .tt-social li a, .team-sidebar .nav>li>a, .team-sidebar .nav>li>a:after, .upc-txt h5 a, .upc-right a, #priorities-slider .owl-dot, .utxt a.details, .update-box, .thumb img, .utxt h4 a, .thumb a, .thumb:after, .h1-services .h1-ser-box a, button.donate-btn, .radio-boxes input[type=radio].css-radio+label.css-label, .footer-social a, .insta-img:after, .insta-img a, .member-name, .member-name:after, .party-president:after, .nh-list li h5 a, .view-more, a.md, .news-txt h5 a, .news-thumb a, .news-quicklinks li a, .allp, .pr-box .num, .pr-box:after, .pr-box, .pr-box a, .pr-box p, .pr-box h3, .search-btn, .nav-right a.donate-btn, .main-nav>ul>li a, .top-social a, .timeline-slider .pro-box, .team-box, .add-box, .causes-box, .speaker-box .sp-thumb:after, .speaker-box .sp-thumb a, .sp-text, .ser-box-top-icon, .issues-grid-style-2 .issue-box, .tp-caption a.con, .ser-box-left-icon, .news-box, .event-box, #clogos img, .join-our-movement input, ul.sub-menu li a, .documentary a, .pro-box .pro-text a, .pro-box .pro-thumb a.link, .pro-thumb:after, .gallery-thumb:after, .gallery-thumb a, ul.member-social a, .contact-team, #filters li span, .team-thumb:after, .team-thumb a.link, a.link, .side-contact .download, ul.issues-list a, .tags-widget a, .edate, .edate strong, span.year, .widget .archives a, .widget h6 a, .widget .categories a, .widget .categories a:before, .widget .recent-posts h6 a, .leave-comment input[type="submit"], .post-comments-form input[type="submit"], .rel-box a, .single-post-tags a, .news-box button.owl-prev span, .news-box button.owl-next span, .news-excerpt h4 a, .post-tags a, a.rd, .mv-box .mv-thumb a.play-icon, .mv-box .mv-thumb:after, .mv-box h6 a, .add-box-2 a, .contact-form input[type="submit"], .contact-form-widget input[type="submit"], .cause-txt-box .progress-bar, .causes-box .causes-thumb:before, .causes-box .causes-thumb a.link, .cause-txt-box h5 a, .cause-txt-box a.donate, .event-share ul a, .event-share ul a.like:after, .event-gallery .eg-thumb:after, .event-gallery .eg-thumb a, .event-counter a, ul.sub-menu, .issue-thumb:after, .issue-thumb a, .issue-txt a.rm, .issue-txt h5 a, .tl-paginations .pagination>li>a, .tl-paginations .pagination>li>span, .mission-support .our-priorities-section span.pri-icons, .mission-support .our-priorities-section h5, .mission-support .mission-section a, .timeline-nav .slick-slide strong, .timeline-nav .slick-slide strong:after, .timeline-nav .slick-slide span:before, .timeline-nav .slick-slide span:after, .timeline-nav .slick-slide:before, .timeline-nav .slick-slide:after, .ser-box-top-icon .ser-icon, .ser-box-top-icon h5, .ser-box-top-icon:hover .rm, .text a.cbtn, .social-links a, ul.tl-breadcrumb li a, .footer-social a, .insta-gallery ul li:after, .insta-gallery a, .footer-social a, .footer-widget.quick-links a, .footer-widget.text-widget a, .sponsers ul.plogos li img, .join-our-movement button, .party-president:after, .event-thumb a, .event-thumb:after, .member-name, .member-name h5, .member-name p, .member-name:after, .event-box .edate, .event-txt a.rm, .event-txt h5 a, .team-members .owl-theme .owl-nav span, .video-news-box .news-thumb a.play-icon, .video-news-box h6 a, .video-news-box .news-thumb .time, .news-excerpt h5 a, .news-thumb a.link, .news-thumb:before, .news-thumb:after, .section-title a.more, .donation-input input.continue, .ser-box:after, .ser-box a, .ser-box-left-icon .ser-icon, .ser-box-left-icon h5, .ser-box-left-icon .rm, .ser-box a, .ser-box, .video-icon a, .nav-wrap .navbar-nav>li>a, input[type=checkbox].css-checkbox+label.css-label, .dropdown-menu>li>a.continue {
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
.font {
font-family: 'Bitter', serif;
font-family: 'Source Sans Pro', sans-serif;
} #gramotech_search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
z-index: 99999999;
}
#gramotech_search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}
.search-overlay-form {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
right: 0;
width: 60%;
height: 60px;
margin: auto;
}
.search-overlay-form .search-area .form-control, #gramotech_search input[type="search"] {
width: 100%;
line-height: 60px;
color: #333;
background: rgba(0, 0, 0, 0);
font-size: 36px;
font-weight: 300;
text-align: center;
border: 0px;
border-bottom: 1px solid #ccc;
outline: none;
height: 60px;
border-radius: 0px;
padding: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
#gramotech_search .btn {
position: absolute;
color: #fff;
border: 0px;
right: 0;
top: 5px;
width: 50px;
height: 50px;
}
#gramotech_search .close {
position: fixed;
top: 15px;
right: 15px;
color: #fff;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
} .post-main-content h3 {
line-height: 43px;
color: #40407e;
}
p.form-submit {
margin-bottom: 0;
}
.blog-single-thumb img {
max-width: 100%;
height: auto;
}
.blog-single-content table {
width: 100%;
border: 1px solid #ccc;
margin: 0 0 30px;
}
.blog-single-content table td, .blog-single-content table th {
padding: 5px;
border: 1px solid #ccc;
}
.post-main-content p {
color: #555555;
font-size: 16px;
line-height: 24px;
margin: 0 0 20px;
}
.post-main-content li {
line-height: 24px;
color: #555555;
font-size: 16px;
}
.blog-details blockquote a {
color: #fff;
}
.rel-box {
min-height: 135px;
padding: 10px;
}
.rel-box h6 {
margin-bottom: 15px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
}
.sidebar.fw-sidebar .widget_categories li a, .sidebar.fw-sidebar .widget_archive li a {
float: left;
width: auto;
}
.sidebar.sidebar.fw-sidebar .widget_categories a:hover, .sidebar.fw-sidebar .widget.widget_archive a:hover {
background: none;
}
.sidebar .widget_meta ul li a:hover, .sidebar .widget_pages li a:hover, .sidebar.fw-sidebar .widget_archive li a:hover, .sidebar.sidebar.fw-sidebar .widget_categories a:hover {
color: #d32f2f;
}
.sidebar .widget_pages li a, .sidebar .widget_meta ul li a, .sidebar.fw-sidebar .widget_categories li, .sidebar.fw-sidebar .widget_archive li {
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
.next-prev-option h5 {
word-break: break-all;
}
.comments .pingback {
margin: 0 0 20px;
}
.section-border {
border-bottom: 1px solid #d6dfe9;
} body .make-a-donation .give-form-title, .stitle {
position: relative;
padding-left: 65px;
color: #40407e;
font-weight: 900;
margin: 0 0 30px;
clear: both;
}
.make-a-donation .give-form-title span, .stitle span {
color: #d94148;
}
.section-title {
width: 100%;
float: left;
position: relative;
margin: 0 0 30px;
}
.past-hightlights h2, .upcoming-campaigns h2, .section-title h2.stitle {
font-weight: 700;
font-size: 36px;
color: #40407e;
position: relative;
padding-left: 65px;
margin: 0px;
}
.past-hightlights h2 span, .upcoming-campaigns h2 span, .section-title h2.stitle span {
color: #d94148
} .make-a-donation .give-form-title:after, .stitle:after, .section-title h2:after {
position: absolute;
left: 0;
top: 10px;
width: 55px;
height: 21px;
content: "";
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/hstar.png) no-repeat;
}
.make-a-donation .give-form-title:after, .stitle:after {
top: 8px;
}
.section-title a.more {
position: absolute;
right: 0;
top: 10px;
background: #40407e;
color: #fff;
border-radius: 0;
line-height: 35px;
padding: 0 20px;
font-family: 'Bitter', serif;
}
.section-title a.more:hover {
background: #d32f2f;
color: #fff;
}
.achievement-goals .section-title h2 {
color: #fff;
} .causes-details .donation-sidebar .donation-wrap #give-donation-level-button-wrap>li .give-btn {
width: 80px;
}
.causes-details #give-donation-level-button-wrap li:last-child .give-btn {
width: 155px !important;
}
body #give-recurring-form .form-row input[type=email], body #give-recurring-form .form-row input[type=password], body #give-recurring-form .form-row input[type=tel], body #give-recurring-form .form-row input[type=text], body #give-recurring-form .form-row input[type=url], body #give-recurring-form .form-row select, body #give-recurring-form .form-row textarea, body form.give-form .form-row input[type=email], body form.give-form .form-row input[type=password], body form.give-form .form-row input[type=tel], body form.give-form .form-row input[type=text], body form.give-form .form-row input[type=url], body form.give-form .form-row select, body form.give-form .form-row textarea, body form[id*=give-form] .form-row input[type=email], body form[id*=give-form] .form-row input[type=password], body form[id*=give-form] .form-row input[type=tel], body form[id*=give-form] .form-row input[type=text], body form[id*=give-form] .form-row input[type=url], body form[id*=give-form] .form-row select, body form[id*=give-form] .form-row textarea {
border: none;
line-height: 48px;
padding: 0 20px;
width: 100%;
border-radius: 3px;
background: #fff;
border: 1px solid #cccccc;
} .about-timeline {
width: 100%;
float: left;
background: url(//www.jsvp-nw.ch/wp-content/themes/images/timeline-bg.jpg) no-repeat;
padding: 80px 0;
}
.timeline-slider .timeline {
width: 100%;
float: left;
margin-bottom: 60px;
}
.timeline-nav {
width: 100%;
float: left;
height: 100px;
position: relative;
}
.timeline-nav .slick-slide {
text-align: center;
position: relative;
height: 100px;
}
.timeline-nav .slick-slide strong:after {
position: absolute;
left: 0;
right: 0;
background: #ccc;
width: 17px;
height: 17px;
border-radius: 100%;
content: "";
margin: auto;
bottom: 0;
z-index: 9;
}
.timeline-nav .slick-slide:before {
position: absolute;
left: 0;
right: 0;
width: 1px;
height: 45px;
border-radius: 100%;
content: "";
margin: auto;
bottom: 0;
z-index: 5;
border-right: 1px dashed #ccc;
}
.timeline-nav .slick-slide strong {
font-size: 18px;
font-weight: 400;
color: #666666;
position: relative;
display: block;
height: 100px;
padding-top: 10px;
cursor: pointer;
}
.timeline-nav .slick-slide strong:before {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
width: 130px;
height: 92px;
background: rgba(0, 0, 0, 0);
border-radius: 5px 5px 0 0;
content: "";
z-index: -1;
}
.timeline-nav .slick-slide:after {
border-bottom: 1px dashed #ccc;
height: 1px;
position: absolute;
width: 100%;
content: "";
left: 0;
bottom: 7px;
}
.timeline-nav .slick-slide:hover strong:after, .timeline-nav .slick-slide.slick-current.slick-active.slick-center strong:after {
background: #d94148;
}
.timeline-nav .slick-slide:hover strong:before, .timeline-nav .slick-slide.slick-current.slick-active.slick-center strong:before {
background: #fff;
}
.timeline-nav .slick-slide:hover strong, .timeline-nav .slick-slide.slick-current.slick-active.slick-center strong {
color: #d94148;
font-weight: 700;
}
.timeline-nav .slick-slide:hover:before, .timeline-nav .slick-slide.slick-current.slick-active.slick-center:before {
border-color: #d94148;
}
.timeline .slick-slide h3 {
margin-bottom: 19px;
}
.timeline .slick-slide p {
margin-bottom: 18px;
font-size: 16px;
line-height: 26px;
}
.timeline .slick-slide p:last-child {
margin: 0px;
}
.timeline .slick-slide .checklist {
padding: 0px;
margin: 0px;
list-style: none;
}
.timeline .slick-slide .checklist li {
line-height: 26px;
}
.timeline .slick-slide .checklist li:before {
content: "\f105";
font-family: FontAwesome5Free;
color: #d32f2f;
margin-right: 5px;
font-weight: 900;
} .about-signup {
background: url(//www.jsvp-nw.ch/wp-content/themes/images/signupbg2.jpg) no-repeat;
background-size: cover;
width: 100%;
float: left;
padding: 60px 0;
}
.about-signup .signup-tick {
position: relative;
width: 75%;
margin: auto;
}
.about-signup .signup-tick img {
float: left;
margin-right: 20px;
}
.about-signup .signup-tick h2 {
font-size: 48px;
color: #fff;
}
.about-signup .signup-tick h2 strong {
display: block;
text-transform: uppercase;
}
.about-signup .signup-stamp {
background: url(//www.jsvp-nw.ch/wp-content/themes/images/singupbox.png) no-repeat;
width: 240px;
height: 240px;
text-align: center;
padding: 60px 60px 0;
float: right;
}
.about-signup .signup-stamp strong span {
display: block;
text-transform: uppercase;
font-weight: 700;
}
.about-signup .signup-stamp strong {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
color: #fff;
font-style: italic;
line-height: 30px;
font-weight: 400;
}
.about-signup .tick-title {
float: left;
width: 70%;
margin-top: 55px;
} .party-priorities {
width: 100%;
float: left;
background: #fff;
padding: 80px 0;
}
.party-facts {
width: 100%;
float: left;
background: #fafafa;
border-top: 1px solid #f0f0f0;
}
.party-facts .col-md-3.col-sm-3.b-r:last-child {
border: 0px;
}
.facts-box {
position: relative;
text-align: center;
padding: 50px 0 40px;
}
.facts-box h2 {
color: #40407e;
font-size: 40px;
font-weight: 700;
margin: 0 0 5px;
}
.facts-box strong {
font-size: 18px;
color: #888888;
font-weight: 400;
}
.facts-box span {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 60px;
height: 60px;
background: #fff;
border-radius: 100%;
text-align: center;
line-height: 60px;
top: -30px;
box-shadow: 0 6px 25px rgba(0, 0, 0, .08);
}
.b-r {
border-right: 1px solid #f0f0f0;
padding: 0px;
}
.b-r:hover {
background: #40407e;
}
.b-r:hover .facts-box strong, .b-r:hover .facts-box h2 {
color: #fff;
}
.b-r:hover .facts-box span {
width: 70px;
height: 70px;
line-height: 70px;
} .achievement-goals {
width: 100%;
float: left;
padding: 80px 0;
background: url(//www.jsvp-nw.ch/wp-content/themes/images/aboutvideo.jpg) no-repeat;
background-size: cover;
}
.achievement-goals h2.s-title {
color: #fff;
}
.achievement-goals h2.s-title span {
color: #d94148;
}
.vid-box .vid-thumb:after {
width: 200%;
height: 200%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
position: absolute;
content: "";
background: rgba(0, 0, 0, .20);
left: 0;
top: 0;
opacity: 0;
-webkit-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
z-index: 99;
}
.vid-box .vid-thumb:before {
width: 200%;
height: 200%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
position: absolute;
content: "";
background: rgba(255, 255, 255, .15);
right: 0;
bottom: 0;
-webkit-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
z-index: 99;
}
.vid-box:hover .vid-thumb:after {
-webkit-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
opacity: 1;
}
.vid-box:hover .vid-thumb:before {
-webkit-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
opacity: 1;
}
.vid-box:hover .vid-thumb img {
transform: scale(1.07, 1.07);
-webkit-transform: scale(1.07, 1.07);
}
.vid-thumb, .vid-box {
width: 100%;
float: left;
position: relative;
}
.vid-thumb {
overflow: hidden;
margin-bottom: 20px;
}
.vid-box h4 a {
margin:;
color: #fff;
}
.vid-box:hover h4 a {
color: #d94148;
}
.vid-thumb:after {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 101px;
background: url(//www.jsvp-nw.ch/wp-content/themes/images/gredi.png) repeat-x;
}
.play-vid {
position: absolute;
left: 15px;
bottom: 85px;
width: 47px;
height: 47px;
text-align: center;
background: rgba(255, 255, 255, .70);
border-radius: 100%;
padding: 5px;
z-index: 999;
}
.play-vid a {
background: #fff;
width: 37px;
height: 37px;
border-radius: 100%;
display: block;
text-align: center;
line-height: 37px;
color: #dd6373;
}
.play-vid:after {
position: absolute;
left: -30px;
top: 23px;
width: 41px;
height: 1px;
background: #dd6373;
content: "";
}
.vid-box:hover .play-vid {
background: rgba(217, 65, 84, .70);
}
.vid-box:hover .play-vid a {
background: #dd6373;
color: #fff;
}
.faq-donate {
width: 100%;
float: left;
}
.faqs .panel-default>.panel-heading {
background: #fff;
color: #40407e;
border: 0px;
border-radius: 5px 5px 0 0;
padding: 0px;
}
.faqs .panel-default>.panel-heading h4 a {
line-height: 58px;
display: block;
padding: 0 25px;
position: relative;
color: #fff;
background: #cd353c;
}
.faqs .panel-default>.panel-heading h4 a:after {
position: absolute;
right: 25px;
top: 20px;
content: "+";
font-weight: 900;
color: #fff;
width: 16px;
height: 16px;
border: 1px solid #fff;
text-align: center;
line-height: 11px;
font-size: 12px;
}
.faqs .panel-default>.panel-heading h4 a.collapsed {
color: #40407e;
background: #fff;
}
.faqs .panel-default>.panel-heading h4 a.collapsed:after {
color: #d94148;
border-color: #d94148;
}
.faqs .panel {
margin-bottom: 20px;
background-color: #fff;
border: 0;
border-radius: 5px;
box-shadow: none;
overflow: hidden;
}
.faqs .panel-group .panel-heading+.panel-collapse>.list-group, .faqs .panel-group .panel-heading+.panel-collapse>.panel-body {
border: 0px;
}
.play-vid, .play-vid a, .timeline-nav .slick-slide strong:after, .timeline-nav .slick-slide:before, .timeline-nav .slick-slide strong:before {
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
.hover-image {
width: 100%;
float: left;
overflow: hidden;
position: relative;
}
.hover-image img {
width: 100%;
height: auto;
}
.hover-image:hover img {
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
}
.faq-donate .fw-accordion {
border: 0px;
clear: both;
}
.faq-donate .fw-accordion .fw-accordion-title {
position: relative;
font-size: 18px;
font-weight: 400;
color: #40407e;
background: #fff;
padding: 0 25px;
line-height: 58px;
margin: 0;
cursor: pointer;
border-top: 0;
border-radius: 5px;
box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
margin-bottom: 15px;
}
.faq-donate .fw-accordion .fw-accordion-content {
margin: 0 0 15px;
}
.faq-donate .fw-accordion .fw-accordion-title .ui-icon {
position: absolute;
top: 20px;
left: inherit;
right: 15px;
width: 18px;
height: 18px;
border: 2px solid #d94148;
background-position: 50% 50% !important;
}
.faq-donate .fw-accordion .fw-accordion-content>p {
padding: 10px 25px 10px;
margin: 0px;
}
.about-us-donation.make-a-donation #give-donation-level-button-wrap {
margin: 0 -5px 10px;
}
.make-a-donation.about-us-donation #give-donation-level-button-wrap>li {
float: left;
margin: 0;
padding: 0 5px 10px;
}
.make-a-donation.about-us-donation form[id*=give-form] .give-donation-amount {
margin: 0 0 10px;
position: relative;
}
.make-a-donation.about-us-donation .give-donation-amount .give-currency-symbol {
position: absolute;
left: 0;
top: 0;
border: 0px !important;
height: 100%;
line-height: 52px;
width: 40px;
text-align: center;
}
.make-a-donation.about-us-donation .give-donation-amount #give-amount-text {
border: 2px solid #eeeeee;
background: #fff;
border-radius: 0;
height: 55px;
line-height: 51px;
padding: 0 50px;
margin: 0;
color: #999999;
font-size: 24px;
min-width: 100%;
float: left;
}
.make-a-donation.about-us-donation .give-form {
width: 100%;
float: left;
background: #fff;
box-shadow: 0 6px 25px rgba(0, 0, 0, .08);
padding: 28px 25px;
}
.make-a-donation.about-us-donation .give-form .give-btn {
width: 161px;
height: 55px;
border: 2px solid #eeeeee;
line-height: 51px;
text-align: center;
background: #fff;
border-radius: 0px;
color: #999999;
font-size: 24px;
font-weight: 400;
position: relative;
margin: 0px;
padding: 0px;
}
.make-a-donation.about-us-donation .give-form .give-btn.give-default-level, .make-a-donation.about-us-donation .give-form .give-btn:hover {
background: #40407e;
border-color: #40407e;
color: #fff;
}
.make-a-donation.about-us-donation .give-form .give-btn.give-default-level:after, .make-a-donation.about-us-donation .give-form .give-btn:hover:after {
color: #fff
}
.make-a-donation.about-us-donation .give-form .give-btn:after {
position: absolute;
right: 5px;
top: -10px;
color: #d9d9e5;
content: "\f058";
font-family: FontAwesome5Free;
font-weight: 700;
font-size: 16px;
}
.make-a-donation.about-us-donation button.give-btn.give-btn-modal {
background: #cd353c;
color: #fff;
border: 0px;
height: 55px;
line-height: 55px;
text-align: center;
width: 100%;
font-size: 18px;
font-weight: 700;
font-family: 'Bitter', serif;
}
.make-a-donation.about-us-donation button.give-btn.give-btn-modal:after {
display: none;
}
.make-a-donation.about-us-donation button.give-btn.give-btn-modal:hover {
background: #40407e;
color: #fff;
} .testimonials-endorsement .section-title {
text-align: left;
}
.testimonials-endorsement .section-title h2 {
text-align: left;
color: #fff;
}
.vid-thumb img {
width: 100%;
height: auto;
} .speaker-box .sp-thumb:after, .make-a-donation.about-us-donation .give-form .give-btn, .vid-box h4 a, .vid-thumb img, .signup-facts .signup-stamp, .facts-box span, .facts-box span img, .facts-box strong, .facts-box h2, .b-r, .hover-image, .hover-image img, .tt-box .tt-thumb img, .tt-thumb:after, .tt-thumb a, .tt-box .tt-txt h4 a, .tt-social li a, .team-sidebar .nav>li>a, .team-sidebar .nav>li>a:after, .upc-txt h5 a, .upc-right a, #priorities-slider .owl-dot, .utxt a.details, .update-box, .thumb img, .utxt h4 a, .thumb a, .thumb:after, .h1-services .h1-ser-box a, button.donate-btn, .radio-boxes input[type=radio].css-radio+label.css-label, .footer-social a, .insta-img:after, .insta-img a, .member-name, .member-name:after, .party-president:after, .nh-list li h5 a, .view-more, a.md, .news-txt h5 a, .news-thumb a, .news-quicklinks li a, .allp, .pr-box .num, .pr-box:after, .pr-box, .pr-box a, .pr-box p, .pr-box h3, .search-btn, .nav-right a.donate-btn, .main-nav>ul>li a, .top-social a, .timeline-slider .pro-box, .team-box, .add-box, .causes-box, .speaker-box .sp-thumb:after, .speaker-box .sp-thumb a, .sp-text, .ser-box-top-icon, .issues-grid-style-2 .issue-box, .tp-caption a.con, .ser-box-left-icon, .news-box, .event-box, #clogos img, .join-our-movement input, ul.sub-menu li a, .documentary a, .pro-box .pro-text a, .pro-box .pro-thumb a.link, .pro-thumb:after, .gallery-thumb:after, .gallery-thumb a, ul.member-social a, .contact-team, #filters li span, .team-thumb:after, .team-thumb a.link, a.link, .side-contact .download, ul.issues-list a, .tags-widget a, .edate, .edate strong, span.year, .widget .archives a, .widget h6 a, .widget .categories a, .widget .categories a:before, .widget .recent-posts h6 a, .leave-comment input[type="submit"], .post-comments-form input[type="submit"], .rel-box a, .single-post-tags a, .news-box button.owl-prev span, .news-box button.owl-next span, .news-excerpt h4 a, .post-tags a, a.rd, .mv-box .mv-thumb a.play-icon, .mv-box .mv-thumb:after, .mv-box h6 a, .add-box-2 a, .contact-form input[type="submit"], .contact-form-widget input[type="submit"], .cause-txt-box .progress-bar, .causes-box .causes-thumb:before, .causes-box .causes-thumb a.link, .cause-txt-box h5 a, .cause-txt-box a.donate, .event-share ul a, .event-share ul a.like:after, .event-gallery .eg-thumb:after, .event-gallery .eg-thumb a, .event-counter a, ul.sub-menu, .issue-thumb:after, .issue-thumb a, .issue-txt a.rm, .issue-txt h5 a, .tl-paginations .pagination>li>a, .tl-paginations .pagination>li>span, .mission-support .our-priorities-section span.pri-icons, .mission-support .our-priorities-section h5, .mission-support .mission-section a, .timeline-nav .slick-slide strong, .timeline-nav .slick-slide strong:after, .timeline-nav .slick-slide span:before, .timeline-nav .slick-slide span:after, .timeline-nav .slick-slide:before, .timeline-nav .slick-slide:after, .ser-box-top-icon .ser-icon, .ser-box-top-icon h5, .ser-box-top-icon:hover .rm, .text a.cbtn, .social-links a, ul.tl-breadcrumb li a, .footer-social a, .insta-gallery ul li:after, .insta-gallery a, .footer-social a, .footer-widget.quick-links a, .footer-widget.text-widget a, .sponsers ul.plogos li img, .join-our-movement button, .party-president:after, .event-thumb a, .event-thumb:after, .member-name, .member-name h5, .member-name p, .member-name:after, .event-box .edate, .event-txt a.rm, .event-txt h5 a, .team-members .owl-theme .owl-nav span, .video-news-box .news-thumb a.play-icon, .video-news-box h6 a, .video-news-box .news-thumb .time, .news-excerpt h5 a, .news-thumb a.link, .news-thumb:before, .news-thumb:after, .section-title a.more, .donation-input input.continue, .ser-box:after, .ser-box a, .ser-box-left-icon .ser-icon, .ser-box-left-icon h5, .ser-box-left-icon .rm, .ser-box a, .ser-box, .video-icon a, .nav-wrap .navbar-nav>li>a, input[type=checkbox].css-checkbox+label.css-label, .dropdown-menu>li>a.continue {
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
.font {
font-family: 'Bitter', serif;
font-family: 'Source Sans Pro', sans-serif;
}
.comment-respond h4.stitle:after, .post-comments h4.stitle:after {
content: none;
}
.comment-respond h4.stitle, .post-comments h4.stitle {
padding-left: 0;
}
.join-our-movement.remove-newsletter-padding {
margin: 0px;
}
.css-events-list {
width: 100%;
float: left;
padding: 80px 0;
}
table.events-table {
width: 100%;
border: 1px solid #f1f1f1;
}
table.events-table thead {
background: #40407e;
}
table.events-table thead tr th {
color: #fff;
padding: 10px;
}
.css-events-list table.events-table td {
padding: 10px;
border: 1px solid #f1f1f1;
}
.css-events-list table.events-table td:first-child {
width: 20%;
}
div#em-wrapper {
width: 100%;
float: left;
margin-top: 80px;
}
p.comment-form-cookies-consent {
display: none;
}
table.em-calendar td.eventless-today, table.em-calendar td.eventful-today {
background: #cc343b;
color: #fff;
}
.logo img {
max-width: 100%;
height: auto;
}
.comment #respond.comment-respond {
padding: 0px;
margin: 10px 0 15px;
}
h6.aname {
margin-bottom: 16px !important;
font-size:16px;
}
p.logged-in-as {
line-height: 0;
}
.fw-accordion {
border: 1px solid #cfcfcf;
clear: both;
}
.fw-accordion .fw-accordion-title {
position: relative;
font-size: 15px;
font-weight: bold;
color: #333333;
background: #f2f2f2;
padding: 15px 40px;
margin: 0;
cursor: pointer;
border-top: 1px solid #cfcfcf;
}
.fw-accordion .fw-accordion-title:focus {
outline: medium none;
}
.fw-accordion .fw-accordion-title:first-child {
border-top: none;
}
.fw-accordion .fw-accordion-title.ui-state-active {
background: none;
}
.fw-accordion .fw-accordion-title .ui-icon {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/plus-accordion.png) no-repeat;
position: absolute;
top: 20px;
left: 15px;
width: 8px;
height: 8px;
}
.fw-accordion .fw-accordion-title.ui-state-active .ui-icon {
background: url(//www.jsvp-nw.ch/wp-content/themes/baxton/assets/images/minus-accordion.png) no-repeat;
top: 22px;
}
.fw-accordion .fw-accordion-content {
padding: 0;
}
.fw-accordion .fw-accordion-content > p {
padding: 0 30px 20px 30px;
}
.fw-accordion .fw-accordion-content p:last-child {
margin-bottom: 0;
}