.navbar-toggle {
    display: block !important;
}

.navbar-header {
    float: none;
}

.navbar-collapse.collapse {
	display: none !important;
}

.navbar-collapse {
	overflow-x: visible !important;
}

.navbar-collapse.in {
	overflow-y: visible !important;
	position: relative;
}

.collapse.in {
  display: block !important;
}

.navbar-nav {
	display: none;
}


#block-footer .nav > li > a {
	font-size: 14px;
	font-weight: bold;
    float: left;
    color: #fff;
    border-right: 1px solid #fff;
    padding: 0px 10px;
    text-transform: uppercase;
    font-family: 'futura-medium', sans-serif;
    line-height: 12px;
    letter-spacing: 2px;
}

#block-footer .nav > li.last  a {
	border: 0;
}

#block-footer .nav > li > a:hover, 
#block-footer .nav > li > a:focus {
	background-color: transparent;
	color: #eee;
}

#block-footer .nav {
	text-align:center;
	float:none;
	margin-bottom: 20px;
}

#block-footer .nav li {
    display: inline-block;
    float:none;
}

.region-footer,
.region-footer .view-social-icons {
	text-align: center;
}

.region-footer .paragraph--type--social-icons {
    display: inline-block;	
}

.region-footer .footer-motto {
	display: inline-block;
}

h1.page-header {
	display: none;
}

.feed-icons {
	display: none;
}

.view-frontpage .view-empty {
	display: none;
}

.field--name-field-donate a {
    padding: 10px 18px;
    background-color: #FF4C4C;
    border-radius: 25px;
    border: 2px solid #fff;
    letter-spacing: 2px;
	text-decoration: none;
    color: #fff;
	font-weight: bold;
	font-size:24px;
}

.field--name-field-donate-under-page .field--name-field-donate a,
.field--name-field-donate-1st-column .field--name-field-donate a,
.field--name-field-donate-now .field--name-field-donate a {
	border: 0;
	padding: 6px 19px;
	font-size: 17px;
}


.field--name-field-donate-under-page .field--name-field-donate,
.field--name-field-donate-1st-column .field--name-field-donate,
.field--name-field-donate-now .field--name-field-donate {
	margin-bottom: 8px;
}

.region-footer .footer-motto {
	padding: 2px 13px;
	margin-top: 37px;
	background-color: #FF4C4C;
	border-radius: 20px;
	border: 2px solid #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}


.region-footer .footer-design-by {
	margin: 155px 0 0 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family: 'futura-medium', sans-serif;
	letter-spacing: 2px;
}

.field--name-field-donate a:hover {
	background-color: red;
}

.donate-button {
    position: absolute;
    right: 40px;
	z-index: 1;
	float: right;
	top: 40px;
}

.field .donate-button {
    position: relative;
    right: unset;
	z-index: 0;
	float: none;
	top: unset;
}


.path-frontpage .donate-button {
	float: left;
	left: 100px;
	top: 350px;

}

.field--name-field-icon img {
	float: left;
}

.home-text {
    font-family: 'futura-bold', sans-serif;
    position: absolute;
    top: 120px;
    width: auto;
    left: 100px;
    font-size: 40px;
    color: #fff;
	z-index: 1;
}

.home-text p {
    -webkit-text-stroke: 2px #726459; 
    margin: 0;
    line-height: 50px;
}

.block-hometop {
	display: inline-block;
	padding-top: 35px;
	z-index: 10;
}

.block-hometop p,
.block-hometop .field--name-field-author {
	text-align: center;
	font-size: 10px;
	color: #545454;
	line-height:22px;
	letter-spacing: 1px;
	
	margin: 0;
	white-space: nowrap;
}

.block-hometop .field--name-field-author {
	font-weight: bold;
	font-size: 10px;
}

.logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.field--name-node-title {
	text-align: center;
	margin: 35px 0;
}

.field--name-node-title h2{
    text-transform: uppercase;
    font-family: 'antonio-regular', sans-serif;
    font-size: 18px;
    display: inline-block;
    border: 2px solid #000;
    padding: 8px 45px;
    border-radius: 20px;
	letter-spacing: 2px;
	color: #000;
}

.ds-2col-stacked-fluid > .group-left {
	padding: 0 15px 0 18%;
}

.ds-2col-stacked-fluid > .group-right {
	padding: 0 18% 0 15px;
}

.path-about .ds-2col-stacked-fluid > .group-left {
	padding: 0 15px 0 26%;
    text-align: right;
    line-height: 30px;
	font-family: 'antonio-regular', sans-serif;
	font-size: 17px;
}

.path-about .ds-2col-stacked-fluid > .group-right {
	padding: 0 160px 0 15px;
}

.path-about .group-left .field--name-field-column-1 p {
	padding: 0;
	text-align: right;
	font-family: 'antonio-regular', sans-serif;
	font-size:23px;
	line-height: 46px;
}

.path-about .group-right .field--name-field-column-2 p {
	padding: 0;
	font-size: 17px;
}

.path-about .group-left .field--name-field-donate {
	text-align: right;
}

.path-action-plan .field--name-field-column-1 p {
	padding: 0;
}

.path-action-plan .field--name-field-column-2 p {
	padding: 0;
}

.field--name-field-donate-1st-column {
	padding: 20px 0;
}

.group-footer {
	padding-top: 25px;
    text-align: center;
    clear: both;
}


.footer.container-fluid  {
	margin-top: 20px;
}

.path-frontpage .footer.container-fluid  {
	margin-top: 0;
}

#block-donatenowbutton a {
	padding: 3px 20px 6px;
    border-radius: 17px;
	font-weight: bold;
}

