/*
Theme Name: Nerea Martí
Author: 
Description: Basado en Twenty Twenty
Version: 2.2
Text Domain: twentytwenty
Template: twentytwenty
*/

/* Nerea Martí
-------------------------------------------------------------- */

/* Palette
-------------------------------------------------------------- */
/* color azul: #243e80 */

/* Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline; 
}
body {
  line-height: 1; 
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal; 
}
ol, ul, ul ul {
  list-style: none; 
}
li > ul, li > ol {
    margin: 0;
}
blockquote {
  quotes: none; 
}
blockquote:before, blockquote:after {
  content: '';
  content: none; 
}
del {
  text-decoration: line-through; 
}
table {
  border-collapse: collapse;
  border-spacing: 0; 
}
a img {
  border: none; 
}

/* Global
-------------------------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

body {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #FFF;
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
}

*::-webkit-scrollbar {
  width: 8px;
}
 
*::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

*::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #D8D8D8; 
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  letter-spacing: 0.5px;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
}

a,
body a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body:not(.overlay-header) .primary-menu > li > a, 
body:not(.overlay-header) .primary-menu > li > .icon, 
.modal-menu a, 
.footer-menu a, 
.footer-widgets a, 
#site-footer .wp-block-button.is-style-outline, 
.wp-block-pullquote:before, 
.singular:not(.overlay-header) .entry-header a, 
.archive-header a, 
.header-footer-group .color-accent, 
.header-footer-group .color-accent-hover:hover {
  color: #000!important;
}
.entry-header::before {
	content: "";
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
			z-index: -1;
}
.entry-content p, 
.entry-content ol, 
.entry-content ul, 
.entry-content dl, 
.entry-content dt {
  font-family: 'Montserrat', sans-serif;
}

a:hover {
  text-decoration: none!important;
  color: #222!important; 
}

a:focus {
  text-decoration: none;
  color: #222!important; 
}

a:visited {
  text-decoration: none;
}

.color-accent, 
.color-accent-hover:hover, 
.color-accent-hover:focus, 
:root .has-accent-color, 
.has-drop-cap:not(:focus):first-letter, 
.wp-block-button.is-style-outline, 
a {
  color: #000;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

ul.list {
  list-style-position: inside;
  padding-left: 20px;
}

.trans {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cursor-p {
  cursor: pointer;
}

/* |Areas & Positions|
-------------------------------------------------------------- */
.contenedor {
  max-width: 1200px;
}

.contenedor.contenedor-min {
  max-width: 900px;
}

.contenedor-menu {
  max-width: 1600px;
}

.p0 {
  padding: 0!important;
}

.pt200 {
  padding-top: 200px;
}

.pb130 {
  padding-bottom: 130px;
}

