/* :: Typography
----------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic|Merriweather:ital,wght@0,700;1,300&display=swap');

/*
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Lato:300,300italic,400,400italic,700,700italic|Merriweather:ital,wght@0,700;1,300&display=swap');
*/

@font-face {
font-family: 'D-DIN Regular';
font-style: normal;
font-weight: normal;
src: local('D-DIN Regular'), url('../font/D-DIN.woff') format('woff');
}

@font-face {
font-family: 'D-DIN DIN-Italic';
font-style: normal;
font-weight: normal;
src: local('D-DIN DIN-Italic'), url('../font/D-DIN-Italic.woff') format('woff');
}

@font-face {
font-family: 'D-DIN DIN-Bold';
font-style: normal;
font-weight: normal;
src: local('D-DIN DIN-Bold'), url('../font/D-DIN-Bold.woff') format('woff');
}

body, p {
	font-family: 'Lato', sans-serif;
}
h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, header, footer, .copyright p, .sidebar, .sidebar p, .nav-item, .list-group, .list-group-item, h2.level-title, .breadcrumb, .pagination-row, .pagination, .alert, .btn, .author-name, .contributor, .event-date, .pub-date, .pub-location, .tag, .article-tags, .info, .form-text, .gs-title, .subtitle, .read-more > a, .read-more-sm > a, .recipe-rating-row, .gs-bidi-start-align, .gs-snippet, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
	font-family: 'D-DIN Regular', sans-serif;
	font-style: normal;
	font-weight: 400;
}
h5 strong, h4 strong, h3 strong, h2 strong, h1 strong,
.subscription-widget .typed-text {
	font-family: 'D-DIN DIN-Bold', sans-serif;
	font-weight: 700;
}
h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .nav-item, .list-group, .list-group-item, .breadcrumb, .pagination, .btn, .author-name, .contributor, .pub-date, .tag, .article-tags, .info, .form-text, .gs-title, .subtitle, .read-more > a, .read-more-sm > a {
	text-transform: uppercase;
}
body, p {
	font-size: 1rem;
}
small, .small {
	font-size: 0.8em;
}
.navbar-nav .dropdown-item {
	font-size: 0.9em;	
}
.content-main p {
	font-size: 1.1rem;	
	line-height: 1.8rem;
	margin-bottom: 2.2rem;
}
.content-main p em {
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 1rem;
}
.content-main li {
	font-size: 1.1rem;	
}
.content-main a {
	text-decoration: underline;
}

.content-main p,
.content-main h1,
.content-main h2,
.content-main h3,
.content-main h4,
.content-main h5,
.content-main h6,
.content-main ul,
.content-main ol {
	padding-left: 4rem;
	padding-right: 4rem;
}

.proca-MuiContainer-root p {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: inherit !important;
}

.gs-bidi-start-align, .gs-snippet, article.index-row p {
	font-size: .9rem !important;
}
.page-tail > p {
	font-size: 1.1rem!important;
	line-height: 1.6rem!important
}
.page-tail h3 {
	margin-bottom: .6rem;
	font-size: 1.7rem;
	font-weight: 700;
	text-transform: uppercase
}
footer, .footer, .copyright p, .author-name, .contributor, .pub-location, .breadcrumb, .pagination-row, .pagination .page-link, .tag, .article-tags {
	font-size: .8rem !important;
}
.pub-date, .form-text {
	font-size: .7rem !important;
}
.pages-categories-section p {
	font-size: .9rem !important;
}
.content-main h2, .content-main h3, .content-main h4, .content-main h5 {
	margin-top: 1.5rem !important;
}
.summary h2, .summary h3 {
	margin-top: .4rem !important;
}
.flexslider .caption h3 {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 !important;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
	text-transform: uppercase;
	font-size: .8rem !important;
}
.form-check-privacy > .form-check-label {
	font-size: .8rem !important;
	margin-top: -0.15em;
}
.form-check-privacy > .form-check-input {
	width: .8em;
	height: .8em;
	margin-top: 0.4em;
}

/* :: Colors & Backgrounds styles
----------------------------------------------- */

/* :: Text colors */
.color-white, .btn-primary, .btn-primary:hover, .btn-secondary, .btn-secondary:hover, .page-tail .submit-button .btn, .page-tail .submit-button .btn:hover, #sidebar-wrapper, #sidebar-wrapper .list-group-item, footer a:hover, footer .social-icons a:hover, .copyright, .copyright p, .btn-content, a.btn-content, btn-content:hover, a.btn-content:hover, .page-item.active .page-link, .page-item.active .page-link:hover, flexslider .caption h3, .close, .subtitle, .read-more > a, .read-more-sm > a, .navbar-dark .navbar-nav .nav-link:not(.donate-link), .navbar-dark .navbar-nav .nav-link:not(.donate-link):hover, .navbar-nav .donate-link, .navbar-nav .donate-link:hover, .navbar-nav .dropdown-item, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
	color: #ffffff !important;
}
.color-sugarcane, .form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-control::placeholder {
	color: #EAEAE7 !important; 
}
.color-lightgrey, .breadcrumb .active, .close:hover {
	color: #CCCCCC !important;	
}
.color-raven, .breadcrumb a, .page-item.disabled .page-link, .navbar-light .navbar-nav .nav-link:not(.donate-link), .dropdown-item.disabled, .dropdown-item:disabled {
	color: #6c757d !important;
}
.color-nobel, .tag, .tag a, .post-arrow-link {
	color: #999 !important;
}
.color-nero, body, p, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .tag a:hover, footer a, footer .social-icons a, footer .social-icons a:visited, .page-link, .post-arrow-link:hover, .page-link:hover, .navbar-light .navbar-nav .nav-link:not(.donate-link):hover, .navbar-light .navbar-nav .nav-link.active:not(.donate-link) {
	color: #1A1A1A !important;
	/* color: #292929 !important; */	
}
.color-christigreen, .page-tail h3, .breadcrumb a:hover {
	color: #6BC225 !important;
	/* color: #5FB829 !important; */
}
.color-pacificblue, a, .a, a:hover {
	color: #00A1DE !important;
}
.color-redorange, .contributor, .contributor a, .contributor a:hover, .author-name, .author-name a, .author-name a:hover, .pub-location, .pub-location a, .pub-location a:hover,  #sidebar-wrapper .list-group-item:hover, #sidebar-wrapper .list-group-item:focus, #sidebar-wrapper .list-group-item:active, .subtitle, .read-more a:hover, .read-more-sm a:hover {
	color: #f93f23  !important;	
}

/* :: Background colors */

.bg-primary, .btn-secondary:hover {
  background-color: #0d6efd !important;
}

.bg-secondary, .btn-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #198754 !important;
}

.bg-info {
  background-color: #0dcaf0 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
	/* background-color: #12171C !important; */
	background-color: #000000 !important;
}