.edit-social-icons a {
	color: #fff;
	padding-bottom: 15px;
}

.field--name-field-sub-title {
	color: #FF4646;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'antonio-regular', sans-serif;
	padding-bottom: 30px;
}

.group-footer h3 {
	color: #FF4646;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 20px;
}

.node--type-page .field--name-body {
	margin-bottom: 70px;
	font-size: 16px;
	line-height: 22px;
}

.node--type-page .field--name-body p {
	padding-bottom: 20px;
}

.path-admin-expert-form .node--type-page .field--name-body,
.path-emergency-volunteer-form .node--type-page  .field--name-body {
	border: 1px solid #BFBFBF;
	border-bottom-color: #fff;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;	
}

.path-admin-expert-form .btn-info,
.path-emergency-volunteer-form .btn-info {
	background-color: #6B95DE;
    text-transform: uppercase;
    font-family: 'antonio-regular', sans-serif;
    letter-spacing: 2px;
    border-radius: 15px;
    padding: 5px 25px;
    font-size: 20px;
	margin-bottom: 40px;
}


.path-admin-expert-form .btn-info:focus,
.path-admin-expert-form .btn-info.focus,
.path-admin-expert-form .btn-info:active,
.path-admin-expert-form .btn-info.active,
.path-admin-expert-form .btn-info:hover,
.path-emergency-volunteer-form  .btn-info:focus,
.path-emergency-volunteer-form  .btn-info.focus,
.path-emergency-volunteer-form  .btn-info:active,
.path-emergency-volunteer-form  .btn-info.active,
.path-emergency-volunteer-form  .btn-info:hover {
	outline-color: #BFBFBF !important;
}

.path-emergency-volunteer-form .field--name-field-sub-t   {
	margin: 0 300px;
	border: 1px solid #BFBFBF;	
}

.node--type-page .field--name-field-donate {
	text-align: center;
	margin: 20px 0;
}

.path-admin-expert .node--type-page .field--name-body,
.path-emergency-volunteer .node--type-page .field--name-body{
	text-align: center;
	font-family: 'antonio-bold', sans-serif;
}

.path-admin-expert .field--name-body h3,
.path-admin-expert .field--name-body h4,
.path-emergency-volunteer .field--name-body  h3,
.path-emergency-volunteer .field--name-body  h4,
.field--name-field-sub-t h3 {
	text-transform: uppercase;
}

