/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);


body {
    font-family: "Open Sans Hebrew", arial, sans-serif;
    font-size: 16px; 
}

a{text-decoration: none;}





footer{padding: 30px 0 0 0;}
.region.region-footer{padding: 0;}
.text-justify {text-align: justify !important;}
.bg-white {background: #ffffff;}

.fw-after-content-03,
.fw-after-content-05,
.fw-after-content-09 {background: #8994A6;}
.fw-after-content-02,
.fw-after-content-06 {background: #506584;}
/*.fw-after-content-04,
.fw-after-content-08 {background: rgba(31, 137, 97, 0.30);}
.fw-after-content-01 {background: #4C4B4B;}*/


/************************* OWL Photo Gallery ************************/
.owl-carousel .owl-nav [class*="owl-"] {
    font-size: 0;
    padding: 0;
    color: #606060;
    margin: 0;
    text-align: center;
    height: 20px;
    line-height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-carousel.owl-rtl .owl-item { float: right;}
.owl-carousel .owl-nav .owl-prev {right: -60px;margin-right: 7.5px;}
.owl-carousel .owl-nav .owl-next {left: -60px;margin-left: 7.5px;}
.owl-carousel .owl-nav .owl-prev:after,
.owl-carousel .owl-nav .owl-next:after { content: "\f138";font-family: FontAwesome;color: #575656;position: absolute;font-size: 20px;font-weight: 800;left: 0;right: 0;top: 25%;}
.owl-carousel .owl-nav .owl-next:after {content: "\f137";}
.owl-carousel .owl-nav [class*="owl-"] {background: transparent;}
.owl-carousel .owl-nav [class*="owl-"]:hover {color: #222222;}
.owl-carousel .owl-nav [class*="owl-"]:hover:after {color: #222222;}
.owl-carousel .owl-nav .disabled {display: none;}
@media (max-width: 768px) {
	.owl-carousel .owl-nav > div {top: 50%;}
    .owl-carousel .owl-nav .owl-prev {right: -20px;margin-right: 7.5px;}
    .owl-carousel .owl-nav .owl-next {left: -20px;margin-left: 7.5px;}
}
.owl-carousel .owl-dots{display: inline-flex;margin-top: 25px;}
.owl-carousel .owl-dot{width: 7px;height: 7px;opacity: .25;background: black;border-radius: 30px; margin:0 10px;}
.owl-carousel .owl-dot.active{opacity: 1;background: black;border-radius: 30px;}

.reg-cube {
height: 100%;
border-radius: 15px;
box-shadow: 0px 2px 10px #000;
overflow: hidden;
}
.field--name-field-information{ color:red;}



#block-kibbutzvolunteers-page-title{height: 55vh; }
#block-kibbutzvolunteers-page-title .block-title{width: auto;margin-left: auto;margin-right: auto;position: relative;top: 50%;transform: translateY(-50%); text-align: center; color: #ffffff;}


/* Paragraph*/
.paragraph--type--lr-paragraphs-section{margin-bottom: 30px;}
.paragraph--type--lr-paragraphs-section .field--name-field-paragraphs-title{ font-size: 1.5rem;color: #3c763d !important;}
.paragraph--type--lr-paragraphs-section .field{}
.paragraph--type--lr-paragraphs-section .field a{color: #000000; text-decoration: none;}
.paragraph--type--lr-paragraphs-section .field a:hover{color: #69AA2E;}
.paragraph--type--lr-paragraphs-section .field__items{margin-left:30px;}
.paragraph--type--lr-paragraphs-section .field__item:before{
position: absolute;
display: inline-block;
color: #69AA2E !important;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
font-size: inherit;
left: 20px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


#block-kibbutzvolunteers-content{ padding:0 30px;}
.accordion-faq .view-content {justify-content: space-around !important;}
.accordion{ width:60%;}
@media (max-width: 992px) {
    .accordion{ width:100%;}
}
.accordion-item{ border:0 none;}
.accordion-btn:not(.collapsed){ background-color:transparent;}
.accordion-btn{position:relative; font-size: 20px;font-weight: 600;}
.accordion-btn span:after,
.accordion-btn.collapsed span:after{font-family: FontAwesome;position: absolute; font-size: 18px;color: #3c763d;left: -1.5rem;top: 6px;}
.accordion-btn span:after{content: "\f068";}
.accordion-btn.collapsed span:after{content: "\f067";}

.field--name-field-paragraphs-email .field__item:before{content: "\f0e0"; }
.field--name-field-paragraphs-link .field__item:before{content: "\f0ac"; }
.field--name-field-paragraphs-tel .field__item:before{content: "\f095"; }
.field--name-field-paragraphs-fax .field__item:before{content: "\f1ac"; }