* {
box-sizing: border-box;
font-family: 'Raleway'; }
*:focus {
outline: none; }
html,
body {
margin: 0px;
padding: 0px;
background-color: #F9F9F9; }
body {
top: 0 !important; }
@media screen and (max-width: 1279px) {
body {
padding-top: 80px; } }
a,
svg {
transition: all 200ms ease-in-out; }
.Home {
margin-top: 40px; }
@media screen and (max-width: 1023px) {
.Home {
margin-top: 15px; } }
.Header {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); }
@media screen and (max-width: 1279px) {
.Header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999; } }
.Header-menu {
display: flex;
width: 100%;
justify-content: space-between; }
.Header-menu.open {
margin-right: 0px; }
@media screen and (max-width: 1279px) {
.Header-menu {
position: fixed;
top: 80px;
right: 0px;
bottom: 0px;
margin-right: -250px;
width: 250px;
transition: all 200ms ease-in-out;
z-index: 999;
background-color: #ffffff;
flex-direction: column;
justify-content: flex-start; } }
.Header-left {
display: flex;
align-items: center; }
.Header-right {
display: flex;
align-items: center; }
@media screen and (max-width: 1279px) {
.Header-right {
border-top: 1px solid #999999;
flex-direction: column;
align-items: flex-start; } }
.Header-right ul {
margin: 0;
padding: 0; }
.Header-right ul li {
display: inline-block;
list-style: none;
border-left: 1px solid #EDEDED;
height: 84px; }
@media screen and (max-width: 1279px) {
.Header-right ul li:not(.Header-right-search) {
margin: 12px 15px;
border: none;
height: auto !important; } }
@media screen and (max-width: 1279px) {
.Header-right ul li:not(.Header-right-search) a {
padding: 0px; } }
.Header-right ul li a {
display: block;
color: #7C7C7C;
font-weight: 600;
text-transform: uppercase;
font-size: 0.8em;
padding: 32px 30px 26px 30px;
text-decoration: none; }
@media screen and (max-width: 1580px) {
.Header-right ul li a {
padding: 32px 20px 26px 20px; } }
.Header-right ul li a svg {
fill: #000000; }
.Header-right ul li a:hover {
color: #EC2326; }
.Header-right ul li a:hover svg {
fill: #EC2326; }
.Header-right-languages {
margin-right: 25px !important; }
@media screen and (max-width: 1279px) {
.Header-right-languages {
display: flex;
width: 100%;
justify-content: center; } }
.Header-right-languages li {
border: none !important;
padding: 28px 5px; }
@media screen and (max-width: 1279px) {
.Header-right-languages li {
margin: 15px 5px !important;
padding: 5px;
height: auto !important; } }
.Header-right-languages li a {
padding: 0 !important; }
.Header-right-languages li a img {
width: 28px; }
@media screen and (max-width: 767px) {
.Header-right-search {
position: fixed;
top: -4px;
right: 46px;
border-left: none !important; }
.Header-right-search svg {
width: 24px;
height: 24px; } }
.Header-logo {
margin-right: 18px;
padding: 20px 35px 20px 20px;
border-right: 1px solid #EDEDED; }
@media screen and (max-width: 1279px) {
.Header-logo img {
height: 40px; } }
.Header-navigation ul {
margin: 0;
padding: 0; }
.Header-navigation ul li {
display: inline-block;
list-style: none;
margin: 0px 15px; }
@media screen and (max-width: 1580px) {
.Header-navigation ul li {
margin: 0px 10px; } }
@media screen and (max-width: 1279px) {
.Header-navigation ul li {
margin: 12px 15px;
display: block; } }
.Header-navigation ul li a {
color: #231F20;
text-decoration: none;
font-weight: 800;
text-transform: uppercase; }
.Header-navigation ul li a:hover {
color: #EC2326; }
.Header-navigation ul li.current-menu-item a {
color: #EC2326; }
.Header-mobileMenuIcon {
display: none;
width: 28px;
height: 25px;
position: absolute;
right: 20px;
top: 30px;
transform: rotate(0deg);
transition: all 200ms ease-in-out; }
@media screen and (max-width: 1279px) {
.Header-mobileMenuIcon {
display: inline-block; } }
.Header-mobileMenuIcon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000000;
opacity: 1;
left: 0px;
transform: rotate(0deg);
transition: all 200ms ease-in-out; }
.Header-mobileMenuIcon span:nth-child(1) {
top: 0px; }
.Header-mobileMenuIcon span:nth-child(2), .Header-mobileMenuIcon span:nth-child(3) {
top: 8px; }
.Header-mobileMenuIcon span:nth-child(4) {
top: 16px; }
.Header-mobileMenuIcon.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%; }
.Header-mobileMenuIcon.open span:nth-child(2) {
transform: rotate(45deg); }
.Header-mobileMenuIcon.open span:nth-child(3) {
transform: rotate(-45deg); }
.Header-mobileMenuIcon.open span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%; }
.Banner {
margin-bottom: 40px; }
.Banner img {
width: 100%;
max-width: 970px; }
@media screen and (max-width: 991px) {
.Banner {
margin-bottom: 20px; } }
.DesktopBanner {
display: block; }
@media screen and (max-width: 991px) {
.DesktopBanner {
display: none; } }
.DesktopBanner img {
position: absolute; }
.DesktopBanner img:first-child {
z-index: 1; }
.MobileBanner {
display: none; }
@media screen and (max-width: 991px) {
.MobileBanner {
display: block; } }
.MobileBanner img {
width: 100%; }
.StickyBanner.sticked {
position: fixed;
top: 0;
z-index: 9999; }
@media screen and (max-width: 991px) {
.StickyBanner {
display: none; } }
.StickyBanner-wrapper {
position: relative;
z-index: 9999; }
.StickyBanner-content {
margin-top: 40px;
position: absolute;
left: 15px;
top: 0;
z-index: 9999; }
@media screen and (min-width: 992px) {
.MoreContent .col-lg-4 {
flex: 0 0 50% !important;
max-width: 50% !important; } }
.FancyTitle {
text-align: center;
position: relative;
z-index: 9;
margin: 50px 0; }
@media screen and (max-width: 767px) {
.FancyTitle {
margin: 30px 0 20px 0; } }
.FancyTitle:before {
content: '';
width: 100%;
height: 1px;
background-color: #D8D8D8;
position: absolute;
left: 0;
top: 50%;
z-index: -1; }
.FancyTitle h2 {
margin: 0;
padding: 0 15px;
z-index: 9;
background-color: #F9F9F9;
font-family: 'Playfair Display';
font-style: italic;
font-weight: bold;
font-size: 2.2em;
color: #3A3636;
display: inline-block; }
@media screen and (max-width: 767px) {
.FancyTitle h2 {
font-size: 1.8em; } }
@media screen and (max-width: 575px) {
.FancyTitle h2 {
font-size: 1.4em; } }
.Slider {
margin-bottom: 20px;
width: 100%; }
@media screen and (max-width: 767px) {
.Slider > .row {
margin-left: 0px;
margin-right: 0px; }
.Slider .slick-list {
padding: 0px 30px !important; } }
@media screen and (max-width: 767px) {
.Slider {
margin: 20px 0px; } }
@media screen and (max-width: 575px) {
.Slider {
margin: 0px; } }
.Slider .fancySubtitle {
margin-top: 0px; }
.Slider-arrows {
display: flex;
justify-content: center; }
.Slider-arrows-prev, .Slider-arrows-next {
background-color: #EBEBEB;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms ease-in-out;
margin: 0px 10px; }
.Slider-arrows-prev svg, .Slider-arrows-next svg {
fill: #9C9C9C;
transition: all 200ms ease-in-out;
width: 16px;
height: 16px; }
.Slider-arrows-prev:hover, .Slider-arrows-next:hover {
background: #1F1D1D; }
.Slider-arrows-prev:hover svg, .Slider-arrows-next:hover svg {
fill: #ffffff; }
@media screen and (max-width: 767px) {
.Slider .slick-slider {
padding-left: 0px;
padding-right: 0px; } }
.Slider .slick-slider .slick-slide .Obituary {
padding-left: 15px;
padding-right: 15px; }
.Author {
display: flex;
margin: 40px 0; }
@media screen and (max-width: 575px) {
.Author {
margin-bottom: 10px;
margin-top: 20px;
align-items: center; } }
@media screen and (max-width: 575px) {
.Author-photo {
width: 100px; }
.Author-photo img {
width: 100%;
height: auto; } }
.Author-info {
padding-left: 30px; }
.Author-info-name {
font-size: 2.4em;
font-family: 'Playfair Display';
font-style: italic;
font-weight: bold;
margin-bottom: 15px; }
@media screen and (max-width: 767px) {
.Author-info-name {
font-size: 2em; } }
@media screen and (max-width: 575px) {
.Author-info-name {
font-size: 1.6em; } }
.Author-info-description {
font-size: 1.1em; }
@media screen and (max-width: 575px) {
.Author-info-description {
display: none; } }
.Author-descriptionMobile {
display: none; }
@media screen and (max-width: 575px) {
.Author-descriptionMobile {
display: block;
font-size: 1.1em;
margin-bottom: 30px; } }
.Obituary {
margin-bottom: 30px; }
.Obituary-inner {
background-color: #ffffff;
box-shadow: 0px 5px 25px -20px rgba(0, 0, 0, 0.25);
padding: 10px;
display: block; }
.Obituary-inner:hover {
text-decoration: none; }
.Obituary-inner:hover .Obituary-inner-inner {
border-color: #20529E; }
.Obituary-inner-inner {
border: 1px solid #DCDCDC;
padding: 30px;
text-align: center;
transition: all 200ms ease-in-out; }
.Obituary-image {
width: 128px;
height: 128px;
border-radius: 50%;
margin: 0 auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }
.Obituary-title {
margin-top: 15px;
color: #111111;
font-family: 'Alfa Slab One';
font-size: 1.2em; }
.Obituary-description {
color: #929292;
margin-bottom: 10px; }
.Obituary-dateAdded {
font-size: 0.9em;
font-style: italic;
color: #bababa; }
.Stories {
margin-top: 40px;
margin-bottom: 40px; }
.Columns {
background-color: #EAEAEA;
margin-top: 40px;
padding-bottom: 40px; }
.Columns .FancyTitle h2 {
background-color: #EAEAEA; }
.Related {
margin: 20px 0 0 0; }
.Divider {
background-color: #D8D8D8;
height: 1px;
width: 100%;
margin: 30px 0 50px 0; }
@media screen and (max-width: 767px) {
.Divider {
display: none; } }
.MostRead-item {
display: flex;
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px; }
.MostRead-item-position {
background-color: #000000;
border-radius: 50%;
width: 43px;
height: 43px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px; }
.MostRead-item-position span {
font-family: 'Alfa Slab One';
color: #ffffff; }
.MostRead-item img {
width: 100%;
height: auto;
float: none;
margin: 0; }
.MostRead-item-title {
margin-top: 15px;
font-size: 1.2em;
line-height: 1.4em; }
@media screen and (max-width: 767px) {
.MostRead-item-title {
line-height: 1.25em; } }
.MostRead-item-title a {
font-family: 'Alfa Slab One';
color: #111111; }
.MostRead-item-title a:hover {
text-decoration: none;
color: #EC2326; }
.Article {
width: 100%;
margin-bottom: 20px; }
.Article-image {
text-decoration: none;
position: relative; }
.Article-image img {
width: 100%; }
.Article-image-inner {
width: 100%;
padding-bottom: 56.25%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.Article-category {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 6px 12px;
color: #ffffff;
font-size: 0.8em;
text-transform: uppercase;
font-weight: bold;
background-color: #000000;
font-family: 'Roboto'; }
.Article-title {
margin-top: 15px;
font-size: 1.2em;
line-height: 1.4em; }
@media screen and (max-width: 767px) {
.Article-title {
line-height: 1.25em; } }
.Article-title a {
font-family: 'Alfa Slab One';
color: #111111; }
.Article-title a:hover {
text-decoration: none;
color: #EC2326; }
.Article.main .Article-title {
font-size: 2em;
line-height: 1.25em; }
@media screen and (max-width: 767px) {
.Article.main .Article-title {
font-size: 1.2em; } }
.Single {
margin-top: 40px;
margin-bottom: 40px; }
@media screen and (max-width: 767px) {
.Single {
margin-top: 15px; } }
.Single-category {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
padding: 6px 12px;
color: #ffffff;
font-size: 0.8em;
display: inline-block;
background-color: #000000;
font-family: 'Roboto'; }
.Single-category:hover {
cursor: default; }
.Single-title {
font-family: 'Alfa Slab One';
font-size: 2em;
color: #111111; }
@media screen and (max-width: 767px) {
.Single-title {
font-size: 1.8em; } }
@media screen and (max-width: 575px) {
.Single-title {
font-size: 1.6em; } }
.Single-info {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0 30px 0; }
@media screen and (max-width: 767px) {
.Single-info {
display: block;
margin: 15px 0; } }
.Single-info p {
font-size: 0.9em;
color: #727272;
margin: 0px; }
@media screen and (max-width: 767px) {
.Single-info p {
margin: 5px 0; } }
.Single-info p svg {
margin-right: 5px; }
.Single-info p a {
color: #727272; }
.Single-info p a:hover {
color: #EC2326; }
.Single-masthead {
margin-bottom: 30px; }
.Single-masthead img {
width: 100%; }
.Single-masthead-title {
color: #727272;
font-size: 0.9em;
position: relative;
margin-top: 10px;
padding-left: 35px; }
@media screen and (max-width: 767px) {
.Single-masthead-title {
font-size: 0.8em; } }
.Single-masthead-title:before {
content: '';
width: 25px;
height: 1px;
background-color: #D8D8D8;
position: absolute;
left: 0;
top: 50%; }
.Single-content {
position: relative;
padding-left: 80px; }
@media screen and (max-width: 575px) {
.Single-content {
padding-left: 0px;
margin-bottom: 30px; } }
.Single-content > p:not(.crp-list-item-subtitle) {
font-size: 1.1em;
line-height: 1.8em; }
.Single-content > p:not(.crp-list-item-subtitle):first-child:first-letter {
font-family: 'Playfair Display';
float: left;
font-size: 5em;
line-height: 0.8em;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px; }
.Single-content-tags {
margin-top: 30px;
text-transform: uppercase;
color: #868686; }
.Single-content-tags a {
text-transform: none;
font-weight: bold;
color: #20529E;
margin-left: 15px; }
.Single-content-social {
position: absolute;
top: 0;
left: 0;
width: 70px;
display: flex;
flex-direction: column;
align-items: center;
clear: both; }
@media screen and (max-width: 575px) {
.Single-content-social {
position: static;
width: auto;
flex-direction: row; } }
.Single-content-social a {
margin: 10px 0; }
@media screen and (max-width: 575px) {
.Single-content-social a {
margin: 0 15px; } }
.Single-content-social-whatsapp {
display: none; }
@media screen and (max-width: 767px) {
.Single-content-social-whatsapp {
display: inline-block; } }
.Search {
margin-bottom: 40px; }
.SearchModal .modal-content {
background-color: transparent;
border: none; }
.SearchModal .modal-content input[type="text"] {
width: 100%;
background-color: #ffffff;
border: none;
padding: 15px 20px;
font-weight: bold;
font-size: 1.2em; }
.SearchModal .modal-content button {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
border: none;
background-color: transparent;
padding: 0 15px; }
.SearchModal .modal-content button:hover svg {
fill: #EC2326; }
.Enciklopedija {
background-color: #F9F9F9;
padding-bottom: 30px; }
.Enciklopedija-search {
padding-top: 140px;
padding-bottom: 140px;
background-color: #000000; }
.Enciklopedija-search-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(//www.dijaspora.hr/wp-content/themes/dijaspora/assets/images/search-background.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
filter: blur(2px);
-webkit-filter: blur(2px);
opacity: 0.8; }
.Enciklopedija-search p {
color: #ffffff;
margin: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 0.9em; }
.Enciklopedija-search h1 {
color: #ffffff;
font-family: 'Playfair Display';
font-size: 3em;
text-align: center; }
.Enciklopedija-search h1 i {
font-family: 'Playfair Display'; }
.Enciklopedija-results {
padding-top: 50px;
padding-bottom: 80px; }
.Enciklopedija-results-top {
margin-bottom: 50px; }
@media screen and (max-width: 1199px) {
.Enciklopedija-results-top {
display: block !important; } }
.Enciklopedija-results-headline {
margin-top: 30px;
margin-bottom: 0;
font-weight: 700;
font-size: 0.9em;
text-transform: uppercase; }
.Enciklopedija-results-title {
font-family: 'Playfair Display'; }
.Enciklopedija-filters form p {
display: inline-block; }
.Enciklopedija-filters form select {
display: inline-block;
margin-left: 10px; }
.Enciklopedija-article {
width: 100%;
display: flex;
margin: 15px 0px; }
@media screen and (max-width: 600px) {
.Enciklopedija-article {
display: block; } }
.Enciklopedija-article-image {
width: 300px; }
@media screen and (max-width: 600px) {
.Enciklopedija-article-image {
width: 100%; } }
.Enciklopedija-article-image a {
display: block; }
.Enciklopedija-article-image a img {
width: 100%; }
.Enciklopedija-article-info {
width: calc(100% - 300px);
padding-left: 15px; }
@media screen and (max-width: 600px) {
.Enciklopedija-article-info {
width: 100%;
padding-left: 0px;
padding-top: 10px; } }
.Enciklopedija-article-info-subtitle {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
padding: 1px 6px;
color: #ffffff;
font-size: 0.8em;
display: inline-block;
background-color: #000000; }
.Enciklopedija-article-info-title {
font-size: 1.7em; }
.Enciklopedija-article-info-title a {
font-family: 'Alfa Slab One';
color: #000000; }
.Enciklopedija-article-info-title a:hover {
text-decoration: none;
color: #EC2326; }
.Enciklopedija-related {
margin-bottom: 30px; }
.Enciklopedija-related-inner {
display: block;
background-color: #ffffff;
box-shadow: 0px 5px 35px -20px rgba(0, 0, 0, 0.25);
transition: all 200ms ease-in-out; }
.Enciklopedija-related-inner:hover {
margin-top: -20px;
box-shadow: 0px 35px 35px -20px rgba(0, 0, 0, 0.25);
text-decoration: none; }
.Enciklopedija-related-inner-image {
width: 100%;
padding-bottom: 56.25%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.Enciklopedija-related-inner img {
width: 100%; }
.Enciklopedija-related-inner-content {
padding: 30px; }
.Enciklopedija-related-inner-content-title {
color: #000000;
font-size: 1.5em; }
.Enciklopedija-related-inner-content-title a {
font-family: 'Alfa Slab One';
color: #000000; }
.Enciklopedija-related-inner-content-title a:hover {
text-decoration: none;
color: #20529E; }
.Enciklopedija-related-inner-content p {
color: #A2A2A2;
font-family: 'Raleway';
font-weight: 900;
margin: 0; }
.Enciklopedija-related-inner-content p a {
color: #A2A2A2; }
.Enciklopedija form {
position: relative;
margin-top: 30px; }
.Enciklopedija form input[type="text"] {
width: 100%;
padding: 20px 30px;
font-weight: 700;
font-size: 0.9em;
border: none;
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1); }
.Enciklopedija form button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px;
background-color: transparent;
border: none; }
.Enciklopedijans {
display: none;
flex-wrap: wrap;
width: 100%; }
.load-more-button {
background-color: #1b91ca;
color: #ffffff;
font-size: 15px;
width: auto;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border: none;
border-radius: 4px;
margin: 0 auto 40px auto;
padding: 10px 20px;
text-align: center; }
.load-more-button:hover {
text-decoration: none;
color: #ffffff;
background-color: #1b84b7; }
.Continents {
align-items: center;
margin-top: 30px;
margin-bottom: 50px; }
@media screen and (max-width: 991px) {
.Continents {
display: block; } }
@media screen and (max-width: 767px) {
.Continents {
margin-bottom: 0px; } }
.Continents h2 {
font-size: 2.5em;
margin: 0px 0px 20px 0px; }
.Continents p {
color: #999999;
line-height: 1.6em; }
.Continents a {
text-transform: uppercase;
font-family: 'Playfair Display';
color: #21252A;
font-weight: bold; }
.Continents-world {
max-width: 100%; }
.Continents-world img {
width: 100%; }
.Continents-world svg {
width: 100%;
height: auto;
margin-top: 20px; }
.Continents-world-count {
position: absolute;
border: 2px solid #EBEBEB;
border-radius: 50%;
width: 64px;
height: 64px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms ease-in-out;
font-family: 'Playfair Display'; }
.Continents-world-count:hover {
text-decoration: none;
transform: scale(1.1);
background-color: #D8D8D8;
border-color: #ffffff; }
.Continents-world-count p {
margin: 0px;
color: #000000; }
.Continents-world-count.europe {
left: 390px;
top: 100px; }
@media screen and (max-width: 1199px) {
.Continents-world-count.europe {
left: 320px;
top: 90px; } }
@media screen and (max-width: 991px) {
.Continents-world-count.europe {
left: 350px;
top: 120px; } }
@media screen and (max-width: 767px) {
.Continents-world-count.europe {
left: 280px;
top: 80px; } }
@media screen and (max-width: 599px) {
.Continents-world-count.europe {
left: 48vw;
top: 14vw; } }
.Continents-world-count.africa {
left: 370px;
top: 270px; }
@media screen and (max-width: 1199px) {
.Continents-world-count.africa {
left: 300px;
top: 220px; } }
@media screen and (max-width: 991px) {
.Continents-world-count.africa {
left: 340px;
top: 260px; } }
@media screen and (max-width: 767px) {
.Continents-world-count.africa {
left: 260px;
top: 210px; } }
@media screen and (max-width: 599px) {
.Continents-world-count.africa {
left: 45vw;
top: 35vw; } }
.Continents-world-count.asia {
left: 520px;
top: 150px; }
@media screen and (max-width: 1199px) {
.Continents-world-count.asia {
left: 430px;
top: 130px; } }
@media screen and (max-width: 991px) {
.Continents-world-count.asia {
left: 490px;
top: 140px; } }
@media screen and (max-width: 767px) {
.Continents-world-count.asia {
left: 380px;
top: 110px; } }
@media screen and (max-width: 599px) {
.Continents-world-count.asia {
left: 67vw;
top: 20vw; } }
.Continents-world-count.australia {
left: 670px;
top: 350px; }
@media screen and (max-width: 1199px) {
.Continents-world-count.australia {
left: 530px;
top: 305px; } }
@media screen and (max-width: 991px) {
.Continents-world-count.australia {
left: 600px;
top: 350px; } }
@media screen and (max-width: 767px) {
.Continents-world-count.australia {
left: 480px;
top: 260px; } }
@media screen and (max-width: 599px) {
.Continents-world-count.australia {
left: 80vw;
top: 48vw; } }
.Continents-world-count.south-america {
left: 190px;
top: 320px; }
@media screen and (max-width: 1199px) {
.Continents-world-count.south-america {
left: 150px;
top: 270px; } }
@media screen and (max-width: 991px) {
.Continents-world-count.south-america {
left: 170px;
top: 310px; } }
@media screen and (max-width: 767px) {
.Continents-world-count.south-america {
left: 120px;
top: 240px; } }
@media screen and (max-width: 599px) {
.Continents-world-count.south-america {
left: 22vw;
top: 42vw; } }
.Continents-world-count.north-america {
left: 100px;
top: 150px; }
@media screen and (max-width: 1199px) {
.Continents-world-count.north-america {
left: 80px;
top: 130px; } }
@media screen and (max-width: 991px) {
.Continents-world-count.north-america {
top: 150px; } }
@media screen and (max-width: 767px) {
.Continents-world-count.north-america {
left: 60px;
top: 110px; } }
@media screen and (max-width: 599px) {
.Continents-world-count.north-america {
left: 10vw;
top: 20vw; } }
.Alphabet {
margin: 20px 0px 40px 0px;
display: flex;
justify-content: center; }
@media screen and (max-width: 767px) {
.Alphabet {
margin-top: 40px; } }
.Alphabet ul {
margin: 0;
padding: 0;
text-align: center; }
.Alphabet ul li {
display: inline-block; }
.Alphabet ul li a {
display: inline-block;
color: #454545;
margin-bottom: 5px;
padding: 5px;
border: 1px solid #454545;
border-radius: 5px; }
.Alphabet ul li a:hover {
color: #ffffff;
background-color: #454545;
text-decoration: none; }
.Alphabet ul li a.active {
background-color: #454545;
color: #ffffff;
font-weight: bold; }
.Static {
margin-top: 20px;
margin-bottom: 70px; }
@media screen and (max-width: 767px) {
.Static {
margin-top: 0px;
margin-bottom: 40px; } }
.Static-app {
height: 40px;
margin-right: 20px; }
.Static a {
color: #EC2326; }
.Footer {
background-color: #ffffff;
padding: 40px 15px 50px 15px; }
.Footer-logo {
margin-bottom: 35px;
filter: grayscale(100%);
opacity: 0.5; }
.Footer-logo:hover {
filter: grayscale(0%);
opacity: 1; }
.Footer-ethnic {
margin-top: 10px;
margin-bottom: 20px;
filter: grayscale(100%);
opacity: 0.5; }
.Footer-ethnic:hover {
filter: grayscale(0%);
opacity: 1; }
.Footer nav ul {
margin: 0;
padding: 0; }
.Footer nav ul li {
display: inline-block;
margin: 0px 18px; }
@media screen and (max-width: 767px) {
.Footer nav ul li {
display: block;
text-align: center;
margin: 8px 10px; } }
.Footer nav ul li a {
color: #5F5F5F;
font-weight: 800;
text-decoration: none;
text-transform: uppercase; }
.Footer nav ul li a:hover {
color: #EC2326; }
.Footer p {
text-align: center;
font-style: italic;
font-size: 0.9em;
font-family: 'Playfair Display'; }
.CookieConsent {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 15px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999; }
.CookieConsent p {
margin: 0px;
color: #ffffff;
font-family: 'Raleway'; }
.CookieConsent p a {
color: #EC2326;
font-family: 'Raleway'; }
.CookieConsent button {
margin: 10px 0px 10px 15px;
padding: 5px 10px;
color: #ffffff;
background-color: #20529E;
border: none;
border-radius: 4px; }
.wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%; }
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; }
blockquote {
border-left: 4px solid #000000;
margin: 10px 0;
padding: 10px 15px;
color: #000000;
font-weight: 600; }
blockquote cite {
font-weight: 400; }
blockquote cite:before {
content: "\2014 \2009"; }
.wp-block-getwid-custom-post-type__post-wrapper {
flex-direction: row !important; }
.wp-block-getwid-custom-post-type__post-thumbnail {
min-width: 100px !important;
margin-bottom: 0px !important; }
.wp-block-getwid-custom-post-type__post-thumbnail a img {
width: 100% !important;
height: auto !important;
max-width: 150px !important; }
@media screen and (max-width: 767px) {
.wp-block-getwid-custom-post-type__post-thumbnail a img {
max-width: 150px !important; } }
.wp-block-getwid-custom-post-type__post-excerpt {
display: none; }
.wp-block-getwid-custom-post-type__post-title {
font-size: 1em; }
@media screen and (max-width: 767px) {
.wp-block-getwid-custom-post-type__post-title {
padding-left: 15px; } }
.wp-block-getwid-custom-post-type__post-title a {
font-size: 1.2em;
font-family: 'Alfa Slab One';
color: #000000; }
@media screen and (max-width: 767px) {
.wp-block-getwid-custom-post-type__post-title a {
font-size: 1em;
line-height: 1.15em; } }
.wp-block-getwid-custom-post-type {
margin: 15px 0px;
padding: 15px 0px;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada; }
.wp-block-blockgallery-carousel {
margin-bottom: 20px; }
.crp-list {
padding: 0px; }
.crp-list-title {
display: none; }
.crp-list-item-title {
padding-left: 10px; }
.crp-list-item-title a {
font-family: 'Alfa Slab One';
font-size: 1.2em;
color: #000000; }
@media screen and (max-width: 767px) {
.crp-list-item-title a {
font-size: 1em;
line-height: 1.15em; } }
@media screen and (max-width: 767px) {
.crp-list-item-image img {
max-width: 80px !important; } }
.crp-list-item-subtitle {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
padding: 1px 6px;
color: #ffffff;
font-size: 0.8em;
display: inline-block;
background-color: #000000; }
.crp-list-item.crp-list-item-has-image.crp-list-item-image-left, .crp-list-item.crp-list-item-has-image.crp-list-item-image-right {
align-items: flex-start !important; }
.alm-reveal {
display: flex;
flex-wrap: wrap; }
.Envira-prev {
position: absolute !important;
bottom: 0px;
left: 50%;
margin-left: -20px !important; }
.Envira-next {
position: absolute !important;
bottom: 0px;
left: 50%;
margin-left: 20px !important; }
.envira-gallery-public {
z-index: 9999; }
.envira-gallery-wrap {
position: relative !important; }
.Single .envira-gallery-wrap .envira-pagination {
display: none; }
.category .alm-btn-wrap {
opacity: 0 !important;
visibility: hidden !important; }
@media screen and (max-width: 767px) {
.envirabox-theme-base_dark .envirabox-caption {
line-height: 22px !important; }
.envirabox-image-counter {
margin-left: 10px;
line-height: 22px !important; }
.envirabox-slideshow-button {
display: none !important; } }
.wp-block-envira-envira-gallery {
position: relative; }
.wp-block-envira-envira-gallery .mp-gallery-count {
position: absolute;
right: 0px;
bottom: 0px;
padding: 5px 10px;
z-index: 9999;
background: #000000; }
.wp-block-envira-envira-gallery .mp-gallery-count span {
color: #ffffff;
margin-left: 8px;
font-size: 18px;
font-weight: 500; }
.wp-block-envira-envira-gallery .mp-gallery-count svg {
fill: #ffffff; }
#ajax-load-more {
width: 100%;
margin: 0 auto; }
.envira-lazy {
padding-bottom: 0px !important; }
.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item {
width: 100% !important; }
.wp-block-getwid-custom-post-type__post-wrapper {
align-items: center !important; }
.wp-block-image img {
height: auto; }
.wp-block-image figcaption {
font-style: italic;
font-size: 0.9em; }
.wp-block-image figcaption:before {
content: 'FOTO: '; }
.goog-te-banner-frame {
display: none !important; }
.envira-gallery-item {
padding: 0px !important; }