.bg-body {
  background-color: #fff !important;
}
.bg-orangewhite, .card-subscription-widget {
	background-color: #Ebe5d0;
}
.bg-transparent, a, .a, main, .main, .bg-light, .breadcrumb, .summary, #sidebar-wrapper .list-group-item, #sidebar-wrapper .list-group-item:hover, #sidebar-wrapper .list-group-item:focus, #sidebar-wrapper .list-group-item:active, .dropdown-item.disabled, .dropdown-item:disabled {
	background-color: transparent !important;
}
.bg-white, body, .bg-light, .page-link, .page-item.disabled .page-link {
	background-color: #ffffff !important;
}
.bg-floralwhite, .page-tail, .fix-height {
	background-color: #f8f7f3 !important;	
}
.bg-snow {
	background-color: #F9F9F9 !important;
}
.bg-solitude, .page-link:hover {
	background-color: #e9ecef !important;
}
.bg-mistgrey, footer {
	background-color: #B9B9B4 !important;
}
.bg-nero, #sidebar-wrapper, .copyright, .copyright p, .dropdown-item:hover, .dropdown-item:focus {
	background-color: #1c1c1c !important;
	/* background-color: #292929; */
}
 .bg-dodgerblue {
 	background-color: #0d6efd;
}
.bg-blue, .btn-submit {
	background-color: #369ff4 !important;
}
.bg-lightblue, .btn-submit:focus, .btn-submit:active, .btn-submit:hover {
	background-color: #70BBF7 !important;
}
.bg-christigreen, .btn-primary:hover, .page-tail .submit-button .btn, .page-item.active .page-link, .navbar-nav .donate-link:hover, .dropdown-item.active, .dropdown-item:active {
	background-color: #6BC225 !important;	
	/* background-color: #5FB829; */
}
.bg-safetyorange, .btn-primary, .page-tail .submit-button .btn:hover {
	background-color: #ff6900 !important;	
}
.bg-redorange, .btn-content, a.btn-content, .read-more a, .read-more-sm a, .navbar-nav .donate-link {
	background-color: #f93f23 !important;	
}
.bg-harleydavidsonorange, .btn-content:hover, a.btn-content:hover {
	background-color: #d1250e !important;
}
.bg-oasis, .author-info-section, .box-letter, .box-petition, .card-forms, .read-more a:hover, .read-more-sm a:hover {
	background-color: #FAEEC8 !important;
}
.home-highlights-section {
	background-color: #F7FCFF;
}

.home-slideshow, .home-subscribers-section, .home-donate-section {
	background-color: #F9F7E9;
}
.bg-transparent,
.carousel-control-prev,
.carousel-control-next {
   	background-color: transparent !important;
}

/* :: Border colors */

.bd-transparent, .btn {
	border-color: transparent !important;
}
.bd-pattensblue, .page-link:hover {
	border-color: #dee2e6 !important;
}
.bd-redorange, .btn-content, a.btn-content {
	border-color: #f93f23 !important;	
}
.bd-harleydavidsonorange, .btn-content:hover, a.btn-content:hover, .nav-link.active:not(.donate-link) {
	border-color: #d1250e !important;
}

/* :: Shadows */

.shadow {
	box-shadow: 0px 5px 10px rgba(0,0,0,.15);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,.15);
}
.btn-content:focus, a.btn-content:focus {
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) !important;
}
.page-link:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}


/* :: Masks */

.mask, .slide-mask {
	height: 100%;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMC41MCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWMxYzFjIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	z-index: 10
}



/* :: General styles
----------------------------------------------- */

body {
	overflow-x: hidden;
}
main {
	padding-top: 100px;
}

a, .a, .btn {
	text-decoration: none !important;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
a:hover {
	text-decoration: underline !important;
}
.btn, .btn:hover {
	text-decoration: none !important;
}

time {
	display: block;
}

iframe, img {
	border: 0;
	vertical-align: middle
}
img {
	-ms-interpolation-mode: bicubic;
	vertical-align : middle
}


/* :: Utilities
----------------------------------------------- */

.tip {
	text-decoration: underline;
	font-weight: 700;
	cursor: pointer;
}

.tag a:hover {
	text-decoration: none;
}

.close {
	float: left;
	text-shadow: none;
	opacity: .5;
}

/* :: Breadcrumb */

.breadcrumb .active {
	display: none;
}
.breadcrumb {
	padding-left: 0 !important;
}


/* :: Cards */

.card {
	margin-bottom: 1rem;
}
.card-header {
	font-weight: bold;
	font-size: 1.1rem;
	color: #333232;
	background-color: #F4F5F0;
	padding: .8rem;
}
.card-header a {
	text-transform: lowercase;
	font-size: .9rem;
}
.card-body {
	color: #333232;
}
.card-body p {
	margin: .8rem 0;
}
.card-subheader {
	border-radius: none;
	margin-top: 1rem;
}
.card-footer {
	border-top: 1px dashed rgba(0, 0, 0, 0.2);
	background-color: #fff;
	padding: 1.2rem 1rem;
}
.card .btn-submit {
	width: 100%;
	color: #fff;
	background-color: #369ff4;
	border-color: #369ff4;
	box-shadow: none;
}
.card .btn-submit:focus, .card .btn-submit:active, .card .btn-submit:hover {
	background-color: #70BBF7 !important;
}

.dot-stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	
 }

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #999;
  color: #999;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: .25s;
}

.dot-pulse::before, .dot-pulse::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #999;
  color: #999;
}

.dot-pulse::before {
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: .5s;
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9970px 0 0 -5px #999;
  }
  30% {
    box-shadow: 9970px 0 0 2px #999;
  }
  60%,
  100% {
    box-shadow: 9970px 0 0 -5px #999;
  }
}

@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #999;
  }
  30% {
    box-shadow: 9999px 0 0 2px #999;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #999;
  }
}

@keyframes dotPulseAfter {
  0% {
    box-shadow: 10020px 0 0 -5px #999;
  }
  30% {
    box-shadow: 10020px 0 0 2px #999;
  }
  60%,
  100% {
    box-shadow: 10020px 0 0 -5px #999;
  }
}



/* :: SITEWISE
----------------------------------------------- */

.container-fluid {
	max-width: 1920px;
	padding-right: 0;
	padding-left: 0;
}

#main-wrapper {
	max-width: 1800px;
	margin: 0 auto;	
}

/* :: Header styles
----------------------------------------------- */