.field--name-field-sub-t h3 {
	text-align: center;
	padding-bottom: 30px;
}

.path-emergency-volunteer-form .field--name-field-sub-t  h2, 
.path-admin-expert-form .field--name-body h2 {
	background-color: #FF7D4C;
	color: #fff;
	border-radius: 15px;
	padding: 8px 50px 7px;
	font-size: 16px;
	width: 450px;
	margin: 40px auto;
	text-align: center;
	font-family: 'antonio-regular', sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}


.path-admin-expert .node--type-page .field--name-body h2,
.path-emergency-volunteer  .node--type-page .field--name-body h2 {
	letter-spacing: 5px;
	padding-bottom: 20px;
}

.path-admin-expert .node--type-page .field--name-body h2,
.path-admin-expert .node--type-page .field--name-body h3,
.path-admin-expert .node--type-page .field--name-body h4,
.path-emergency-volunteer  .node--type-page .field--name-body h2,
.path-emergency-volunteer  .node--type-page .field--name-body h3,
.path-emergency-volunteer  .node--type-page .field--name-body h4 {
	color: #FF5B24;
}

.path-admin-expert .footer,
.path-emergency-volunteer .footer  {
	margin-top: 50px;
}


.path-admin-expert-form  .node--type-page .field--name-body h3,
.path-emergency-volunteer-form .field--name-field-sub-t h3 {
	background-color: #777;
	color: #fff;
	border-radius: 18px;
	padding: 20px 0;
	font-size: 23px;
	width: 120px;
	margin: 20px auto;
	text-align: center;
}

.path-admin-expert-form .node--type-page .field--name-body,
.path-emergency-volunteer-form .col_2 {
	font-family: 'antonio-regular', sans-serif;
	font-size: 16px;
	line-height: 24px;
}

.path-admin-expert-form .col_2,
.path-admin-expert-form .field--name-field-sub-t,
.path-emergency-volunteer-form .col_2,
.path-emergency-volunteer-form .field--name-field-sub-t {
	display: inherit;
	padding: 0 20px;
}



.path-admin-expert-form #block-webform,
.path-emergency-volunteer-form #block-webform-2  {
	padding: 0 300px;
}

.path-admin-expert-form  .node--type-page .field--name-body hr,
.path-emergency-volunteer-form .field--name-field-sub-text hr {
	width: 80%;
	margin: 0 auto;
    border-top: 3px dashed #DDD;
}

.path-admin-expert-form .node--type-page .field--name-body p {
	text-align: center;
}

.path-admin-expert-form .field--name-field-sub-title,
.path-emergency-volunteer-form .field--name-field-sub-t {
	border: 1px solid #BFBFBF;
	padding: 0 75px;
	text-align: center;
	border-bottom-color: #fff;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
    font-family: 'antonio-regular', sans-serif;
}

.path-admin-expert-form #block-webform  form,
.path-emergency-volunteer-form  #block-webform-2 form {
	border: 1px solid #BFBFBF;
	padding: 25px 100px 0;
	text-align: center;
	border-top-color: #fff;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;	
}

.path-admin-expert-form label,
.path-emergency-volunteer-form label {
	display: none;
}

.form-item-attach-your-cv-resume label,
#edit-do-you-have-a-passport---wrapper label {
	display: block;	
}

#edit-do-you-have-a-passport---wrapper input {
	margin-top: 9px;
}

.form-item-attach-your-cv-resume {
	margin: 0 auto;
}

.form-item-attach-your-cv-resume label {
    width: auto;
    cursor: pointer;
    color: #fff;
    margin: 20px auto;
    float: none;
    border-radius: 23px;
    background-color: #FF7A4A;
    font-size: 17px;
    font-family: 'antonio-regular', sans-serif;
    display: inline-block;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 7px 20px;
}

.form-item-attach-your-cv-resume input {
	display: none;
}

.form-required:after {
	margin-left: 3px;
}

#edit-attach-your-cv-resume input {
	width: auto;
	width: 138px;
}