.pt120 {
  padding-top: 120px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb70 {
  padding-bottom: 70px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb10 {
  padding-bottom: 10px;
}

.ps15 {
  padding-right: 15px;
  padding-left: 15px; 
}

.pl130 {
  padding-left: 130px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mt80 {
  margin-top: 80px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb130 {
  margin-bottom: 130px!important;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

@media (min-width: 700px) {
  section {
    padding: 0;
  }
}

.w100 {
  width: 100%;
}

.w730 {
  max-width: 730px;
  margin: 0 auto;
}

.d-fr {
  display: flow-root;
}

.df-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.df-s {
  display: flex;
  justify-content: start;
  align-items: center;
}

.df-e {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.df-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.df-sb-baseline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.df-se {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

/* |Text|
-------------------------------------------------------------- */
.fs--20 {
  font-size: 20px;
}

.fs--18 {
  font-size: 18px;
}

.fs--16 {
  font-size: 16px;
}

.fs--14 {
  font-size: 14px;
}

.fs--12 {
  font-size: 12px;
}

.fw--100 {
  font-weight: 100;
}

.fw--800 {
  font-weight: 800;
}

.title {
  font-size: 24px;
  font-weight: 500;
}

/* Category | Archive | Continent
--------------------------------------------------------------
-------------------------------------------------------------- */
.cover-continent {
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}

.cover-continent>.row>.container>.row {
  height: 70vh;
}

.cover-continent>.row>.container>.row>.super-title,
.cover-continent>.row>.container>.row>.destination-title {
  position: absolute;
  bottom: 0;
}

.cover-continent>.row>.container>.row>.destination-title>span {
  margin-top: 10px;
  padding: 2px 10px;
}

.cover-continent>.row>.container>.row>.advice-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 500;
}

.advice {
  background-color: #fff;
}

.advice .imagen {
  min-height: 250px;
  background-size: 120%!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.advice .imagen:hover,
.advice .imagen:focus {
  background-size: 130%!important;
}

.advice .imagen .top-number {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #fff;
  color: #000;
  font-size: 24px;
  font-weight: 100;
}

.advice .bandera {
  padding: 30px 20px 0px 20px;
  display: flex;
  flex-direction: column;
  min-height: 240px;
}

.advice .bandera .title {
  line-height: 1.5em;
  flex-grow: 1;
}

.advice .bandera .share {
  font-size: 18px;
}

.recommend.button-border {
  border: 2px solid #000;
  border-radius: 30px;
  cursor: pointer;
  padding: 6px 12px;
  text-align: center;
}

.recommend{
  cursor: pointer;
}

.recommend.button-border:hover,
.recommend.button-border:focus,
.recommended {
  border: 2px solid #000;
  border-radius: 30px;
  color: #000!important;
  padding: 6px 12px;
}

.cover-superior.cover-continent {
  height: 73.5vh;
  position: relative;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}

.cover-superior.cover-advice {
    height: 43.5vh;
    position: relative;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

.cover-superior-filter {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) , rgba(232, 232, 232, 0),rgba(0,0,0, 0.4) );
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
}

@media only screen
and (max-width: 1200px) {
  .cover-superior.cover-continent {
    height: 53.5vh;
  }
  .cover-superior.cover-advice {
    height: 23.5vh;
  }
}

@media only screen
and (max-width: 480px) {
  .cover-superior.cover-continent {
    height: 54vh;
  }
  .cover-superior.cover-advice {
    height: 25.5vh;
    margin-bottom: 0;
  }
}

/* Single
--------------------------------------------------------------
-------------------------------------------------------------- */
.section-inner.thin,
.comment-respond p:not(.comment-notes),
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
#comments,
#respond {
  max-width: 100%;
  width: 100%;
}

/* Formularios
--------------------------------------------------------------
-------------------------------------------------------------- */
.wpcf7-form.row {
  padding: 54px 24px;  
}

.wpcf7-form input[type="text"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="date"], 
.wpcf7-form input[type="month"], 
.wpcf7-form input[type="time"], 
.wpcf7-form input[type="datetime"], 
.wpcf7-form input[type="datetime-local"], 
.wpcf7-form input[type="week"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form input[type="color"], 
.wpcf7-form textarea {
  background: #e9e9e9;
  border-style: none;
  border-width: 0;
  font-size: 20px;
  margin: 0;
  max-width: 100%;
  padding: 0.5rem 1.9rem;
  width: 100%;
  background-color: #e9e9e9;
  min-height: 50px;
  margin-bottom: 20px;
}

.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="password"]::placeholder,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form input[type="url"]::placeholder,
.wpcf7-form input[type="date"]::placeholder,
.wpcf7-form input[type="month"]::placeholder,
.wpcf7-form input[type="time"]::placeholder,
.wpcf7-form input[type="datetime"]::placeholder,
.wpcf7-form input[type="datetime-local"]::placeholder,
.wpcf7-form input[type="week"]::placeholder,
.wpcf7-form input[type="number"]::placeholder,
.wpcf7-form input[type="search"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder,
.wpcf7-form input[type="color"]::placeholder,
.wpcf7-form textarea::placeholder {
  color: #d1d1d1;
  font-size: 20px;
}

.wpcf7-form input[type="text"].bg-error,
.wpcf7-form input[type="password"].bg-error,
.wpcf7-form input[type="email"].bg-error,
.wpcf7-form input[type="url"].bg-error,
.wpcf7-form input[type="date"].bg-error,
.wpcf7-form input[type="month"].bg-error, 
.wpcf7-form input[type="time"].bg-error,
.wpcf7-form input[type="datetime"].bg-error,
.wpcf7-form input[type="datetime-local"].bg-error,
.wpcf7-form input[type="week"].bg-error,
.wpcf7-form input[type="number"]
.wpcf7-form input[type="search"].bg-error, 
.wpcf7-form input[type="tel"].bg-error,
.wpcf7-form input[type="color"].bg-error,
.wpcf7-form textarea.bg-error,
.wpcf7-form span.wpcf7-list-item input[type="radio"].bg-error, 
.wpcf7-form span.wpcf7-list-item input[type="checkbox"].bg-error,
.wpcf7-form .carga.bg-error {
  background-color: #ffe9e9!important;
}

.wpcf7-form textarea {
  border-bottom: 1px solid #000;
}

input#capital-consejo {
  text-transform: lowercase;
}

.wpcf7-form .form-button-submit {
  border: 2px solid #000;
  padding: 6px 12px;
  border-radius: 22px;
  font-weight: normal;
  color: #000;
  background-color: transparent;
  font-size: 14px;
  padding: 10px 22px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.wpcf7-form .form-button-submit:hover,
.wpcf7-form .form-button-submit:focus {
  border: 2px solid transparent;
  color: #94A6CD;
  text-decoration: none;
}

.wpcf7-form span.wpcf7-list-item {
    margin: 0 0 20px 0;
}

.wpcf7-form span.wpcf7-list-item a,
.wpcf7-form .input-report button {
    text-decoration: underline;
}

.wpcf7-form span.wpcf7-list-item a:hover,
.wpcf7-form span.wpcf7-list-item a:focus,
.wpcf7-form .input-report button:hover,
.wpcf7-form .input-report button:focus {
    text-decoration: none;
}

.wpcf7-form span.wpcf7-list-item input[type="radio"], 
.wpcf7-form span.wpcf7-list-item input[type="checkbox"] {
  background-color: #f7f7f7;
  border: 1px solid #000;
  width: 1.4em;
  height: 1.4em;
  top: 5px;
}

.wpcf7-form input[type="file"] {
  opacity: 0;
  position: absolute;
  padding: 0;
  outline: none;
  width: 10px;
}

.wpcf7-form input[type="submit"] {
  background-color: #243e80;
  width: 100%;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus {
  text-decoration: none;
  background-color: #000;
}

.wpcf7-form .carga {
  margin-top: 10px;
  position: relative;
  height: 149px;
  overflow: hidden;
}

.wpcf7-form img {
  position: absolute;
  top: 0;
  left: 0;
  width: 198px;
}

.wpcf7-form .button-upload {
  position: absolute;    
  top: 50px;
  left: 230px;
  border: 2px solid #000;
  border-radius: 22px;
  font-weight: normal;
  color: #000;
  background-color: transparent;
  font-size: 14px;
  padding: 6px 22px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.wpcf7-form .button-upload:hover,
.wpcf7-form .button-upload:focus {
  border: 2px solid transparent;
  color: #94A6CD;
  text-decoration: none;
}

.wpcf7-select {
  -webkit-appearance: none;
  height: 48px;
  padding: 0.5rem 1.9rem;
  color: #000;
  font-weight: normal;
  width: 100%;
  border: 0 solid transparent;
  border-radius: 0;
}

.wpcf7 label {
  width: 100%;
}

.wpcf7-form-control-wrap {
  position: relative;
  width: 100%;
}

span.wpcf7-form-control-wrap.capital-quiz {
  margin-bottom: 20px;
}

.wpcf7-form-control-wrap.capital-quiz label {
  width: 100%;
}

.wpcf7-list-item-label.label-error {
  color: #c62c2c;
}

input[type="checkbox"]:checked::before {
  height: 2.5rem;
  width: 2.5rem;    
  margin: -0.6rem 0 0 -0.6rem;
}

div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok {
    border: 2px solid #1e2be2;
    font-size: 16px;
    letter-spacing: 0px;
    margin: 0em 0em 1em;
}

input.wpcf7-form-control:focus,
textarea.wpcf7-form-control:focus {
    border: 1px solid #243e80;
    background: transparent;
}



/* Search | Archive
--------------------------------------------------------------
-------------------------------------------------------------- */
.search-form .button-border {
    background-color: transparent;
    text-decoration: none;
}

.search-form .button-border:hover,
.search-form .button-border:focus {
    background-color: #fff;
    color: #222;
}

.search-form  {
    padding: 54px 24px;
    background-color: #fff;
}

/* Global
--------------------------------------------------------------
-------------------------------------------------------------- */
.contenedor-1000 {
    max-width: 1000px!important;
    width: 100%!important;
    margin: 0 auto!important;
}

.contenedor-1200 {
    max-width: 1200px!important;
    width: 100%!important;
    margin: 0 auto!important;
}

.margin-0 {
  margin: 0!important;
}

.padding-0 {
  padding: 0!important;
}

@media only screen
and (min-width: 1025px) {
  .p-left-100 {
    padding-left: 100px!important;
  }  
}

.main-padding {
  padding: 0 15px;
}

.bg-dark-g {
  background-color: #e9e9e9;
}

.bg-bl {
  background-color: #243e80;
}

.df-c {
  display: flex!important;
  justify-content: center;
  align-items: center;
}

.titulo-n h3 {
  font-size: 2.4em;
  font-weight: 800;
  text-transform: none;
  line-height: 1.2em;
  color: #243e80;
}

.supertitulo-n h2 {
  text-align: left;
  font-size: 4.4em;
  font-weight: 800;
  text-transform: none;
  line-height: 1em;
  color: #243e80;
}

.fecha p {
  font-size: 22px!important;
  line-height: 1.7em!important;
  margin-bottom: 20px;
  font-weight: bold;
  color: grey;
}

@media only screen
and (min-width: 700px) {
  .post-19 .post-inner,
  .post-17 .post-inner,
  .post-13 .post-inner {
      padding-top: 0rem;
  }  
}

.entry-content h4 {
    font-size: 1.2em;
    line-height: 1.3!important;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-bottom {
  background-position: bottom;
}

.parrafo p {
  font-size: 1em!important;
  line-height: 1.7em!important;
  margin-bottom: 20px;
}

.single .parrafo p {
  font-size: 18px!important;
}

button.slick-prev.default.slick-arrow,
button.slick-next.default.slick-arrow {
    background: transparent;
    text-decoration: none;
}

@media only screen
and (min-width: 1025px) {
  .p-izq-80 {
    padding-left: 80px!important;
  }

  .p-der-80 {
    padding-right: 80px!important;
  }
}

.bg-derecha>div,
.bg-izquierda>div {
  background-repeat: no-repeat!important;
}

div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_content,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_right {
  background: none!important;
}

div.pp_default .pp_content_container .pp_details {
  display: none!important
}

@media only screen
and (max-width: 1920px) {
  .bg-izquierda>div {
    background-position: 120px!important;
  }  
}

@media only screen
and (max-width: 1366px) {
  .bg-derecha>div {
    background-position: -100px!important;
  }   

  .supertitulo-n h2 {
    font-size: 3em;
  }

  .titulo-n h3 {
    font-size: 2em;
  }

    h1.entry-title, 
    h2.entry-title {
      font-size: 4em;
  }
}

@media only screen
and (max-width: 1366px) {
  .vc_empty_space {
      height: 0px!important;
  }
}

/* Home
--------------------------------------------------------------
-------------------------------------------------------------- */
.home-s01,
.single-cover {
  margin: 0!important;
}

.wpb_images_carousel img {
  margin: 0 auto;
}

.vc_images_carousel .vc_carousel-control {
    text-shadow: 0 1px 2px rgba(0,0,0,0)!important;
}

.vc_images_carousel .vc_carousel-control .icon-next:before {
   content: '\f054'!important;
   font-family: FontAwesome!important;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
}

.vc_images_carousel .vc_carousel-control .icon-prev:before {
   content: '\f053'!important;
   font-family: FontAwesome!important;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
    visibility: visible;
    padding-left: 20px;
}

.vc_gitem-post-data-source-post_excerpt {
  display: none!important;
}

.vc_grid-item .vc_btn3.vc_btn3-color-juicy-pink, 
.vc_grid-item .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat,
.link-noticia a {
    background-color: transparent!important;
    font-size: 20px;
    padding: 0;
    color: #243e80;
    font-weight: 900;
    text-transform: uppercase;
}

.vc_grid-item .vc_btn3.vc_btn3-color-juicy-pink:after,
.link-noticia a:after {
   content: '\f054'!important;
   font-family: FontAwesome!important;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.vc_grid-item .vc_btn3.vc_btn3-color-juicy-pink:hover:after,
.link-noticia a:hover:after {
   margin:0px 0px 0px 20px;
}

.vc_gitem-animated-block .vc_gitem-zone:nth-child(1) {
  -webkit-box-shadow: 0px 0px 0px -15px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 0px -15px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 0px -15px rgba(0,0,0,0.75);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.vc_gitem-animated-block:hover .vc_gitem-zone:nth-child(1),
.vc_gitem-animated-block:focus .vc_gitem-zone:nth-child(1) {
  -webkit-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.75);
}

.vc_grid-item .vc_gitem-zone.vc_gitem-zone-c {
  background-color: transparent!important;
}

.vc_grid-item .vc_gitem_row .vc_gitem-col {
    padding: 0;
}

.vc_grid-item h4 {
    text-align: left;
    color: #222;
    font-weight: bold;
    line-height: 1.2em;
    margin-top: 20px;
}

#videos .vc_images_carousel .vc_carousel-control .icon-next:before,
#videos .vc_images_carousel .vc_carousel-control .icon-prev:before {
    color: #fff;
}

#videos .padding-0 .vc_column-inner {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-x: 0vh;
    padding: 70px 0 30px!important;
}

.sociales.blanco {
    background-color: #243e80;
    max-width: 530px;
    padding: 70px 40px 140px;
    margin-bottom: -180px;
}

.sociales.blanco a i {
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

div.pp_overlay {
  background: #243e80!important;
  opacity: 0.9!important;
}

.pp_loaderIcon {
  background: none!important;
}

a.pp_next {
    background: url(images/btnNext.png) 100% 50% no-repeat!important;
}

a.pp_previous {
    background: url(images/btnPrev.png) 0% 50% no-repeat!important;
}

div.pp_default .pp_expand {
    background:url(images/sprite.png) -26px -46px no-repeat!important;
}

/*div.pp_default a.pp_arrow_next, div.pp_default a.pp_arrow_previous {
    background: url(images/sprite.png) -31px -3px no-repeat!important;
}*/

@media only screen
and (min-width: 768px) {
  .titulo-noticias,
  .grid-noticias {
    /*padding-left: 60px;
    padding-right: 60px;*/
    max-width: 1550px!important;
    width: 100%!important;
    margin: 0 auto!important;
  }

  .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {
    padding-right: 70px!important;
  }

/*
  .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item:nth-child(2) {
    margin-top: 60px;
  }

  .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item:nth-child(3) {
    margin-top: 20px;
  }

  .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item:nth-child(even) {
    margin-top: 30px;
  }
  */
}

/* Historia
--------------------------------------------------------------
-------------------------------------------------------------- */
@media only screen
and (min-width: 700px) {
  .page-id-11 .post-inner {
    padding-top: 0!important;
  }  
}

/* Multimedia
--------------------------------------------------------------
-------------------------------------------------------------- */
.page-id-15 .wpb_single_image .vc_single_image-wrapper,
.page-id-15 .wpb_single_image img,
.page-id-15 .wpb_single_image .vc_figure {
    width: 100%;
}

/* Noticias
--------------------------------------------------------------
-------------------------------------------------------------- */
.page-id-13 .vc_gitem-post-data-source-post_excerpt {
    display: block!important;
}

.page-id-13 .vc_gitem-post-data-source-post_excerpt p {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Single
--------------------------------------------------------------
-------------------------------------------------------------- */
.singular h1.entry-title, 
.singular h2.entry-title {
    margin: 0;
    font-weight: 700;
}

.singular header {
    width: 100%;
    height: 102px;
    position: relative;
    top: 0;
}

@media only screen
and (min-width: 700px) {
  .singular .entry-header {
      padding: 8rem 0 0;
  }  
}

.single-cover {
    background-position: top center;
}

.singular .vc_row-o-full-height {
    min-height: 100vh!important;
}

.singular .entry-categories,
.singular .post-author,
.singular .post-comment-link,
.singular .comments-wrapper,
.singular .featured-media,
.pagination-single {
    display: none!important;
}

.singular .entry-content p {
    line-height: 1.6em;
}

blockquote p {
    font-size: 1.4em!important;
    font-weight: 500!important;
    border-left: 4px solid #243e80!important;
    padding-left: 40px!important;
}

/* Contacto
--------------------------------------------------------------
-------------------------------------------------------------- */
.img-sombra .vc_single_image-wrapper {
    padding-right: 50px;
    padding-bottom: 50px;
}

/*.img-sombra img {
    -webkit-box-shadow: 30px 30px 0px 2px #243e80;
    -moz-box-shadow: 30px 30px 0px 2px #243e80;
    box-shadow: 30px 30px 0px 2px #243e80;
}*/

@media only screen
and (min-width: 700px) {
  .entry-content h4, 
  .entry-content h5, 
  .entry-content h6 {
      margin: 2.5rem auto 2.5rem;
      line-height: 1.2;
  }  
  .entry-content h1, .entry-content h2, .entry-content h3 {
    margin: 2rem auto 3rem;
  }
}

.sociales a i {
  display: block;
}

.sociales i {
  font-size: 40px;
  margin-right: 20px;
  color: #243e80;
}

.sociales a:hover i,
.sociales a:focus i {
  color: #000;
}

/* Header
--------------------------------------------------------------
-------------------------------------------------------------- */
header {
  width: 100%;
  height: 102px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header img {
  margin-top: 11px; 
  width: 100px;
}

header.bg-opacity {
  background-color: rgba(0, 0, 0, 0.60);
  height: 75px;
  transition: opacity 1s ease-in-out;
}

header.bg-opacity img {
  margin-top: 0px;
  width: 100px;
}

header.bg-opacity .top-bar {
    padding-top: 10px;
}

header.bg-opacity .top-bar .top-option {
    padding-top: 20px;
}

.overlay-header header#site-header,
header#site-header {
    background: #243e80;
}

.primary-menu > li {
    margin: 0.8rem 0 0 1.6rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px;
    margin-right: 20px;
}

.primary-menu li > a,
body:not(.overlay-header) .primary-menu > li > a,
.primary-menu li.current-menu-item > a, 
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
  text-decoration: none;
  color: #fff!important;
}

/* Efecto menu */
.primary-menu li > a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 10px 0;
  color: #fff;
}
.primary-menu li {
  position: relative;
  display: block;
}
/* hover styles */
.primary-menu li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  background-color: #fff;
  transition: transform 0.3s;
}

.primary-menu li > a:hover:after {
  transform: scaleX(1);
  background-color: #d9fa00!important;
}

.primary-menu li > a:hover, body:not(.overlay-header) .primary-menu > li > a:hover, .primary-menu li > a:focus, .primary-menu .current_page_ancestor {
  color: #d9fa00!important;
}

.wpml-ls-menu-item .wpml-ls-flag {
  margin-top: 0;
}

/* Footer
--------------------------------------------------------------
-------------------------------------------------------------- */
footer {
  background-color: #243e80;
}

footer li {
  font-size: 16px;
  color: #fff;
  padding-bottom: 8px;
}

footer a:hover,
footer a:focus,
footer .subfooter a:hover,
footer .subfooter a:focus {
  color: #fff!important;
  text-decoration: underline;
}

#site-footer,
.footer-nav-widgets-wrapper {
  background-color: #243e80; 
}

#site-footer {
  padding: 2rem 0; 
}

#site-footer a,
.footer-nav-widgets-wrapper a,
#site-footer p,
.footer-nav-widgets-wrapper p {
  color: #fff!important;  
}

@media only screen
and (min-width: 700px) {
  .footer-top-visible .footer-nav-widgets-wrapper, 
  .footer-top-hidden #site-footer {
      margin-top:0rem;
  }  

  .footer-widgets-outer-wrapper {
      padding: 20px 0 0 0;
      border-bottom: 0;
  }

  .footer-widgets {
    margin-left: 4rem;
    width: 100%;
  }
}

.footer-widgets-outer-wrapper .sociales a i {
  display: block;
}

.footer-widgets-outer-wrapper .sociales i {
  font-size: 40px;
  margin-left: 20px;
  margin-right: 0;
  color: #fff;
}

.footer-widgets-outer-wrapper .sociales a:hover i,
.footer-widgets-outer-wrapper .sociales a:focus i {
  color: #243e80;
}

#menu-footer-menu,
#menu-footer-menu-ingles {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
}

#menu-footer-menu li,
#menu-footer-menu-ingles li {
    margin-left: 20px;
}

ul.footer-menu li {
    font-size: 19px;
}

#menu-footer-menu li a:hover,
#menu-footer-menu li a:focus,,
#menu-footer-menu-ingles li a:hover,
#menu-footer-menu-ingles li a:focus,
ul.footer-menu li a:hover,
ul.footer-menu li a:focus {
    color: #000!important;
}

@media only screen
and (max-width: 768px) {
  #menu-footer-menu,
  #menu-footer-menu-ingles {
    display: block;
  }

  #menu-footer-menu li,
  #menu-footer-menu-ingles li {
    margin-left: 0;
  }   
}

.widget li:first-child, .widget li > ul, .widget li > ol {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.post-meta-wrapper.post-meta-edit-link-wrapper,
a#vc_load-inline-editor {
    display: none;
}


/* Partners
--------------------------------------------------------------
-------------------------------------------------------------- */
.page-template-template-partners .entry-content p {
  font-size: 16px;
  margin-bottom: 14px;
}

/* Fancybox
--------------------------------------------------------------
-------------------------------------------------------------- */
.fancybox-button.fancybox-close-small {
  background-color: #2A2A2A;
  color: #fff!important;
}

/* Cookies
--------------------------------------------------------------
-------------------------------------------------------------- */
#cookie-law-info-bar {
  background-color: rgba(37, 62, 128, .7)!important;
  max-width: 320px;
  font-family: MaisonNeue, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif!important;;
  letter-spacing: 0.25px;
  line-height: 1.5em;
  position: fixed!important;;
  z-index: 10000;
  bottom: 20px!important;
  left: 20px;
  font-size: 15px;
  color: rgb(255, 255, 255)!important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px 2px;
  opacity: 1;
  border-radius: 12px;
  padding: 40px 30px;
  border-width: 1px;
  border-style: solid;
  border-color:rgba(37, 62, 128,.7);
  border-image: initial;
  animation: flyout-fade-in 1.5s ease 0s 1 normal forwards running;
}