header .clearfix {
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	/*border-bottom: 1px solid #EEE;*/
}
header .navbar-brand {
	position: absolute;
	top: 10px !important;
}
header .logo {
	position: relative;
	display: block;
	z-index: 999;
}
header .logo img {
	width: auto;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

/* :: Navbar styles
----------------------------------------------- */

.navbar-nav .nav-item {
	padding: 5px;
}
.navbar-nav .nav-item:first-child {
	display: none;
}
.navbar-nav .nav-link {
	text-decoration: none !important;
	display: inline;
	position: relative;
	overflow: hidden;
	padding: 20px 1rem 17px;
	border-bottom: 7px solid transparent;
}
.navbar-nav .nav-link:not(.donate-link):hover, .navbar-nav .nav-link.active:not(.donate-link) {
	text-decoration: none !important;
	border-bottom: 7px solid #F5AA30;
}
.navbar-nav .dropdown-item {
	padding: 0.5rem 1rem;
}
.navbar-nav .dropdown-item:hover {
	color: #fff !important;
	text-decoration: none !important;
	background-color: rgba(24,25,25,0.95);
}
.navbar-nav .dropdown-menu {
	border: none;	
	border-top: 7px solid #F5AA30;	
	min-width: 12rem;
	padding: 0.5rem;
	margin: 0.125rem 0 0;
	font-size: .9rem;
	color: #fff;
	background-color: rgba(49,50,51,0.95);
	background-clip: padding-box;
	border-radius: 0;
}
.navbar-nav .dropdown-divider hr {
	margin: 0.1rem 0 !important;
}
.navbar-nav .donate-link {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
/*
.dropdown-toggle {
  padding-right: calc(0.75rem + 20px ) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
*/
.dropdown-toggle {
  padding-right: 0.75rem;
  background-image: none !important;
}
.dropdown-toggle::after {
	margin-left: 0;
	border: none;
}
.dropdown-toggle.no-caret {
	background-image: none !important;
  	padding-right: 1rem !important;
}


.dropdown-toggle.countries-dropdown-toggle {
	width: 2.5rem;
	margin-right: 0.1 !important;
}
.navbar-nav .nav-item.countries-dropdown,
.navbar-nav .nav-item.toggle-item {
	padding: 5px 0;
}
button.countries-dropdown-toggle {
	margin-top: -5px;
	font-size: 1.5rem;
	line-height: 1;
	color: #676464 !important;
	background-color: transparent;
	border: none;
	/*	width: 1.5em; */
	height: 1.5em;
	vertical-align: middle;
	text-align: center !important;
}
button.countries-dropdown-toggle:focus {
	background-color: rgba(49,50,51,0.95);
	color: #F4F5F0 !important;
	border-style: none !important;
}
.countries-dropdown > .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 5rem;
  padding: 0.5rem 0;
  margin-top: -0.55rem;
  text-align: right;
}



.navbar-bottom {
	background-color: #F4F5F0;
}
.navbar-bottom .navbar-bottom-link {
	color: #333 !important;
	display: block;
	text-align: center;
	padding: .3rem 1rem .7rem;
	font-size: .6rem;
	font-weight: 900;
	text-transform: uppercase;
	border-right: 1px dashed #333;
	border-color: #333 !important;		
}
.navbar-bottom .col-3:last-child .navbar-bottom-link {
	border-right: none;
}
.navbar-bottom .navbar-bottom-link > i {
	font-size: 2.2rem;
	margin-bottom: .2rem;
	display: block;
	text-align: center;	
	color: #009A00;
}
.navbar-bottom .navbar-bottom-link:hover,
.navbar-bottom .navbar-bottom-link:focus {
	text-decoration: none !important;
	color: #FFF !important;
	background: #333 !important;
}
.navbar-bottom .navbar-bottom-link:hover i,
.navbar-bottom .navbar-bottom-link:focus i {
	color: #FFF !important;
}

/* :: Sidebar
Based on hc-offcanvas-nav.css
----------------------------------------------- */
.nav-sidebar {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.hc-nav-trigger {
	position:relative;
	top: -3px;
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
 /*background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;*/	
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
	background-color: #FFFFFF !important;
}
/*.hc-nav-trigger span {display: none;}*/
.sidebar {
	
}
.nav-content ul .sidebar-link {
	font-size: 1.4rem;
}
.nav-content ul ul .sidebar-link {
	font-size: 1.1rem !important;
	border-top: 1px dashed #333 !important;
}
.sidebar-item {
	color: #fff !important;	
}
.sidebar-link, .sidebar-link:hover {
	color: #fff !important;
	text-decoration: none !important;
	padding: .7rem .8rem;	
	text-align: center;
}
.sidebar-link, .sidebar-text {
	padding-left: .8rem !important;
}
.sidebar-item:not(.nav-parent) .sidebar-link, .sidebar-text {
	padding-right: calc(.8rem + 45px );
}
.sidebar-social {
	margin-left: .8rem !important;
	margin-right: calc(.8rem + 45px ) !important;
	margin-top: 4rem !important;
	justify-content: center;
  display: flex;
  flex-direction: row;
}
.sidebar-social  .sidebar-item {
  display: block;
  padding: 0 0.15rem !important;
  text-decoration: none;	
}
.sidebar-social  .sidebar-link {
  padding: 0.3rem .7rem !important;
	text-align: center !important;
}

.sidebar-list-countries {
  display:none;
	width: auto !important;
	margin-top: 2rem !important;
	margin-left: calc(.8rem + 10px ) !important;
	margin-right: calc(.8rem + 45px ) !important;	
}
.sidebar-list-countries .list-group-item {
  display:block;
	float: left;
	width: 30%;
	padding: 0;
	text-align: center;
  text-decoration: none;
  background-color: transparent;
  border: none;
margin: 1%;	
}
.sidebar-list-countries .sidebar-list-countries-item {
	font-size: .75rem !important;
	color: #fff !important;
	text-decoration: none;
  padding: 0.4rem .4rem !important;	
}
.sidebar-list-countries .sidebar-list-countries-item:hover,
.sidebar-list-countries .sidebar-list-countries-item:focus,
.sidebar-list-countries .sidebar-list-countries-item.active {
  background: #000 !important;	
	text-decoration: none !important;
}
.sidebar-list-countries .sidebar-list-countries-divider {
	display: none;
}


h2.level-title {
	color: #fff !important;
	font-size: 1rem !important;	
	font-weight: 700;
}
.hc-offcanvas-nav .nav-close-button, .hc-offcanvas-nav .nav-close-button:hover,
.hc-offcanvas-nav .nav-back-button, .hc-offcanvas-nav .nav-back-button:hover {
	color: #fff !important;
	font-size: .7rem !important;
	border-style: none !important; 
	text-decoration: none !important;
}
.hc-offcanvas-nav .nav-back-button:before {
	font-family: "Font Awesome 6 Pro";	
    content: "\f177";
    margin-right: 6px;
}
.hc-offcanvas-nav .nav-back:first-of-type span:before {
	border: none !important;
}
.hc-offcanvas-nav .nav-highlight {
	background-color: #E85109 !important;
}
.hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .hc-offcanvas-nav .nav-content>h6 {
	font-size: 1rem;
	font-weight: 900;
	padding: .7rem .8rem;
	color: #fff
}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul,.hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title) {
	background-color: #1C1C1C !important;
}
.hc-offcanvas-nav h2.level-title {
	font-size: 26px !important;
	font-weight: 400;
	font-weight: normal;
	padding: 20px 10px 0;
	color: #F5AA30 !important;
	margin-bottom: -0.5rem !important;
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
}
.hc-offcanvas-nav .sidebar-link:hover {
	background-color: #E85109 !important;	
}
.hc-offcanvas-nav .sidebar-social-facebook .sidebar-link:hover {
	background-color: #4267B2 !important;
}
.hc-offcanvas-nav .sidebar-social-twitter .sidebar-link:hover {
	background-color: #1DA1F2 !important;
}
.hc-offcanvas-nav .sidebar-social-instagram .sidebar-link:hover {
	background-color: #AF328D !important;
}
.hc-offcanvas-nav .nav-custom-content {
	padding: .7rem .8rem;
	font-size: 1rem;
	border-bottom-style: none !important;
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
	padding: .7rem .8rem;
	font-size: 1rem;	
	border-bottom-style: none !important;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
	border-top: none;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a {
	border-top: none;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child) {
	border-bottom: none;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link, .hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link, .hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link, .hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link, .hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
	border-top: none;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6, .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2, .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3, .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4, .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5, .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5, .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6 {
	border-top: none;
}
.hc-offcanvas-nav .nav-content>.nav-close a.has-label {
	padding: .7rem .8rem;
	border-top: none;
}
.hc-offcanvas-nav a.nav-next {
	border-style: none;
}
.hc-offcanvas-nav.rtl a.nav-next {
	border-style: none;
}


/* :: Footer styles
----------------------------------------------- */
footer,
.footer {
	position: relative;
}
footer .logo-wrapper,
.footer .logo-wrapper {
	margin-bottom: 1rem;
}
footer .logo img,
.footer .logo img {
	margin-bottom: 1rem;
}
footer, .copyright,
.footer, .copyright {
	padding: 40px 0;
}
footer ul, footer li,
.footer ul, footer li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
footer ul li .footer-link,
.footer ul li .footer-link {
	display: block;
	margin-bottom: 4px;
}
footer ul > li > .footer-link,
.footer ul > li > .footer-link,
.footer .footer-item-headline {
	text-transform: uppercase;
	font-weight: 700;
	height: 3rem;
}
footer ul > li > ul > li > .footer-link,
.footer ul > li > ul > li > .footer-link {
	text-transform: none !important;
	font-weight: 400;
	height: auto;
}
footer .social-icons,
.footer .social-icons {
	font-size: 1.3rem;
	padding-left: 0;
	margin-right: 20px;
}
footer .social-icons li,
.footer .social-icons li {
	display: inline-block;
	list-style: none;
	padding: 0 .4rem !important;
	margin-left: 0;
}

/* :: Main & Content styles
----------------------------------------------- */

.read-more, .read-more-sm {
	margin: 1rem auto -0.5rem !important;
	align-content: center !important;
	text-align: center !important;
	justify-content: center !important;
}
.subtitle, .read-more a, .read-more-sm a {
	padding: .8rem 1.2rem;
	margin: -2.5rem auto 1rem;
	max-width: 200px;
	word-break: keep-all !important;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;	
	align-content: center !important;
	text-align: center !important;
	justify-content: center !important;
}
.read-more a:hover, .read-more-sm a:hover {
	text-decoration: none !important;
}
.read-more-sm {
	margin: 0 !important;
}
.read-more-sm a {
	padding: .5rem .8rem !important;
}

.btn-content, a.btn-content {
	padding: 1.2rem 1.7rem !important;
	font-size: 1.5rem !important;
	line-height: 1.4rem !important;
	border-radius: 0.4rem !important;
	margin: 1rem auto;
}

@media (max-width: 767px) {
	.read-more {
		margin-bottom: 1rem !important;
	}
}



/* :: Form styles
----------------------------------------------- */

/* Remove Arrows/Spinners :: Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove Arrows/Spinners :: Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

form .g-0 {
	margin-bottom: .5rem;
}
.checkbox {
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5em;
	margin-bottom: 0.125rem;
}
.checkbox .form-check-input {
	float: left;
	margin-left: -1.5em;
}
.form-date .form-select {
	flex: 0 0 auto;
	width: 33.3333333333%;
	float: left;
	border-left-width: 0;
}
.form-date .form-select:first-child {
	border-left-width: 1px;
}
.col-checkbox-2 {
	width: 100%;
}
.col-checkbox-2 .checkbox {
	flex: 0 0 auto;
	width: 33.3333333333%;
	float: left;
}
.btn-submit {
	background: #333;
	border-color: transparent;
	font-weight: 700;
	color: #fff !important;
}
.btn-submit:hover {
	background: #F6412F;
	color: #fff !important;
	text-decoration: none !important;
}
.btn-facebook {
	background: #4267B2;
}
.btn-facebook:hover {
	background: #365899;
	color: #fff !important;
}

.form-floating > label {
	opacity: 0.60;
	color: #212529 !important;	
}
label.active {
	color: #369FF4 !important;
	font-weight: 700;
}
.hide-placeholder::-webkit-input-placeholder, .hide-placeholder::-moz-placeholder, .hide-placeholder::placeholder {
  color: transparent !important;
}

/* disable floating labels -start */
.form-floating > label {
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: .8rem !important;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);	
}
.form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control::placeholder {
  color: #BEBFBB;
  line-height: 2.4rem;
  height: 4.5rem;
	overflow: visible;
}
.form-floating > .form-control:focus::-webkit-input-placeholder, .form-floating > .form-control:focus::-moz-placeholder, .form-floating > .form-control:focus::placeholder {
	color: transparent;
}
/* disable floating labels -end */



.form-control, .form-select {
	border-radius: 0;
	transition: none;
}
.form-control:focus, .form-select:focus {
	box-shadow: none;
	border-width: 1px;
	border-style: solid !important;
}
.form-control[role=button] .float-end {
	font-size: .7rem;
	margin-top: -0.7rem;
}

.form-control.is-invalid {
	border-width: 2px;
}



.user-registration-section #name {
	border-right-style: none;
}




div.fileinput-button {
	cursor: pointer !important;
}
small.privacy-text {
	font-size: 0.6em !important;
	line-height: 1.4em !important;
	padding: 0 1.7em;
	display: block;
	color: #999999;
}
.form-verify {
	display: none !important;
}

/* :: HOMEPAGE
----------------------------------------------- */

body#pages-home header .logo img {
	width: auto;
	height: 5rem;
}
body#pages-home main {
	padding-top: 74px;
}