#edit-do-you-have-a-passport---wrapper legend {
	border: 0;
	float: left;
	width: 50%;
	text-align: right;
	font-size: 15px;
	font-family: 'antonio-regular', sans-serif;
}

#edit-do-you-have-a-passport---wrapper {
	float: left;
	width: 100%;
	margin: 0;
	font-size: 15px;
	font-family: 'antonio-regular', sans-serif;
}

#edit-do-you-have-a-passport- {
	float: left;
	margin-left: 20px;
	margin-top: 0;
}

.webform-options-display-side-by-side > div {
	margin-top: 0;
}


.path-emergency-volunteer-form .col_2 .group-left {
	text-align: right;
}

.path-emergency-volunteer-form .col_2 h4 {
	margin-top: 20px;
	margin-bottom: 0;
	color: #FF7744;
	font-size: 18px;
}

.only-mobile,
.donate-only-mobile {
	display: none; 
}

.form-group {
	margin-bottom: 0;
}

.icon-bar.middle.open {
	display:none;
}

.icon-bar.first.open {
	transform: rotate(45deg);
    margin-top: 13px;
	position: relative;
	top: -7px;
}

.icon-bar.last.open {
	transform: rotate(-45deg);
    margin-top: -2px;	
	position: relative;
	top: -7px;

}

#block-menubutton .contextual .trigger {
	display: none;	
} 

.view-social-icons .views-row {
	display: inline-block;
}

.for_admin {
	display: none;
}

.path-user-1 .for_admin {
	display: block;
}

/* Donate */

#smart-button-container label {
	color: #FF5050;
	display: block;
}

#smart-button-container #amount,
#smart-button-container #description {
	border-radius: 12px;
	border: 3px solid #A7A7A7;
	padding: 0 10px;
	outline: none;
	width: 190px;
}

#smart-button-container #amount {
	margin-left: 38px; 	
	padding: 0 0 0 10px;	
}

/*******************  DONATE *******************/
#webform-submission-donate-add-form .form-type-number:before {
	content: "$";
	position: relative;
	left: 28px;
	font-weight: 700;
	font-size: 15px;
	margin-left: -18px;
	top: -1px;
}

#webform-submission-donate-add-form .form-type-number input {
	text-align: start !important;
	padding: 1px 25px 0px;
	font-size: 18px;
}

#webform-submission-donate-add-form .form-item-payment-type input,
#webform-submission-donate-add-form .form-item-one-off-amounts input,
#webform-submission-donate-add-form .form-item-monthly-amounts input {
    width: 0;
    height: 0;

    -webkit-appearance: none;
    appearance: none;

    position: absolute;
}

#webform-submission-donate-add-form {
	max-width:640px;
	margin: 100px auto;
	background-color: #FF5C26;
	padding: 50px 40px;

	font-family: 'antonio-regular', sans-serif;
	font-size: 21px;
	text-transform: uppercase;	
	text-align: center;
}

#webform-submission-donate-add-form	#edit-top-text,
#webform-submission-donate-add-form	#edit-actions-submit {
	color: #fff;
}

#webform-submission-donate-add-form	#edit-top-text {
	letter-spacing: 2px;
	line-height: 1.6;
}

#webform-submission-donate-add-form .webform-composite-hidden-title,
#webform-submission-donate-add-form #edit-amount-text h3,
#webform-submission-donate-add-form .form-item-manual-payment {
	background-color: white;	
	margin: 0 50px;
}

#webform-submission-donate-add-form .form-item-manual-payment {
	padding-bottom: 30px;
}

#webform-submission-donate-add-form legend {
	border: 0;
}

#webform-submission-donate-add-form #edit-amount-text h3 {
	font-size: 20px;
	padding: 10px 0 0;
	color: #333;
	text-transform:none;
}

#webform-submission-donate-add-form	#edit-top-text p {
	padding: 0 0 45px 0;
	margin: 0;
}

#webform-submission-donate-add-form .webform-options-display-side-by-side > div {
	margin-right: 0;
}

#webform-submission-donate-add-form  .radio label {
	padding: 5px 15px;
	border: 1px solid #FF5C26;
	margin-right: 10px;
}