#cookie-law-info-bar a.cli-plugin-main-link {
	text-decoration: none;
	font-weight: 100;
}

#cookie-law-info-bar span a:last-child {
	display: block;
    z-index: 1;
    width: 180px;
    margin: 0 auto;
    border-radius: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    border: 2px solid #253e80;
    color: #fff!important;
    font-size: 16px;
    background: none;
    cursor: pointer;
    padding: 4px 22px;
    min-height: 40px;
    line-height: 1.7em;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    background-color: transparent!important;    
    margin: 5px 5px 5px 5px!important;
}

#cookie-law-info-bar span a:first-child {
    display: block;
    z-index: 1;
    width: 180px;
    border-radius: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    border: 2px solid #253e80;
    color: #fff!important;
    font-size: 16px;
    background: none;
    cursor: pointer;
    padding: 4px 22px;
    min-height: 40px;
    line-height: 1.7em;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    background-color: transparent!important;    
    margin: 35px auto 5px!important;
}


#cookie-law-info-bar span a:last-child:after {
    border-radius: 50px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #253e80;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#cookie-law-info-bar span a:last-child:hover, 
#cookie-law-info-bar span a:last-child:active {
    color: #000!important;
    text-decoration: none;
}

#cookie-law-info-bar span a:last-child:hover:after, 
#cookie-law-info-bar span a:last-child:active:after {
    width: 0%;
}