.home-hero-container {
	position: relative;	
	background-color: #000;
	overflow: hidden !important;
}
.home-hero-container iframe {
	transition: opacity 500ms ease-in-out;
	transition-delay: 250ms;
	opacity: 0.5;
	z-index: -10;
}
.home-hero-media {
	position: absolute;
	width: 100%;
	background-repeat: no-repeat;
	background-size:auto 100%;
	background-position: center right;
}
.home-hero-mask {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
    background: -webkit-gradient(linear,left top,right top,color-stop(30%,#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,#000 30%,rgba(0,0,0,0) 80%);
	z-index: 10	
}
.home-hero-content {
	position: absolute;	
	width: 50%;
	left: 5rem;
	top: 0;
	z-index: 99;
}
.home-hero-content h1,
.home-hero-content h4 {
	color: #FFF !important;
}
.home-hero-buttons .btn {
	border-radius: none !important;
	margin: 1rem .5rem 1rem 0;
	font-weight: 700;
}
.carousel-indicators li {
  width: 5rem;
  margin-right: 6px;
  margin-left: 6px;
}

.home-hero-container,
.home-hero-media,
.home-hero-content {
	height: 600px !important;
}			

.home-join-section {
	background: url('../img/join.webp') center center;
	background-size: cover;
	height: 300px;
}

.home-donate-section {
	background-image: url('/img/donate/bg-cow.webp');
	background-repeat: no-repeat;
	background-position: center top;
}

@media (max-width: 576px) {
	.home-hero-container {
		margin-top: -60px;	
	}
	.home-hero-content {
		width: 100%;
		left: 0;
		padding: 0 2.2rem 2.8rem;
		align-content: flex-end !important;
	}
	.home-hero-content h1 {
		font-size: 2.2rem;
	}
	.home-hero-content h4 {
		font-size: .9rem;
	}
	.home-hero-buttons .btn {
		padding: 0.3rem 0.6rem;
		font-size: .9rem; 	
	}	
	.home-hero-media {
		background-size:auto 65%;		
		background-position: right -80px top;
	}	
	.home-hero-mask {
		top: auto;
		bottom: 0;
		width: 100%;
		height: 90%;
		background: -webkit-gradient(linear,left bottom,right top,color-stop(40%,#000),to(rgba(0,0,0,0)));
		background: linear-gradient(to top,#000 40%,rgba(0,0,0,0) 80%);
	}
	
	.home-post-section {
		padding: auto 2rem;
	}
}

@media (min-width: 576px) {
	.home-hero-content h1 {
		font-size: 2.6rem;
	}
	.home-hero-content h4 {
		font-size: 1rem;
	}
	.home-hero-buttons .btn {
		padding: 0.3rem 0.8rem;
		font-size: 1rem; 	
	}	
}
@media (min-width: 768px) {	
	.home-hero-container,
	.home-hero-media,
	.home-hero-content {
		height: 500px !important;
	}			
	.home-hero-content {
		left: 3rem;
	}	
	.home-hero-content h1 {
		font-size: 3rem;
	}
	.home-hero-content h4 {
		font-size: 1.1rem;
	}
	.carousel-indicators {
		justify-content:flex-start !important;
	}	
}
@media (min-width: 992px) {
	.home-hero-content {
		width: 50%;
		left: 5rem;
	}			
	.home-hero-content h1 {
		font-size: 3.5rem;
	}
	.home-hero-content h4 {
		font-size: 1.4rem;
	}	
	.home-hero-buttons .btn {
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
	}	
}
@media (min-width: 1200px) {
	.home-hero-container,
	.home-hero-media,
	.home-hero-content {
		height: 600px !important;
	}
	.home-hero-content h1 {
		font-size: 4.5rem;
	}
	.home-hero-content h4 {
		font-size: 1.4rem;
	}	
}






/*
.header-background-image {
	left: 0;
	top: 0;
	position: absolute;
	z-index: -10; 
	width: 100%;
	bottom: 0;
	background-color: #000;
	overflow: hidden
}

@media (max-width:1199.98px) {
	.header-background-image {
	height: 100%
}
}
.header-background-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	z-index: 1;
	mix-blend-mode: unset
}

@media (max-width:1199.98px) {
.header-background-image:before {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
}
.header-background-image.video:before {
	opacity: .8;
	mix-blend-mode: multiply;
	background-color: #753559
}
.header-background-image:before {
	opacity: .4
}
.header-background-image iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}
*/



/* :: SLIDESHOW
----------------------------------------------- */
.slideshow-wrapper {
	max-width: 1150px;
}
.slideshow-wrapper .flexslider {
	margin: 0 !important;
	overflow: hidden;
	position: relative;
}
.slideshow-wrapper .flexslider .slides li {
	position: relative;
}
.slideshow-wrapper .flex-control-nav {
	bottom: .5em;
	z-index: 30
}
.flex-control-paging li a {
	width: 10px;
	height: 10px;
	background-color: #FFFFFF !important;
	background: rgba(255,255,255,0.5) !important;
}
.flex-control-paging li a:hover {
	background-color: #FFFFFF !important;
	background: rgba(255,255,255,0.7) !important;
}
.flex-control-paging li a.flex-active {
	background-color: #FFFFFF !important;
	background: rgba(255,255,255,0.9) !important;
}
@media (max-width: 768px) {
	.slideshow-wrapper {
		display: none;
	}
}
.flexslider .caption {
	bottom: 2.8em;
	left: 2em;
	text-align: left;
	position: absolute;
	width: 100%;
	padding-right: 2em;
	z-index: 20
}
.flexslider .caption .category {
	font-size: 12px;
	left: -19px;
	padding: 4px 10px 3px 10px;
	text-transform: uppercase;
	position: relative
}

.slide-mask {
	background: -moz-linear-gradient(top, rgba(15,15,15,0.01) 0%, rgba(15,15,15,0.01) 49%, rgba(15,15,15,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(15,15,15,0.01)), color-stop(49%, rgba(15,15,15,0.01)), color-stop(100%, rgba(15,15,15,0.65)));
	background: -webkit-linear-gradient(top, rgba(15,15,15,0.01) 0%, rgba(15,15,15,0.01) 49%, rgba(15,15,15,0.65) 100%);
	background: -o-linear-gradien}t(top, rgba(15,15,15,0.01) 0%, rgba(15,15,15,0.01) 49%, rgba(15,15,15,0.65) 100%);
	background: -ms-linear-gradient(top, rgba(15,15,15,0.01) 0%, rgba(15,15,15,0.01) 49%, rgba(15,15,15,0.65) 100%);
	background: linear-gradient(to bottom, rgba(15,15,15,0.01) 0%, rgba(15,15,15,0.01) 49%, rgba(15,15,15,0.65) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#030f0f0f', endColorstr='#a60f0f0f', GradientType=0 );
}

/*
.slide-mask {
    background: -webkit-gradient(linear,left top,right top,color-stop(30%,#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,#000 30%,rgba(0,0,0,0) 100%);
}
*/

/* :: FORMS: PETITIONS, LETTERS & REGISTRATIONS
----------------------------------------------- */

.subscription-widget {
	overflow: hidden;
}
.subscription-widget .card {
	position: relative !important;	
	z-index: 15;	
	padding: .5rem 1.1rem 1rem !important;
}
.subscription-widget.type-simple .card hr {
	display: none;
}
.subscription-widget .card-footer {
	margin: 0 !important;
	padding: .5rem 0 0 0 !important;
	background-color: transparent !important;
}
.subscription-widget .social-icons a.small {
	font-size: .9rem !important;
}
.subscription-widget .social-icons .row a {
	display: block;
	color: #333 !important;
	font-size: 1.5rem !important;
}
.subscription-widget .social-icons .row a:hover {
	color: #000 !important;
}
.subscription-widget .typed-text {
	font-style: bold;
}
.subscription-widget h2 {
  font-size: 2.4rem !important;
}

#pages-home .subscription-widget .card {
	top: 1rem;	
	margin-bottom: 0;
	border-width: 8px;	
}

.box-letter,
.box-petition,
.card-forms,
.card-subscription,
.card-feedback {
	margin: 1.5rem 0 !important;
	padding: 2rem 2rem 1.5rem !important;
}


@media (min-width: 576px) {
	.subscription-widget h2 {
		font-size: calc(1.2rem + 0.9vw);
	}
}
@media (min-width: 768px) {
	.subscription-widget h2 {
		font-size: calc(1.325rem + 0.9vw);
	}	
	#pages-home .subscription-widget .card {
		top: -15rem;	
		margin-bottom: -15rem;
	}
	#pages-home .subscription-widget.type-simple .card {
		top: -12rem;	
		margin-bottom: -12rem;
	}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

@media (max-width: 576px) {
	.subscription-widget .card {
		top: 0;	
		margin-bottom: 0;
	}
}



/* ----------------------------------------------- */





@supports ((position: -webkit-sticky) or (position: sticky)) {
	.sticky-top {
		top: 100px !important;
	}
}

.block {
	border: none;
	margin-bottom: 0;
	padding: 5px 0;
	background-color: #fff;
	color: #999;
}
.block-head {
	background-color: #1C1C1C;
	padding: 10px 15px;
	margin-bottom: 0.35rem;
}
.block-head h1, .block-head a {
	color: #FFF;
	display: block;
	font-size: 2rem;
	text-transform: uppercase;
	margin: 0;
	font-weight: normal;
}
.block-head .dropdown {
	float: right;
	min-width: 200px;
}
.block-head .dropdown i {
	font-size: 1.3rem;
}
.block-head .dropdown > li > ul {
	float: right;
	background-color: #1C1C1C;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	padding: .5rem 1.2rem;
	margin: 0 0 0 -1.2rem;
	min-width: 200px;
}
.block-head .dropdown > li > ul a {
	font-size: 1.6rem;
}

/* :: Header
----------------------------------------------- */
.social-icons {
	font-size: 1.3rem;
	padding-left: 0;
	margin-right: 20px;
}
.social-icons li {
	display: inline-block;
	list-style: none;
	padding: 0 5px;
	margin-left: 0;
}
.social-icons li a {
	color: #666;
}

/* :: Home
----------------------------------------------- */

.home-highlights-section .rounded-circle {
	background-color: #fff;
	color: #1C4976;
	width: 140px;
	height: 140px;
	font-size: 70px;
}



/* :: Search
----------------------------------------------- */
.gs-result {
	margin-bottom: .5rem 0;
	padding-bottom: 1rem !important;
	border-bottom: 1px dotted #EEE;
	display: block !important;
	clear: both !important;
}
.gs-result .gs-title b {
	background-color: #FFF8DC !important;
	padding: 2px 5px !important;
}

/* :: Images
----------------------------------------------- */
picture {
	display: block;
}
img.fluid {
	max-width: 100%;
	height: auto
}
.preloader, img.lazy {
	background: url(../img/loader.gif) center center no-repeat #fff
}

.lazy-img, .lazy-bg {
	opacity: 0;
	transition: opacity 0.4s;
	position: relative;
	background-size: cover !important;
  }
  
  .lazy-img::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	border: 3px solid transparent;
	border-top-color: #007bff;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	transform: translate(-50%, -50%);
  }
  
  @keyframes spin {
	to { transform: translate(-50%, -50%) rotate(360deg); }
  }
  
  .lazy-loaded {
	opacity: 1 !important;
  }

  .lazy-bg::after {
	/* Fuerza visibilidad del spinner */
	display: block !important;
  }
  
  /* Estado de error */
  .lazy-error {
	border: 2px solid #ff4444;
	background-image: none !important;
  }


.img-handler {
	display: block;
	width: 100%;
	height: 140px;
	text-indent: -99999px;
	background-size: cover;
	background-position: center
}
.posts-index-section .img-handler {
	height: 210px;
}

.img-handler-featured,
.hero-picture-featured .img-handler {
	height: 100%;
	min-height: 350px;	
	max-height: 520px;
}
.img-handler-primary,
.hero-picture-primary .img-handler,
.hero-picture-secondary .img-handler {
	height: 220px;
}

.fix-height {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	height: 300px;
}
.fix-height > img.fluid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: auto !important;
	margin-right: auto !important;
	vertical-align: middle !important;
	min-width: 100% !important;
	max-width: 150% !important;
	width: auto !important;
}
.fix-height > img {
	height: 300px !important;
	min-height: 300px !important;
}

img.framed {
	outline: 2px solid white;
	outline-offset: -30px;
}
.post-display img {
	width: 100%;
    float: none;
    margin: 20px 0px;    
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
    .posts-index-section .img-handler {
        height: 210px;
    }
    .post-display img[align="left"],
    .post-display img[style*="float: left"],
    .post-display img[style*="float:left"]{
        float: left;
        width: 50%;
        margin: 0px 25px 5px 0px;
    }
    .post-display img[align="right"],
    .post-display img[style*="float: right"],
    .post-display img[style*="float:right"]{
        float: right;    
        width: 50%;    
        margin: 0px 0px 5px 25px;
    }    
}
@media (min-width: 992px) {
	.hero-picture-secondary .img-handler {
		height: 75px;
	}	
}
@media (min-width: 1200px) {
}


@media (max-width: 750px) {
	.banner-link img {
		width: 100% !important;
		height: auto !important;
	}
	.banner-wrapper {
		margin-top: 1rem !important;
		margin-bottom: 3rem !important;
	}
}
/* :: Content
----------------------------------------------- */
.message {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}
.message.error {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
.alert, .message {
	margin-bottom: 2rem;
	padding: 1rem 2rem;
}
.alert-danger, .alert-danger:before {
  border-color: #f8d7da;
}
.alert > i {
	float: left;
	font-size: 2rem;
	margin-right: 1rem;
}
.alert:before, .message:before {
	content: '';
	border-width: 20px;
	border-style: solid;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	position: absolute;
	bottom: -40px;
	left: 25px;
}
.alert-info:before {
	border-top-color: #cff4fc !important;
}
.message.error:before {
	border-top-color: #fff3cd !important;
}
.modal-content {
	background-color: #FCEEC3 !important;
	border-radius: 0rem;
	padding: 3rem;
}
.modal-dialog-red .modal-content {
	color: #FFF !important;
	background-color: #F93F23 !important;
}
.modal-dialog-creme .modal-content {
	color: #7f7d7c !important;
	background-color: #f5f2f0 !important;
}
.modal-dialog-creme h3 {
	color: #74ab50 !important;
}
.modal-dialog-creme .btn-submit {
	color: #fff !important;
	background-color: #74ab50 !important;
}
.modal-header, .modal-body, .modal-footer {
	border: none;
	border-radius: 0rem;
	padding: 0;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -2.5rem -2.5rem -2.5rem auto;
	color: #f6412f;
}
.modal-body {
	padding: 1rem 0;
}

.label {
	font-size: .7rem;
	font-weight: 700;
	color: #FFF !important;
	text-transform: uppercase;
	padding: .2rem .5rem;
	background: #69BE28
}
.label a, .label a:hover, .label a:visited {
	color: #FFF !important;
	text-decoration: none !important
}
.label-1103 {
	background: #00A1DE
}
.label-1803 {
	background: #ff6319
}
.label-1796 {
	background: #6297C3
}
.label-1719 {
	background: #EF5E29
}
.label-1808 {
	background: #333535
}

.label-event-next {
	padding: .3rem .6rem;	
	background: #69BE28
}
.label-event-prev {
	padding: .3rem .6rem;	
	background: #B9B9B4
}
.label-event-next i, .label-event-prev i {
	margin-right: .3rem;	
}
.index-event-info, .index-tags-info {
	border-top: 1px dashed #B9B9B4;
	padding-top: .3rem;
}
.event-date {
	font-weight: 700;
	color: #FFF !important;
	text-transform: uppercase;
	background: #69BE28
}
.event-date-day {
	font-size: 7rem;
	line-height: 5rem;
	letter-spacing: -6px;
	font-weight: 700;	
}
.event-date-dayname,
.event-date-month,
.event-date-year {
	font-size: 1.8rem;	
}
.event-date-where {
	font-size: .9rem;
}
.event-date-list {
	list-style: none;
}
.event-date-list i {
	font-size: 1.6rem;
	margin-right: .5rem;
}

.hidden, .form-verify {
	display: none !important;
}
.content-side {
	position: relative;
}
.content-head h1 {
	font-size: 3.2rem;
	margin: 1.5rem auto 2rem;
}
.post-header p {
	font-size: 1.2rem;
	margin: 1rem 6rem 2rem;
}
.post-display p::after {
    clear: both;
    display: block;
    content: "";    
}
.content-main p a, .content-main li:not(.list-group-item) a {
	font-weight: 700;
	color: #00A1DE;
	text-decoration: underline;
}
.content-main p a:hover, .content-main li:not(.list-group-item) a:hover {
	font-weight: 700;
	color: #00A1DE;
	text-decoration: none;
}
.content-main ul:not(.list-group), .content-main ol:not(.list-group) {
	margin: 1.3rem 3rem 2rem 2rem;
}
.content-main li:not(.list-group-item) {
	margin-bottom: .7rem;
}
.content-main table {
	width: 100%;
	margin-top: 1rem;
    margin-bottom: 2rem;
	border: 1px solid #E2DDCC;
}
.content-main table th {
	padding: 0.75rem;
    text-align: center;    
	vertical-align: top;
    background-color: #E2DDCC;
	border-bottom: 1px solid #E2DDCC;
}
.content-main table td {
	padding: 0.75rem;
	vertical-align: top;
    text-align: center;
	border-bottom: 1px solid #E2DDCC;
	border-right: 1px solid #E2DDCC;
}
.content-main table td:last-child {
	border-right: none;
}
.content-main tbody + tbody {
	border-top: 2px solid #dee2e6;
}
.content-main table tbody > tr:nth-of-type(odd) {
    background-color: #F2F2F2;
}


.author-main {
	text-align: right;
}
.author, .author a {
	color: #1c1c1c;
}
.author-avatar {
	width: 45px;
	height: auto;
}
.post-display .author-avatar {
	width: 80px;
	margin-bottom: 1rem;
}
.author-avatar.float-start {
	width: 45px !important;	
	margin-right: 1rem;
}
.author-info-section .author-avatar {
	width: 90px;
}
.author-info-section a {
	text-decoration: underline;
}
.author-name {
	font-weight: 700;
}
.author-social {
	color: #ccc;
	font-size: .7rem;
}
.author-social i {
	margin-right: .2rem;
}
.description {
	padding: 30px;
	font-size: 1.4rem;
	text-align: center;
}
.post-display .pub-date {
	margin-top: .5rem;
}
.post-display .pub-location {
	margin-bottom: .5rem;
}
.pagination-row .dropdown-toggle {
	font-weight: 700;
}
.pagination {
	border-radius: 0;
}
.pagination .page-link {
	padding: .4rem .75rem !important;
	text-align: center;
	line-height: 1rem !important;
	margin-left: 0;
	margin-right: 5px;
	border: none;
}
.pagination .page-item.disabled {
	display: none;
}
.article-featured .summary {
	padding: 10px 0;
	margin: 0 auto;
	text-align: left;
}
.index article {
	margin-bottom: 40px;
}
.index article .summary {
	padding-bottom: 20px;
	margin-top: -10px !important;
	min-height: 160px;
}
.index article.index-row .summary {
	padding: 0 !important;
	margin-top: 0 !important;
	min-height: auto !important;
}
.page-tail {
	border-top: 3px dotted #b6babe
}
.page-tail .submit-button {
	display: block;
	text-align: left;
	clear: both
}
.page-tail .submit-button .btn {
	float: none!important;
	padding: .3em 1.2em;
	margin-bottom: 1em;
	line-height: 2;
}

@media (max-width: 767px) {
.index article.index-row .summary {
	padding: 0 30px !important;
}
.pages-categories-section h5 {
	font-size: 2rem;
	text-align: center;
}
}
.article-tags a, .article-tags a:visited {
	padding: 0.4em 0.8em 0.25em !important;
	margin-right: 5px;
	font-weight: 700;
	font-variant: normal;
	color: #FFFFFF !important;
	background: #666;
}
.article-tags > a:hover, .article-tags > a:focus {
	text-decoration: none;
	color: #FFFFFF !important;
	background: #5FB829;
}
.info {
	line-height: 0.9rem;
}
.addthis_sharing_toolbox {
	float: right;
}
.box {
	padding: 1rem;
	background-color: #EBE5D0
}

.hero-posts-featured {
	position: relative;
	background-color: #FAFBFD;
}

.hero-posts-featured .carousel-indicators {
	bottom: -100px !important;
	top: auto !important;
	justify-content: center !important;
	margin-right: 50%;
	margin-left: 50%;
}
.hero-summary-primary h2 {
	font-size: 1.5rem;
}
.hero-summary-secondary h3 {
	font-size: 1.2rem;
}
.hero-summary-featured .post-arrow {
	position: absolute;
	bottom: 1rem;
	right: 3rem;
}
.post-arrow-link {
	text-decoration: none !important;
}
.hero-summary-featured .post-arrow-link {
	font-size: 3rem;
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.hero-summary-featured .post-arrow-link {
		font-size: 4rem;
	}	
}
@media (min-width: 992px) {
	.hero-summary-featured .post-arrow {
		bottom: 2rem;
	}		
}
@media (min-width: 1200px) {
}

/* Tweet */

.share-tweet {
	display: inline-block;
	background-image: url('/img/x-icon.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 18px 18px;	
	font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
	font-size: 15px;
	color: #333 !important;
	line-height: 20px;
	border-color: #eee #ddd #bbb;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	margin-top:0;
	max-width: 468px;
}
.share-tweet a, .share-tweet a:hover, .share-tweet a:focus {
	display:block;
	padding: 10px 20px 10px 40px;
	color: #333 !important;
	font-weight: normal;
	text-decoration: none !important;
	outline: 0 none;
}
.share-tweet:hover, .share-tweet:focus {
	background-color:#f5f8fa;
}
.share-tweet span {
	color:#1f98c7 !important;
}
.share-tweet-label {
	display: block;
	color:#666;
	font-size:10px;
	text-transform:uppercase;
}


/* Menu Nodes Block */
.menu-nodes-aside {
	border-right: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.menu-nodes-aside .list-group-item {
	font-size: .8rem;
}
.menu-nodes-aside .list-group-item a {
	padding: .4rem;	
	color: #495057 !important;
	display: block;
}
.menu-nodes-aside .list-group-item.active a,
.menu-nodes-aside .list-group-item a:hover {
	color: #212529 !important;
	text-decoration: none !important;
	background-color: #EEEEEE !important;
}

.menu-nodes-aside li,
.menu-nodes-aside li.active {
	padding: 0;
	background-color: transparent !important;
	border-top: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.menu-nodes-aside ul li:last-child {
	border-bottom: none !important;
}
.menu-nodes-aside li li > a {
	padding-left: 1.4rem !important;	
}
.menu-nodes-aside li a.active.haschildren {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
}


/* :: Donation
.donation-box p, .subscription_widget p {
	color: #515151;
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.3em
}
.donation-box input[type=text] {
	height: auto;
	margin: 0 0 .666em;
	padding: .5em;
	font-weight: 400;
	border: 1px solid #dedede
}
.donation-box input[type=radio] {
	display: none
}
.donation-box .amounts {
	width: 100%;
	height: auto;
	margin: 0 0 1em
}
.donation-box .amounts label {
	display: block;
	background: #e85109;
	font-size: .7rem;
	color: #fff;
	font-weight: 400;
	line-height: 1.27;
	height: 30px;
	padding-top: 7px;
	text-align: center;
	margin-bottom: .72em;
	float: left;
	width: 22%;
	margin-right: 1%
}
.donation-box .amounts label.checked, .donation-box .amounts label:hover {
	background: #66b103
}
.donation-box .amounts .other-amount {
	display: block;
	float: left;
	width: 31%
}
.donation-box .amounts .other-amount label {
	width: 100%;
	margin-right: 0
}
.donation-box .amounts .other-amount input[type=number] {
	float: none;
	font-size: .7rem;
	text-align: center;
	width: 80%;
	display: none;
	margin: -7px 10% 0;
	padding: 0 .15em 0 .25em;
	background: 0 0;
	border: none;
	color: #FFF
}
.donation-box .amounts input[type=radio] {
	position: relative;
	top: .25em;
	margin: 0
}
.donation-box .email {
	clear: both;
	padding: 0 1em .5em 0
}
.donation-box .email input.error[type=email] {
	margin: 0 0 .5em;
	color: #fe5252;
	border: 1px solid #ccc;
	background: #fff
}
.donation-box .email label.error {
	margin: 0 0 .1875em;
	color: #fe5252
}
.donation-box .monthly-opt label {
	width: 92%;
	float: right;
	color: #515151;
	font-size: .9em;
	line-height: 1.18;
	padding: 0 0 1em
}
.donation-box .monthly-opt input[type=checkbox] {
	float: left;
	margin-right: 3px
}
*/
/* :: User
----------------------------------------------- */

.fileinput-button {
	cursor: pointer !important;
}
/* :: Icons & Social
----------------------------------------------- */
.box-facebook {
	margin-bottom: 20px;
}
/* :: Cookie Alert
----------------------------------------------- */
.cc-theme-block {
	background-color: #EACD27 !important;
}
.cc-message, .cc-message a, .cc-dismiss a {
	color: #333 !important;
}
.cc-message a {
	color: #000 !important;	
	text-decoration: underline !important;
}
a.cc-dismiss {
	color: #EACD27 !important;
	border: 2px solid transparent !important;	
	background-color: #333 !important;	
}
a.cc-dismiss:hover, a.cc-dismiss:focus {
	text-decoration: none !important;
	color: #333 !important;
	border: 2px solid #333 !important;
	background-color: transparent !important;		
}

/* :: Responsive
----------------------------------------------- */

@media (min-width: 576px) {
	header .navbar-brand {
		left: 20px !important;
	}
	.fix-height {
		height: 320px;
	}
	.fix-height > img {
		height: 320px !important;
		min-height: 320px !important;
	}
}
@media (min-width: 768px) {
	header .logo img {
		height: 4rem;
	}	
	.container {
		width: 750px
	}
	.navbar-bottom {
		display: none;
	}
	.fix-height {
		height: 240px;
	}
	.fix-height > img {
		height: 240px !important;
		min-height: 240px !important;
	}	
}
@media (min-width: 992px) {
	.container {
		width: 970px
	}	
	.fix-height {
		height: 140px;
	}
	.fix-height > img {
		height: 140px !important;
		min-height: 140px !important;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 100%
	}	
	header .navbar-brand {
		left: -30px !important;
	}
	.fix-height {
		height: 180px;
	}
	.fix-height > img {
		height: 180px !important;
		min-height: 180px !important;
	}
}

@media (max-width: 576px) {
	footer ul.row,
    .footer ul.row {
		margin: auto 15px !important;
	}
	footer ul > li.col,
    .footer ul > li.col {
		width: 100% !important;
		flex: auto;
		border-top: 1px dashed rgba(0,0,0,.5);
		padding: 1rem 0;		
	}		
	footer ul > li.col > a,
    .footer ul > li.col > a {
		font-size: 1.2rem;		
		height: auto;
	}
	footer ul > li.col li,
    .footer ul > li.col li {
		float: left;
		width: 50%;
		padding: .3rem .6rem .3rem 0;
		font-size: 1rem;
	}	
}
@media (max-width: 769px) {
	header .logo img,	
	body#pages-home header .logo img {	
		height: 4rem !important;
	}			
	.navbar-nav .nav-item:not(.nav-sidebar):not(.donate-item) {
		display: none !important;
	}
	.sidebar-list-countries {
		display: block !important;		
	}
	.content-head h1 {
		font-size: 2.2rem;
	}
	.post-header p {
		margin: 1rem 1rem 2rem;
	}
	.content-main p,
	.content-main h1,
	.content-main h2,
	.content-main h3,
	.content-main h4,
	.content-main h5,
	.content-main h6,
	.content-main ul,
	.content-main ol {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	footer .logo img,
    .footer .logo img {
		width: 200px !important;
	}
	footer .social-icons,
    .footer .social-icons {
		position: absolute;
		top: 60px;
		right: 30px;
		font-size: 1.4rem;
	}
	.copyright {
		text-align: center;
	}
	.copyright a {
		display: block;
		text-align: center;
	}

}