#webform-submission-donate-add-form  #edit-payment-type .radio label {
	padding: 5px 50px;
	margin-right: 0;
}

#webform-submission-donate-add-form #edit-payment-type {
	font-size: 0;
}

#webform-submission-donate-add-form #edit-payment-type label {
	font-size: 21px;
}

#webform-submission-donate-add-form input[type=number] {
	width: 330px;
	height: 40px;
	border: 1px solid #FF5C26;
	display: inline-block;
}


/* Chrome, Safari, Edge, Opera */
#webform-submission-donate-add-form input::-webkit-outer-spin-button,
#webform-submission-donate-add-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#webform-submission-donate-add-form input[type=number] {
  -moz-appearance: textfield;
}


#webform-submission-donate-add-form	#edit-actions-submit,
#webform-submission-donate-add-form #edit-donate-paypal a{
	font-size: 16px;
	font-family: futura-book;	
	font-weight: bold;
	color: #000;
	
	text-transform: none;
	text-decoration: none;
	letter-spacing: 1px;
	border-radius: 10px;
}


#webform-submission-donate-add-form	#edit-actions-submit {
	background: url(/themes/custom/panafaid/card.jpg) no-repeat left;
	background-color: #fff;
	padding: 6px 10px 5px 50px;
	border: 3px solid #8A736B;
}

#webform-submission-donate-add-form #edit-donate-paypal a{
	background: url(/themes/custom/panafaid/paypal.jpg) no-repeat right;
	background-color: #FFC439;
	padding: 9px 97px 8px 15px;
	border: 1px solid #E07F1D;

}

#webform-submission-donate-add-form .webform-flex--container {
	margin: 0;
}

#webform-submission-donate-add-form .webform-flexbox {
	margin: 15px 50px 0;
}

/************** Personal Details *************/
#webform-submission-personal-details-add-form {
	max-width:640px;
	margin: 100px auto;
	background-color: #FF5C26;
	padding: 0 40px 50px;

	font-family: 'antonio-regular', sans-serif;
	font-size: 21px;
	text-transform: uppercase;	
	color: #fff;
}

#webform-submission-personal-details-add-form label {
	font-weight: normal;
	margin: 10px 0 0 0;
}

#webform-submission-personal-details-add-form .form-type-webform-markup {
	text-align: center;
	font-size: 25px;
	letter-spacing: 2px;
	padding-top: 50px;
}

#webform-submission-personal-details-add-form  input,
#webform-submission-personal-details-add-form  select {
	border: 0;
	border-radius: 0;
}

#webform-submission-personal-details-add-form #edit-actions {
	text-align: center;
}

#webform-submission-personal-details-add-form #edit-actions-submit {
	margin: 25px 0;
	background-color: #FF5C26;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 2px;
	padding: 9px 18px;
	border: 3px solid #fff;
	border-radius: 17px;
}


.path-contact .field--name-field-hme-image img,
.path-donate .field--name-field-hme-image img,
.path__donate .field--name-field-hme-image img  {
	height: 0;
	visibility: hidden;
}
	
.status-title {
	font-family: inherit;
	color: inherit;
}


@media (min-width: 768px) {

	/* fix 20.02.2023 change forms page background color */

	.path-emergency-volunteer-form  .footer,
	.path-admin-expert-form	.footer {
		margin-top: 0;
	}

	.path-emergency-volunteer-form .main-container,
	.path-admin-expert-form	.main-container{
		padding-bottom: 40px;
		background-color: #9BB9C1;
	}

	.path-emergency-volunteer-form .field--name-node-title h2,
	.path-admin-expert-form .field--name-node-title h2,
	.path-emergency-volunteer-form .field--name-field-sub-t,
	.path-admin-expert-form .field--name-field-sub-t,
	.path-emergency-volunteer-form .col_2,
	.path-admin-expert-form .node .field--name-body,
	.path-emergency-volunteer-form .webform-submission-form,
	.path-admin-expert-form	 .webform-submission-form{
		background-color: #fff;
	}

}