.grecaptcha-badge{ 
  visibility: collapse !important; 
}

/* 404 Error
-------------------------------------------------------------- 
-------------------------------------------------------------- */
.error404 .contenedor-error {
    min-height: 600px;
    margin-top: 60px;
}

.error404 .encabezado:after {
    width: 0;
    height: 0;
    background-color: transparent;
}

.error404 input[type="text"] {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.error404 .input-group span,
.error404 .input-group span button {
    width: 100%;
}

/* Media | Mobile
--------------------------------------------------------------
-------------------------------------------------------------- */
@media only screen and (max-width: 1230px) {
  .df-sb.search-box {
    display: block;
  }

  .search-box>.separador {
    display: none;
  }

  .search-box>div {
    margin-bottom: 20px;
  }

  .explore-destination, 
  .search-destination {
      border-bottom: 1px solid #000;
      min-width: 100%;
      text-align: center!important;
  }

  .search-destination input {
      min-width: 100%;
      text-align: center!important;
  }
}

@media only screen and (max-width: 1200px) /* Breakpoint XL */ {
  .fs--20 {
    font-size: 16px;
  }

  .pb60 {
    padding-bottom: 30px;
  }

  .pt100 {
      padding-top: 40px;
  }

  .pb100 {
    padding-bottom: 40px;
  }

  .title {
    font-size: 22px;
  }

  .lettering-destacado {
      /* min-width: 340px; */
      /* width: 100%; */
  }

  .search-destination {
    margin-bottom: 20px;
  }

  .search-destination input,
  .select-continent .placeholder,
  .select-continent ul li {
    font-size: 22px;
  }

  .search-destination::after {
    top: -3px;
    right: 0;
  }

  .destination-detail {
    min-height: 290px;
  }

  .destination-detail .country {
    bottom: 86px;
    left: 0px;
    font-size: 16px;
  }

  .destination-detail .location {
    bottom: 45px;
    left: 10px;
    font-size: 42px;
  }

  .destination-detail .advice-counter {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 16px;
  }

  .destination-detail .continent {
    right: 15px;
    bottom: 16px;
    border: 2px solid #a6c299;
    padding: 3px 10px;
    font-size: 16px;
  }

  .see-all {
    padding-right: 15px;
  }

  .df-se.subfooter {
    display: block;
	padding-top: 40px;
  }

  .df-se.subfooter p {
    padding-bottom: 10px;
    font-size: 14px;
  }

  .super-title {
    font-size: 60px;
    padding-left: 15px;
  }

  .cover-continent>.row>.container>.row {
    height: 50vh;
  }

  .cover-continent>.row>.container>.row>.super-title, 
  .cover-continent>.row>.container>.row>.destination-title {
    bottom: 00px;
    left: 15px;
  }

  .cover-continent>.row>.container>.row>.advice-counter {
    display: none;
  }

  .advice .imagen {
    background-size: 240%!important;
  }

  .advice .imagen:hover,
  .advice .imagen:focus {
    background-size: 250%!important;
  }

  .advice .bandera .share {
    font-size: 13px;
  }

  .advice .bandera .share .mr20 {
    margin-right: 5px;
  }

  .recommend.button-border {
    font-size: 10px;
  }

  .advice .bandera {
    padding: 30px 0px 0px 0px;
  }

  .advice .bandera .title {
    line-height: 1.5em;
    font-size: 28px;
  }

  .top-advices h3.title {
    text-align: left!important;
  }

  .cover-advice>.row>.container>.row>.advice-counter,
  .cover-advice>.row>.container>.row>.destination-title>span {
    display: none;
  }

  .category.df-sb-baseline {
    font-size: 14px!important;
  }

  .category.df-sb-baseline div:nth-child(2) {
    text-align: right;
  }

  .advice.content .bandera {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (max-width: 1000px) /* Maxima anchura a la que llega el menu para desktop */ {
  header img {
    margin-top: 0px;
    width: 100px;
  }
  .choose-travel {
    display: block;
  }
  .logotipo-mobile {
    position: absolute!important;
    top: 0;
    right: 20px;
    width: 110px;    
  }
  .dl-menuwrapper button {
    left: 20px!important;
    background-color: transparent!important;
  }
}

@media only screen
and (max-width: 991px) {
  .pl130 {
    padding-left: 15px;
  }
}

@media only screen
and (max-width: 576px) {
  .advice .bandera {
    min-height: auto;
  }
}

@media only screen
and (max-width: 768px) {
  .filter-options {
    margin-top: 20px!important;
    justify-content: center;
    padding-bottom: 10px!important
  }
}

@media only screen 
and (max-width: 480px) {
  .mb130 {
    margin-bottom: 30px!important;
  }

  .pb130 {
    padding-bottom: 30px;
  }

  .filter-advices {
    margin-top: 20px!important;
    display: block;
    text-align: center;
  }

  .filter-advices .ml40 {
    margin-left: 0;
  }

  .advice .bandera .title {
    padding-bottom: 20px;
  }

  .bandera .df-sb {
    padding-bottom: 20px;
  } 

  .top-advices h3.title.text-center {
    text-align: center!important;
  }

  .top-advices .see-all {
    padding-left: 0;
    margin-left: 0;
  }

  .wpcf7-form.row {
    padding: 0px 8px;
  }

  .wpcf7-form .button-upload {
    font-size: 9px;
  }

  .comment-meta {
    padding-left: 0;
  }

  .recommend {
    width: 55%;
    font-size: 10px;
  }

  .recommend>span {
    font-size: 10px;
  }

  .cover-continent.mb100 {
    margin-bottom: 0;
  }

  .filter-options {
    margin-top: 20px!important;
    justify-content: center;
  }
  .super-title {
      font-size: 40px;
      padding-left: 0;
  }
}

@media only screen
and (max-width: 320px) {
  .recommend {
    width: 82%;
    font-size: 10px;
  }
}

.wpml-ls-menu-item .wpml-ls-flag {
    width: auto;
}