@charset"UTF-8";

/* CSS Document */
.submenu{
	display:none !important;
	}
.boost{
	margin-top:82px;
	}
.sliderpart {
    max-width:1310px;
    width:100%;
    margin: 30px auto;
    position:relative;
    /* top: 30px; */
    border:1px solid #898a89;
    /* box-shadow:0 0 17px 1px #898a89; */
    /*box-shadow: 0px 2px 2px 0 #afb0b2;*/
    border-radius:21px 21px 21px 21px;
    z-index:1;
    overflow: hidden;
    margin-bottom: 0;
}
.sliderpart a{
    	color:black;
    	text-decoration: none;
    	}
.slide img {
    /* border-radius:20px 20px 20px 20px; */
    vertical-align:top;
    width: 100%;
}
.slide {
    visibility:hidden;
    opacity:1.0;
    left:0;
    position:relative;
    display:none;
    width:100%;
}
.slideActive {
    opacity:1;
    display:block;
    visibility:visible;
    left:0;
}
.slideHidden {
    display:none;
    visibility:hidden;
    opacity:0;
}
.slideFadeOut {
    display:block;
    opacity:0;
}
.slideFadeIn {
    opacity:1;
    display:block;
    visibility:visible;
}
.hiddenSlide {
    display: block;
    top: 0;
    visibility: visible;
    position: absolute;
}
.slideLeft {
    left:-100%;
}
.slideRight {
    left:100%;
}
.slideTransition {
    display:block;
    transition:opacity 0.7s ease-in-out, left 0.8s ease-in-out;
    -webkit-transition:opacity 0.7s ease-in-out, left 0.8s ease-in-out;
    -moz-transition:opacity 0.7s ease-in-out, left 0.8s ease-in-out;
    -o-transition:opacity 0.7s ease-in-out, left 0.8s ease-in-out;
}
.arrow {
    position: absolute;
    background: rgb(46, 45, 41);
    background: rgba(46, 45, 41, 0.69);
    z-index: 33;
    width: 52px;
    height: 52px;
    top: 43%;
    border-radius: 26px;
    /* text-align: center; */
    color:#fff;
    cursor: pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.aLeft {
    left:5px;
}
.aRight {
    right:5px;
}
.arrow button {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.special {
    background: rgb(46, 45, 41);
    opacity: 0.7;
    outline: 1px transparent solid;
}
.canvasArrow {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 26px;
}
.fillArrow, .emptyArrow{
	width: 0;
    height: 0;
    position: absolute;
	}
.fillArrow{
	border-top: 13px solid transparent;
    border-bottom: 13px solid transparent; 
    top:25%;
	}
.emptyArrow{
	border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    z-index: 5;
    top:27%;
	}
.aLeft .fillArrow {
    border-right: 17px solid #fff;
    left: 29%;
}
.aLeft .emptyArrow {
    border-right: 18px solid rgb(46, 45, 41);
    left: 37%;
}
.aRight .fillArrow {
    border-left: 17px solid #fff;
    left: 37%;
    /* opacity: 0.69; */
}
.aRight .emptyArrow {
    border-left: 18px solid rgb(46, 45, 41);
    left: 28%;
    /* display: none; */
    /* opacity: 0.69; */
}
/*.desc {
    height:150px;
    position:relative;
}
.desc:before {
    content:'';
    height:100%;
    vertical-align:middle;
}
.desc div {
    display:inline-block;
    vertical-align:middle;
    margin:0 10px;
}*/
.descHelper {
    /*display: table;*/
    margin: 0 auto;
    height: 100%;
    width: 90%;
	margin: 15px;
}
.slideDesc {
    position:absolute;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.67);
    width:400px;
    /*height: 80px;*/
    top:65px;
    left:0;
    font-size: 100%;
    border-radius:0 15px 15px 0;
    /* text-align: center; */
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cicbar {
    height:50px;
}
.controlWrap {
    width:100%;
    height:30px;
    position:absolute;
    z-index:33;
    bottom:0;
    background:rgb(255, 255, 255);
    background:rgba(255, 255, 255, 0.73);
    /*border-radius:0 0 21px 21px;*/
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.bullet {
    width:16px;
    height:16px;
    border-radius:8px 8px 8px 8px;
    display:inline-block;
    background-color:#d3d3d3;
    box-shadow:0 0 1px 2px #747474 inset;
    cursor:pointer;
    margin-top:7px;
    border:0;
}
.selected {
    background-color:#a3a3a3;
}
.colContainer {
    max-width:1310px;
    clear:both;
    margin:0 auto;
    vertical-align:top;
    height:100%;
    /* margin-top:25px; */
    margin-bottom:25px;
    width: 100%;
}
.col {
    float:left;
    border-radius:21px 21px 21px 21px;
    border:1px solid #898a89;
    padding: 10px 21px;
    margin-top:25px;
    height: 470px;
    position: relative;
    width: 32%;
}
.col p {
    margin: 45px 10px 20px 10px;
}
.col img {
    /* margin: auto; */
    display: block;
    min-width: 327px;
max-height: 300px;
width: 100%;
}
.colCHelper {
    display: table;
    height: 360px;
    width: 100%;
}
.colContent {
    display: table-cell;
    vertical-align: middle;
}
.colrightWrap {
    width: 36%;
    width: 100%;
}
 .colStrip .col {
    border:none;
    height: 250px;
}
.colStrip .colCHelper {
    height: 89px;
}
.colStrip .colTitle:after{
	display:none;
	}
.leftcol {
    width:60%;
    margin-left:0;
}
.midC {
    width: 32%;
    margin-right: 0;
    border: none;
    height: 400px;
}
.colContribution {
    height:146px;
}
.colContribution p {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}
.colContribution img {
    margin-top: 21px;
    display: block;
    margin: 11px auto 10px;
    width: 100%;
    max-width: 377px;
    border-radius: 7px;
}
.midsmallC {
    margin: 0 2%;
    margin-top: 25px;
}
.thirds {
    width:31%;
    margin-left:2.1374045801527%;
}
.leftC {
    margin:0;
}
 /*.colTitle {
    font-size: 175%;
    font-weight: normal;
    display: inline-block;
    position: relative;
}*/
.colTitle {
  font-size: 175%;
  /* margin-left: 10px; */
  font-weight: normal;
  border-left: 10px solid #ccc;
  padding-left: 10px;
  background-image: linear-gradient(to right, #F0F0F0, white);
  /* border-left: 10px solid #d1002a; */
  /* background-image: linear-gradient(to right, #D1002a 50px, white 100%); */
  /* color: rgb(229, 229, 229); */
}
/*h1.colTitle:after {
    content:'...';
    color: red;
    font-size: 67px;
    position: absolute;
    top: -39px;
    margin-left: 10px;
    letter-spacing: 1px;
}*/
 .feedHelper {
    display:table;
    height: 90px;
}
.more a {
    color:rgb(124, 124, 124);
    text-decoration:none;
}
.more a:hover {
    color: rgb(145, 145, 145);
    text-decoration:underline;
}
 .newTitle a {
    color:black;
    text-decoration:none;
}
.newsalign {
    margin-left: 0;
}
.eventsalign {
    padding-left: 15%;
    margin: 0;
}
.newsPart:hover .newTitle a, .eventsPart:hover .newTitle a {
    color: #A70223;
    text-decoration:none;
}
.newTitle:hover {
    color: #d1002a;
    text-decoration:underline;
}
.eventsPart:hover, .newsPart:hover {
    background:#f7f7f7
}
.eventDate {
    float:left;
    display:block;
    height: 90px;
    width: 90px;
    text-align:center;
    color:gray;
}
.eventMonth {
    /*font-size:180%;*/
    /*font-size: 30px;*/
    font-size: 24px;
}
.quotes{
	height:158px;
	}
.quotes blockquote:before, .quotes .afterquote:after{
	display: block;
    padding-left: 10px;
    font-size: 60px;
    position: absolute;
    color: #7a7a7a;
	}
.quotes blockquote:before {
    content:"\201C";
    left: -21px;
    top: -19px;
}
.quotes blockquote {
    font-size: 170%;
    padding: 0 11px;
    position: relative;
    margin: 0 0 15px 0;
}
.afterquote {
    position:relative;
}
.afterquote:after {
    content:"\201D";
    right: -29px;
    bottom: -25px;
}
 .quoteHidden {
    display:none;
}
.donate {
    color: white;
    width: 200px;
    height: 50px;
    font-size: 28px;
    border: none;
    border-radius: 30px;
    background: radial-gradient(blue 47%, #3333ff);
    margin: 5px auto 0 auto;
    display: block;
    background-color: blue;
}
.donate:hover {
    background: radial-gradient(blue 30%, #33ccff);
}
.donatebutton {
	margin-top: 30px;
	align-items:flex-start;
}
@media all and (max-width: 1310px) {
.sliderpart, .col {
        border-radius:11px;
        border:1px solid #898a89;
    }
    .col{	
    	padding: 5px 11px;
    	}
    .slideDesc {
        top: 0;
        /*height: 200px;*/
        width: 50%;
        border-radius: 0 0 15px 15px;
        font-size: 130%;
        left: 25%;
        text-align: center;
    }
    .arrow {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        font-size: 20px;
    }
    .fillArrow {
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
top: 24%;
}
.emptyArrow {
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
z-index: 5;
top:26%;
}
.aLeft .fillArrow {
   border-right: 17px solid #fff;
left: 25%;
}
.aLeft .emptyArrow {
    border-right: 18px solid rgb(46, 45, 41);
left: 33%;
}
.aRight .fillArrow {
    border-left: 17px solid #fff;
left: 37%;
}
.aRight .emptyArrow {
   border-left: 18px solid rgb(46, 45, 41);
left: 24%;
}
}


/* mobile and pads */

 @media all and (max-width: 1220px) {
 	.boost{
 		margin-top:0px;
 		}
 		.sliderpart{
 			margin-top:0px;
 			}
 	.slideDesc {
        width: 60%;
        left: 20%;
    }
     .col {
        width:49%;
    }
    .midsmallC, .colStrip .col {
        margin:25px 0 0 2%;
    }
    .colStrip .col {
        height: 225px;
    }
    .col:last-child {
        margin: 0;
        height: 220px;
    
        width: 100%;
}
    .colStrip .midsmallC {
        margin-top:0;
    }
    .colContribution img {
        margin:0;
    }
/*    .tweet {
        border: none;
    }*/
    blockquote {
        height:80px;
    }
    .colContainer, footerContainer {
        width:100%;
    }
 	 .quotes {
        height: 140px;
    }
    .quotes blockquote {
        margin:0px 0 5px 0;
    }
 	
 	
 	}
@media all and (max-width: 960px) {
	 .sliderpart {
        width:100%;
    }
    .arrow {
        top: 41%;
    }
    .slideDesc {
        width: 74%;
        left: 13%;
    }
}
@media all and (max-width: 780px) {
	.sliderpart {
        background: #F8F8F8;
    }
    .slide img {
        border-radius: 0;
    }
    .slideDesc {
        position: initial;
        margin: 0 auto;
        width: 100%;
        background: none;
		width:350px;
    }
    .controlWrap {
        position:initial;
    }
    .colContainer {
        margin-top:10px;
    }
    .col, .midsmallC, .colStrip .col {
        width:100%;
        margin:10px 0%;
        height: auto;
    }
    .col:last-child {
        margin:0;
    }
    	.arrow {
        display:none;
    }
	}
@media all and (max-width: 480px) {
	.colStrip .col {
        margin: 25px 0 0 0;
    }
    .quotes {
        height:160px;
    }
    .quotes blockquote {
        height:110px;
        margin-bottom: 15px;
    }
	.slideDesc {
    width:200px;

}
    
	}