/*
 * Generic and layout elements
 * ...even though layout elements should be in 'layout.css'...
 *    updated for the bootstrap responsive theme by CC dec 2017  BSP
 *    updated by Chris Chaplow and Max Phythian ahead of ESP launch October 2018
 * major revision for the support to the Andalucia_Barrio sub theme of the
 * Bootstrap Barrio 4 theme. July Aug and Sep 2019 Most layout removed.
 * Went live during the Covid19 on 12 May 2020
 * Onging work by Chris Chaplow and Nick Colosom.
 */
@media (min-width: 1366px) {
  .container {
    max-width:1306px;
  }
}
.container-fluid {
  max-width: 1306px;
}
.row-offcanvas {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width:768px) {
  .row-offcanvas {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .row-offcanvas.main-sidebar-both {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .row-offcanvas.main-sidebar-both {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
body {
  border-bottom: 0 !important;
}
h2 {
  font-weight: bold;
  font-size: 13px;
  color: #006600;
  font-family: 'Roboto'!important;  /*  CC 06-06-2020 */
}
h3 {
  font-size:12px;
  font-weight:bold;
  font-family: 'Roboto'!important;   /*   CC 06-06-2020   */
}

p {
  padding-bottom:1em;

}
hr {
  margin: 0px;
  padding: 0px;
  color: #E0E0C2;
  background: #E0E0C2;
}
p,input,select,td,li,th {
  color:#000000;
}

#text ul {
  padding-left:5px;
  margin:10px 0 10px 15px;
}

#text ol {
  /* padding-left:10px;   removed for search results */
  margin:10px 0 10px 15px;
  background-color: white;    /* added for search results */
}

#text ul ul,
#text ol ol,
#text ul ol {
  margin:5px 0 0 0;
}
#text ul li,
#text ol li {
  padding:5px 0;
  margin:0;
}
hr {
  border-color:#000000;
  border-top:none;
  margin-bottom:10px;
}
table {
  margin-bottom:10px;
}
table td.lastcol {
  padding:5px 0;
}

tbody {
  border:none;
}
td {
  padding:4px 2px 4px 2px;
}
td p {
  padding:0 0 0 3px;
}
object {
  padding-bottom:10px;
}

/* New layout styles added by Chris Aug 2019 onwards for the Bootstral D82 */

#navbar-main  {
    justify-content: center;
}
#navbar-main .row {
  margin-left: 0;
  margin-right: 0;
}

/*   not sure this is needed for flex and search box in header. CC 22-12-2019
.region-header {
  max-width: 1100px;
  margin: auto;
  background: white;
  padding: 10px;
}
 */
#sidebar_first {
  flex-basis: 100%;
  flex-shrink: 0;
  order: 15;
  max-width: 100%;
}
@media (min-width:768px) {
 .main-sidebar-first-only #sidebar_first {
    flex-basis: 200px;
    flex-shrink: 0;
    max-width: inherit;
  }
}
@media (min-width: 992px) {
  .main-sidebar-both #sidebar_first {
    flex-basis: 200px;
    order: -2;
  }
}
#sidebar_second {
  padding-left: 7px;
  padding-right: 7px;
  /* added to make rhm white background and full length.*/
  height: auto !important;
  min-height: 0px !important;
  background-color: #ffffff;
  flex-basis: 100%;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 20px;
  max-width: 100%;
}
@media (min-width:768px) {
  .main-sidebar-second-only #sidebar_second {
    flex-basis: 300px;
    margin-left: 15px;
    margin-top: 0;
  }
}
@media (min-width:992px) {
  .main-sidebar-both #sidebar_second {
    flex-basis: 300px;
    margin-left: 15px;
    margin-top: 0;
  }
}


#sidebar_second .block {
  padding: 8px 0 8px 0;
  margin: auto;
}

.main-content {
  background: #fff;
  flex-basis: 100%;
}
@media (min-width:768px) {
  .main-content {
    flex: 1 1 0;overflow: hidden;
  }
}


/*   think ac-header is redundant .header added CC 17-12-2020  */

.header {
  min-height: 160px;
}
@media (max-width:577px) {
  .header {
    min-height: 110px;
  }
}

.ac-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width:576px) {
  .ac-header {
    align-items: normal;
    flex-direction: row;
  }
}
.ac-header .logo {
  flex-grow: 1;
}
.ac-header .forum,
.ac-header .languages {
  flex-shrink: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 10px;
}
@media (max-width:577px) {
  .ac-header .forum,
  .ac-header .languages {
    display: none;
  }
}
.ac-header .languages {
  margin-bottom: 20px;
}
.ac-header img {
  max-width: 100%;
}
.ac-content {
  background-color: white;
  padding: 0.5em 0.5em 0 0.5em;
}

.ac-content h1 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #006600;
}

.ac-content  h2, h3.field__label {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1rem;
  padding-top:10px;
  font-weight: 900;
  color: #006600;
}

.field--name-field-photos img {
    /*border: 1px solid #222222;*/
    padding: 5px 5px 20px 5px;
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;    /* added for feed import photo */
    margin-right: auto;    /* added for feed import photo */

}

.caption-drupal-entity {
    border: 1px solid #222222;
    padding: 5px 5px 20px 5px;
    text-align: center;
    display: block;
    max-width: 100%;
    height: auto;
}

.node--view-mode-teaser {     /* added CC 06-06-2020  */
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
   }


.node--view-mode-teaser h2 a {
    margin-bottom: 10px;
    text-transform: uppercase;
    /*text-decoration: underline;*/
    font-size: 1em;
    font-weight: bold;
    color: #0073b6;
   }

   .field--name-field-destination {
    display: inline-flex;
    text-align: center;
     }

.field--name-field-destination  .field__item {
    padding: 0 1em 0 0;
       }

/* general centre div inside a div class */
.center-div-300 {
 margin: 0 auto;
 width: 300px;
 text-align: center;
}
@media (max-width: 380px) {
  .center-div-300 {
   width: 100%;
   text-align: center;
  }
}



/* align and space taxonomy terms at foot of page */




/* Links */

/*
 * revoved pending exceptrions to buttons etc to be written.
 *a,li a.active {
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:underline;
  color: blue;
}

a:visited {
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:underline;
  color: purple;
}

a:hover {
  text-decoration:underline;
}
            */



ul.links li {
  margin:0;
  padding:0;
}

/*
 * Template Styles
 */

#utilities {
  float:left;
}

#utilities ul {
  list-style:none;
  padding:0;
  margin:0;
}
#utilities ul li {
  padding:0;
  margin:0;
  margin-bottom:3px;
}
#utilities ul li a {
  display:block;
  background-color:#1A761A;
  border:1px solid #469046;
  color:#FFFFFF;
  text-decoration:none;
  text-align:center;
  width:70px;
  height:16px;
  line-height:16px;
}
#logo-img {
  float:left;
  padding-top:0;
}
#search {
  float:right;
  width:205px;
  text-align:right;
  padding-top: 0;
  padding-bottom: 25px;
}
#search .submit {
  font-size:12px;
  padding:2px 3px;
}
#search input.submit {
  background:#1A761A;
  border:1px solid #469046;
  color:#FFFFFF;
  height:20px;
}

#search-text p {
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0 0 15px;
  color: #006600;
}

#text-header {
  padding: 0 0;
  margin-top: -20px;
  background-color:#006600;
}

#text-header h1 {
  font-size: 18px;
  font-weight: bold;
  padding:0;
  color: #CCCC99;
}
.nid-2922 #text-header h1 {
  display: none;
  font-size: 18px;
  font-weight: bold;
  padding:0;
  color: #CCCC99;
}
#text-header h1 span {
  color: #FFFFFF;
}
#text-content {
  background-color:#FFFFFF;
  padding:10px;
}

#text-content h2,
.bodysubtitle {
  margin-bottom:10px;
  text-transform: uppercase;
  font-size:14px;
  padding-top:15px;
  font-weight: bold;
  color: #006600;
}


.field--name-field-title-h2 {
  margin-bottom:10px;
  text-transform: uppercase;
  font-size:14px;
  padding-top:15px;
  font-weight: bold;
  color: #006600;
}


#text-content h3 {
  margin-bottom:5px;
}
#text .box-content p {
  text-align:left;
}

/**
 * Primary Nav  Bootstrap style overwrites BSP
 */
#block-mainmenu .navbar-nav {
  justify-content: space-around;
  width: 100%;
}
nav.navbar {
  padding: 0;
}
.navbar-nav > li {
  margin: 0 1px;
  text-align: center;
  width: 100%;
}
.navbar-nav > li > a {
  font-weight: bold;
  font-size: 1.2em;
  color: #016701 !important;
  line-height: 45px;
  transition: all 0.2s ease-out;
  width: 100%;
}
.navbar-nav > li > a:hover {
  color: #fff !important;
  text-shadow: 1px 1px 3px #016701;
  background-color: #7daf2d;
}
.navbar-nav > li > a.nav-link.dropdown-toggle {margin-right: 30px;}
@media (min-width:768px) {
  .navbar-nav > li > a {
    font-size: 1.2em;
  }
}
@media (min-width:992px) {
  .navbar-nav > li > a {
    font-size: 1em;
  }
}
@media (min-width: 1200px) {
  .navbar-nav > li > a {
    font-size: 1.2em;
  }
}


/*
 * Carousel and Mpa and Search Bootstrap style overwrites BSP
 */

#AndaluciaComHomeCarousel {
    margin-top: 15px;
    }

@media (min-width:1200px) {
	#AndaluciaComHomeCarousel   {
    /*margin-left: 120px;*/
	}
}


/*
 * Primary Nav   (now replaced)



#primary-nav {
  text-align:center;
  padding-left:10px;
  float:left;
}
#primary-nav .nav-row {
  margin-bottom:5px;
  width:760px;
  background-color:#217A21;
}
#primary-nav ul.links {
  clear:both;
  width:762px;
  height:20px;
}
#primary-nav ul.first li.first {
  padding-left:17px;
}
#primary-nav ul.first li.last {
  padding-right:17px;
}
#primary-nav ul.second li.first {
  padding-left:10px;
}
#primary-nav ul.second li.last {
  padding-right:11px;
}
#primary-nav ul li {
  list-style:none;
  float:left;
  border:none;
  height:20px;
}
#primary-nav ul li a {
  color:#FFFFFF;
  font-size:12px;
  line-height:14px;
  display:block;
  text-decoration:none;
  border-right:1px solid #FFFFFF;
  margin:3px 0;
  padding:0 5px;
}
#primary-nav ul li.last a {
  border:none;
}

#primary-nav ul li a:hover,
#primary-nav ul li a.active {
  text-decoration:underline;
}
#primary-nav ul li a.active {
  font-weight:bold;
}

#maincontent {
  border:1px solid #FFFFFF;
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/maincontent.gif) left top repeat-y;
}
 */

/*
 *  Left hand navigation



#sidebar-a .block-menu {
  margin-bottom:0px;
  padding: 0px 0px;        was 15px  10px BSP
}

#sidebar-a .block-menu ul,
#sidebar-a .block-breadcrumb_nav ul {
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0;

}

#sidebar-a .block-menu ul li,
#sidebar-a .block-breadcrumb_nav li {
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:10px 0 0 15px;
  float:none;
}

#sidebar-a .block-breadcrumb_nav li {
  background-color:#1D771D;
  padding-bottom:5px;
  border-bottom:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

#sidebar-a .block-menu ul li a,
#sidebar-a .block-menu h2 a,
#sidebar-a .block-breadcrumb_nav ul li a {
  color:#FFFFFF;
  padding:0;
  font-weight:normal;
  margin:0;
  text-decoration:none;
  text-transform:none;
  font-size:13px;
}

#sidebar-a .block-menu ul li a:hover {
  text-decoration:underline;
  background: transparent;
}
#sidebar-a .block-menu ul li.active a,
#sidebar-a .block-menu h2 a.active,
#sidebar-a .block-menu h2 a.active-trail,
#sidebar-a .block-menu ul li a.active-trail,
#sidebar-a .block-menu ul li.active-trail li a.active-trail {
  font-weight:bold;
}

#sidebar-a .block-menu ul li.active-trail li a {
  font-weight:normal;
}
/*#sidebar-b .block .box-content {
  background-color:#E2E2C5;
}*/

/*
 * General Block Styline


#sidebar-a .block,
#sidebar-b .block {
  clear:both;
}

 */

.block .box-header {
  /* padding-top: 6px; */
  /* margin-top: -20px; */      /*  adjust vertical pos of left hand menu BSP  */
}
.block .box-content {
  padding:0;
}

.block .box-footer {
  margin-bottom:10px;
}
.block .box-content p {
  padding-bottom:5px;
}
.block .box-content ul {
  margin:0 0 0 20px;
  padding:0;
  padding-bottom:5px;
}

/*
 * Footer links color for andalucia-barrio
*/

.site-footer .content a {
     color: #0073b6;
}

.site-footer .content a:active {
     color: #0073ff;
}

.site-footer .content a:hover {
     color: #007bff;
}

/*
 * Footer vertical spacing of footer links
 */

.site-footer .content li a {
 padding: 0.3em 0 0.3em 0.8em;
}
.site-footer__top {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 576px) {
  .site-footer__top {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .site-footer__top {
    flex-wrap: nowrap;
  }
}
.site-footer__top ul {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .site-footer__top ul {
    margin-bottom: inherit;
  }
}
.site-footer__top section.region.row {
  float: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .site-footer__top section.region.row {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .site-footer__top section.region {
    float: none;
    width: 25%;
  }
}
.site-footer__top section.region.row > div {
  margin: 0 auto;
  width: 280px;
}
@media (min-width: 576px) {
  .site-footer__top section.region.row > div {
    margin: 20px auto;
    width: 100%;
  }
}

/**
 * Footer box format
 */
.site-footer__bottom {
  margin-top: 0;
  border-top: 0;
  background-color: #7daf2d;
}
.site-footer__bottom .row {
  margin: 0;
}
.site-footer__bottom .content a {
  color: #fff;
}
.site-footer__bottom .content a:hover {
  color: #fff;
  text-decoration: underline;
}
.site-footer__bottom .links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .site-footer__bottom .links {
    flex-wrap: nowrap;
    justify-content: left;
  }
}
.site-footer__bottom .links img {
  margin-right: 5px;
}
.site-footer__bottom .links a {
  margin: 0 10px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .site-footer__bottom .links a {
    padding: 0;
  }
}
/**
 * Footer  old footer links
 */
#footer {
  padding-top:15px;
  text-align:center;
}
#footer-links {
  /*ADDED 7th May 2013 - Footer is now centred*/
  text-align:center;
  color:#FFFFFF;
}
#footer-links-inner {
  margin-top:-25px;
  margin-bottom:10px;
  font-size:12px;
}
#footer-links a {
  color:#FFFFFF;
  text-decoration:none;
  display:inline;
  padding:0 2px;
}


#connections   {
  margin-bottom: 20px;
}

#advert-buttons {
    border: 1px solid white;
    padding: 20px 0 10px 20px;
    min-height: 112px;
    margin: 0px -15px 0 -15px;
    background: white;
}

/*
 * Special Block styles
 */

/* Amazon block */

div.wdgt_tl_pad div.wdgt_tl {
  height:65px !important;
}

.asin_cmnt {
  height:0 !important;
}

#wdgt_brdr.wdgt_brdr {
    padding: 10px 0 0 0;
}

#wdgt_pgn.wdgt_pgn, .asin_cmnt {
  height:0;
  width:0;
  margin:0;
  padding:0;
}

/* Related blocks */

#block-contentfield-page-related-pages h2,
#block-contentfield-page-related-books h2,
#block-contentfield-page-related-blog h2
{
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/related-pages.png) left top no-repeat;
}
#block-contentfield-page-related-pages h2,
#block-contentfield-page-related-blog  h2,
#block-contentfield-page-related-forum h2,
#block-contentfield-page-related-books h2 {
  color:#FFFFFF;
  font-weight:bold;
  padding: 4px 0 5px 30px;
  margin:0;
  max-width: 300px;
  text-shadow: none;
  margin: 0 auto;
  width: 100%;
}
#block-contentfield-page-related-pages .content,
#block-contentfield-page-related-blog .content,
#block-contentfield-page-related-forum .content,
#block-contentfield-page-related-books .content  {
  background-color:#EBEBD6;
  padding:10px;
  max-width: 300px;
  margin: 0 auto;
  width: 100%;
}

#block-contentfield-page-related-blog h2,
#block-contentfield-page-related-forum h2 {
  background-color:#3B8A3B;
}
#block-contentfield-page-related-pages .field__item,
#block-contentfield-page-related-books .field__item,
#block-contentfield-page-related-forum .field__item,
#block-contentfield-page-related-blog .field__item {
  padding-bottom:10px;
}


#block-block-1 {
  clear:both;
  margin-top:20px;
  font-size:13px;
}
#block-menu-menu-specialnav {
  clear:both;
  padding-left:5px;
}
#block-menu-menu-specialnav ul.menu {
  margin:0;
}
#block-menu-menu-specialnav ul li {
  list-style:none;
  padding:0;
  margin:0;
  float:left;
  width:95.5px;
  border-top:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
}
#block-menu-menu-specialnav ul li.menu-468,
#block-menu-menu-specialnav ul li.menu-514 {
  border-right:1px solid #FFFFFF;
}
#block-menu-menu-specialnav ul li.menu-470,
#block-menu-menu-specialnav ul li.menu-514 {
  border-bottom:1px solid #FFFFFF;
}
#block-menu-menu-specialnav ul li a {
  line-height:20px;
  color:#FFFFFF;
  /*background-color:#217A21;*/
  text-decoration:none;
  /*font-weight:bold;*/
  height:29px;
  line-height:29px;
  display:block;
  padding-left:40px;
  font-size:12px;
}

#block-menu-menu-specialnav ul li.menu-469 a {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/car-hire.png) 8px 6px no-repeat;
}
#block-menu-menu-specialnav ul li.menu-468 a {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/flights.png) 8px 6px no-repeat;
}
#block-menu-menu-specialnav ul li.menu-470 a {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/hotels.png) 8px 6px no-repeat;
}
#block-menu-menu-specialnav ul li.menu-514 a {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/tickets.png) 8px 6px no-repeat;
}


#block-block-2 {
/*background-color:#A1C7A1;*/
}

.view-feeds-defaults-feed-items .views-row {
  background-color:#F5F5F5;
  border:1px solid #DDDDDD;
  padding:10px;
  margin-bottom:15px;
}
.view-feeds-defaults-feed-items .views-field-title h2 a {
  color:#000000;
  text-decoration:none;
  text-transform:none;
  font-size:12px;
}
.view-feeds-defaults-feed-items .views-row img {
  float:left;
  margin-right:10px;
}
.view-feeds-defaults-feed-items .views-row div img,
.track img {
  float:none;
  margin:0;
}
.view-feeds-defaults-feed-items td {
  padding:10px;
}

/* Weather Block

#block-cck_blocks-field_weather {
  width:200px;
}
#block-cck_blocks-field_weather .box-header {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/weather-header.png) left top no-repeat;
}
#block-cck_blocks-field_weather .box-header h2 {
  font-weight:bold;
  padding:1px 0 5px 10px;
  margin:0;
}
#block-cck_blocks-field_weather .box-header h2 a {
  color:#FFFFFF;
}
#block-cck_blocks-field_weather .box-content {
  padding:5px 5px;
}
#block-cck_blocks-field_weather .box-content,
#block-cck_blocks-field_weather .box-content td {
  background-color:#FFFFFF;
  color:#006600;
  font-size:12px;
}
#block-cck_blocks-field_weather .box-content table {
  margin-bottom:0px;
}
#block-cck_blocks-field_weather .box-content td {
  width:90px;
  padding:0 5px 5px 10px;
}
#block-cck_blocks-field_weather .box-content td.col1 {
  border-right:1px solid #006600;
  padding-left:5px;
}
#block-cck_blocks-field_weather .box-content td img {
  padding-right:5px;
}
#block-cck_blocks-field_weather a:link,
#block-cck_blocks-field_weather a:active,
#block-cck_blocks-field_weather a:visited{
  color:#006600;
  text-decoration:none;
}
#block-cck_blocks-field_weather a:hover{text-decoration:underline;}

*/

/*
 * update 02-01-2019 to underline text links exce
*  .ac-content p a, .ac-content p a:visited, .linkinstance a
 */


 .content  a, .content p a:visited, .linkinstance a {
	text-decoration: underline;
}

/*
 * update 02-01-2019 to exceptions to underline text links
 */
.discoverThumnail-box a, .discoverThumnail a, .discoverButtonLinks-box a, .discoverButtonLinks a, .discoverButtonLinksSubject a,
.section_title a, .title a, .hightlight a, .button a, .nav-item a, .feature-rhs a,
.site-footer .content a, .views-field-title a, .latest-pages .node__title a,
.views-row .node__title a, ul.field__items li a, div.field__items div a     {
	text-decoration: none;
}

.section_title {

	background: #7daf2d;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	padding: 5px 0 5px 10px;
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 5px;
	text-decoration:none
}

.section_title a, .section_title a:hover {
		color: white;
	}



/*
 * Special Content Classes
 */
.copyright {
  font-size:10px;
  text-align:center;
  padding-bottom:0;
}
.copyright-links {
  text-align:center;
  padding-top:5px;
  font-size:12px;
}
.copyright-links a {
  display:inline;
  padding:0 2px;
}
td.sectionheader {
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  padding:5px 4px;
  background-color:#1A761A;
}
.sectionheader a,
a.sectionheader,
.sectionheader p,
td p.sectionheader,
span.sectionheader {
  color:#ffffff;      /* changed to white from #337ab7; old table purple boxed  CC 19-04-2020 */
  text-decoration:none;
  font-weight:bold;
  padding:0 0 0 3px;
}
.content-banner {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/ad-text-white-arr-vert.gif) 22px center no-repeat;
  text-align: center;
  padding:0 0 0 0;
  margin-bottom:10px;
  margin-top:10px;
}

.content-background {
  background-color:#E2E2C5;
  text-align:center;
  margin-bottom:15px;
  padding:15px 0 13px 0;
}

/* Embed google maps amd other iframes */

.center  {
  text-align:center;
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.center iframe {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90% !important;
  height: 90% !important;
  margin-bottom: 20px;
}

.center-ta  {
    text-align:center;
}

.center-ta img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

/*
 * AC Links Design
 */
.block-ac_links {
  clear:both;
  padding-top:10px;
}

#block-aclinks, #block-acpicturelinks,
#block-acusefullinks {
    padding: 10px 0 10px 0;
}
.linkssection {
  clear:both;
  margin-bottom:10px;
  border-style: solid;
  border-width: thin;
  border-color: #016701;
}
/*.field--name-body*/ .linkssection h2 {
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  padding:5px 4px;
  background:#1A761A url(/themes/custom/andalucia_barrio/css/tmp-img/ad-text-hor-short.gif) 99% 4px no-repeat;
  text-transform:none;
    margin-top: 0px;   /* to overwrite general h2 in BSP   */
 }



#HB_SearchBox0{
  margin: 0 auto;
  width: 300px;
}
h2.hb247SearchTitle{
  color: rgb(255, 255, 255) !important;
  float: left !important;
  font-size: 18px !important;
  margin-top: 60px !important;
  position: absolute !important;
  background: none !important;
}

.linkinstance {
  padding-left:4px;
  padding-right:4px;
  clear:both;
  padding-bottom:10px;
}
.linkinstance p {
  padding-bottom:0;
  margin-bottom: 0.3em; /* added 19-04 to apply to piclinks */
}
.linkssection a {
  font-weight:bold;
}

/* Views slideshow      old AC style
.views-slideshow-controls-bottom {
  float:left;
  height:0px;
}
.views_slideshow_previous {
  text-indent:-10000px;
  display:block;
  width:23px;
  height:23px;
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/arrow-back.png) right top no-repeat;
  position:relative;
  top:-240px;
  left:15px;
  z-index:100;
  float:left;
}
.views_slideshow_pause {
  display:none;
  height:0;
  width:0;
  margin:0;
  padding:0;
  float:left;
}
.views_slideshow_next {
  text-indent:-10000px;
  display:block;
  width:23px;
  height:23px;
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/arrow-next.png) right top no-repeat;
  position:relative;
  top:-240px;
  left:480px;
  z-index:100;
  float:left;
}
.views_slideshow_singleframe_teaser_section .views-field-field-slideshow-image-data {
  float:left;
  position:relative;
  top:-50px;
  width:100%;
  padding:5px 0;
  background:url(/sites/default/themes/andalucia/tmp-img/caption-trans.png) repeat;
  color:#FFFFFF;
  font-size:12px;
}
.views_slideshow_singleframe_teaser_section .views-field-field-slideshow-image-data .field-content {
  padding:0 10px;
}
.at300b {
  clear:both;
}
.addthis_button_facebook_like.at300b {
  padding-top:5px;
}

/* end Views slideshow */

/*
 * OLD AC STYLES
 */
.table {font-family:Arial, Helvetica, sans-serif; font-size: 10pt; border:1px solid #006600; color:#000000;}
.pagetitle {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}
.subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #CCCC99;
}
.bg {
  background-color: #006600;
  background-image:  url(/themes/custom/andalucia_barrio/css/image/background.gif);
  background-repeat: no-repeat;
}
.bodytitle {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  text-transform: uppercase;
  font-style: normal;
}
.tableheader {
  font-weight: bold;
  color: #FFFFFF;
}
.navbackground {
  /*background-color: #1A761A;
  background-image: url(/themes/custom/andalucia_barrio/css/image/nav_bg.gif);
  background-repeat: no-repeat;*/
}
.related {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.byline {
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}
.bold {
  font-weight: bold;
}
.bodysubtitle {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #006600;
}
.bodysubtitle2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #006600;
  margin:0;
  margin-bottom:5px;
  padding-left:20px;
}
.thirdrdlevelnav {
  font-weight: normal;
  text-transform: none;
  color: #999999;
  font-size: 12.5px;
  line-height: 17.5px;
}

.bookright {
  margin-left: 10px;
  float:right;
  text-align:center;
  font-size:10px;
  margin-bottom: 5px;
}
.bookcenter {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  text-align:center;
}

.bookleft {
  margin-right: 10px;
  margin-bottom: 5px;
  text-align:center;
  float:left;
}



.size1text {
  font-size: 11px;
  line-height: 14px;
  padding:5px 5px 10px;
  background-color: white;   /* fix by CC 19-04-2020 to clear old table purple box background */
}
.infobox {
  border: 1px solid #666699;
  clear: right;
}
.infoboxright .sectionheader {
  background-color:#666699;
  color:#FFFFFF;
  padding-left:5px;
}
.logoleft {
  margin-right: 10px;
}
.infoboxright {
  margin-left: 5px;
  border: 1px solid #666699;
}
.golfclubs {
  font-size: 12px;
}
.logoright {
  margin-left: 10px;
}
.homepagecatergories {
  line-height: 22px;
}

.secondlevelnav {
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  text-decoration: none;
}
.thirdlevelnav {
  font-size: 12px;
  line-height: 17px;
}
.sponsorednavbg {
  background-image: url(/themes/custom/andalucia_barrio/css/../andalucia.com/living/home-sponsored_files/sponsorednav_bg.gif);
  background-repeat: no-repeat;
}
.palmeranavbackground {
  background-color: #1A761A;
  background-image: url(/themes/custom/andalucia_barrio/css/morocco/image/sponsorednav_bg.jpg);
  background-repeat: no-repeat;
}
.poundnavbackground {
  background-color: #1A761A;
  background-image: url(/themes/custom/andalucia_barrio/css/image/sponsorednav_bg_79pound.png);
  background-repeat: no-repeat;
}
.malagaairportnavbackground {
  background-color: #1A761A;
  background-image: url(/themes/custom/andalucia_barrio/css/image/sponsorednav_bg_malagaairport.png);
  background-repeat: no-repeat;
}
.palmera-subheader {
  font-size: 14px;
  color: #FFFFFF;
  background-color: #1A761A;
  font-weight: bold;
  text-transform: uppercase;
  text-indent: 2pt;
  vertical-align: text-top;
  line-height: 22px;
}
.infoboxtop {
  width: 180px;
  float: right;
  background-color: #666699;
  border-top: 1px solid #666699;
  border-right: 1px solid #666699;
  border-left: 1px solid #666699;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
  clear: right;
  margin-left: 15px;
}
.infobox {
  width: 180px;
  border-top: none;
  border-right: 1px solid #666699;
  border-bottom: 1px solid #666699;
  border-left: 1px solid #666699;
  float: right;
  clear: right;
  padding: 5px;
  font-size: 12px;
  margin-left: 15px;
  margin-bottom: 10px;}
.alhambranavbg {
  background-color: #1A761A;
  background-image: url(/themes/custom/andalucia_barrio/css/restaurant/image/alhambra-navbg.jpg);
  background-repeat: no-repeat;
}
#delays {
  width: 440px;
  border-top: 2px solid #EE0000;
  border-right: 2px solid #EE0000;
  border-bottom: 2px solid #EE0000;
  border-left: 2px solid #EE0000;
  padding: 5px;
  font-size: 12px;
    margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 35px;}
#weather {
  text-align:right;
}
#weather2 {
  width:470px;
  height:40px;
  background-image: url(/themes/custom/andalucia_barrio/css/image/eltiempo2.jpg);
  background-repeat: no-repeat;
  }


/* Old Booking Form
#formulario {
  width:460px;
  margin:15px auto 0 auto;
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/booking/fondo.jpg) no-repeat;
}
#formulario form {
  height:160px;
}
#izquierda {
  width:215px;
  padding:0 0 0 20px;
  float:left;

}
#derecha {
  width:180px;
  padding:0 20px 0 0;
  float:right;
}
div#izquierda p,
div#derecha p {
  font-weight:bold;
  color:#000000;
  font-size:14px;
}
#formulario h2 {
  color:#006600;
  padding-top:10px;
  text-align:left;
  font-size:18px;
  padding:0 0 0 10px;
}
input#btnsearch {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/booking/btn-search.jpg) no-repeat;
  border:none;
  width:108px;
  float:right;
  margin-top:10px;

}
#casilla {
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  margin-top:5px;
}
#casilla a {
  margin:0 0 20px 0;
  color:#FFFFFF;
  font-size:10px;
  text-decoration:none;
  line-height:25px;
}
#casilla a:hover {
  color:#000000;
  font-size:10px;
  text-decoration:none;
}

*/

/* Booking form updated for BST Dec 2017  */
#bookingform.block {
  background:#FF9900 url(/themes/custom/andalucia_barrio/css/tmp-img/booking/advertisement.png) 8px 114px no-repeat;
  padding:5px 18px 0px 17px;
  margin-top:5px;
  clear:both;
}
#bookingform.block .box-header {
  background-color: #666699;
  padding:0 0 0 0;
  margin-top:0;    /*  to counter general in style.css BSP  */
}
#bookingform.block .box-header h2 {
  color:#FFFFFF;
  /*font-weight:normal;*/
  font-size:16px;
  padding: 10px 0 6px 20px;
  margin-top:0;      /* to counter general h2 in bootstrap.css BSP */
}
#bookingform.block .box-content {
  background-color:#FFFFFF;
  padding:1px 20px 10px 20px;
  color:#333333;
}
#bookingform #btnsearch {
  background: url(/themes/custom/andalucia_barrio/css/tmp-img/booking/search-box1.jpg) center center no-repeat;
  height:37px;
  width:125px;
  text-indent:-10000px;
  cursor:pointer;
}
#bookingform.block .box-footer {
  padding-bottom:25px;
}
#bookingform #bookingleft {
  float:left;
  padding: 10px;
}

#bookingform img,
#bookingform img {
  margin-right:5px;
  margin-bottom:0;
  float:left;
}

#bookingform select {
  margin-right:10px;
  height:20px;
}

#bookingform #bookingright {
  float:left;
  padding: 10px;
}

#bookingform #box-search {
  float:left;
  padding: 13px 43px 13px 43px;
}

#bookingform #box-availability {
  float:left;
}

#bookingform #calendar {
    font: 12px/1.5 Arial, Helvetica, sans-serif;
    color: #003580;
      display: none;
      position: absolute;
      background-image: url(http://q.bstatic.com/static/img/shadow3.png);
      padding: 0 4px 4px 0;
  }

  /* For calendar */
#bookingform .caltable {
    border: 1px solid #003580;
    background-color: #fff;
}
#bookingform .caltable a:link, .caltable a:visited {
    color: #0896ff !important;
}
#bookingform .caltable a:hover {
    color: #feba02 !important;
    border-color: #feba02 !important;
}
#bookingform .caltable a:active {
    color: #b30000 !important;
    border-color: #b30000 !important;
}
#bookingform .caltable td {
    text-align: center;
}
#bookingform .caltable td a {
    display: block;
    text-decoration: none;
}
#bookingform .caltable td.calheader a {
    display: inline;
    vertical-align: -.4em;
}
#bookingform .caltable td.calheader img.calNoPrevMonth {
    background: white url(http://r.bstatic.com/static/img/butPrevMonth.png) 0 -72px no-repeat;
    vertical-align: -.4em;
}
#bookingform .caltable td.calheader img.calNoNextMonth {
    background: white url(http://s.bstatic.com/static/img/butNextMonth.png) 0 -72px no-repeat;
    vertical-align: -.4em;
}
#bookingform .caltable td.calheader .calNextMonth img {
  background: white url(http://r.bstatic.com/static/img/butNextMonth2.png) 0 0 no-repeat;
}
#bookingform .caltable td.calheader .calPrevMonth img {
  background: white url(http://q.bstatic.com/static/img/butPrevMonth2.png) 0 0 no-repeat;
}
#bookingform .caltable td.calheader .calNextMonth:hover img, .caltable td.calheader .calPrevMonth:hover img {
  background-position: 0 -24px;
}
#bookingform .caltable td.calheader .calNextMonth:active img, .caltable td.calheader .calPrevMonth:active img {
  background-position: 0 -48px;
}
#bookingform .calheader {
  padding: .4em;
  white-space: nowrap;
}
#bookingform .calheader select {
  margin: 0 .6em;
}
#bookingform .monthYear {
  background-color: #ffffff;
  color: white;
}
#bookingform .dayNames td {
  border-bottom: 1px solid #003580;
  background-color: #e6edf6;
}
#bookingform .days td {
  color: #779bca;
  background-color: #e6edf6;
  padding: .2em;
  border: 2px solid #e6edf6;
}
#bookingform .days td.weekend {
  background-color: #c5d4e9;
  border-color: #c5d4e9;
}
#bookingform .days td.past {
  text-decoration: line-through;
}
#bookingform .days td.today, .days td.future {
  border: none;
  padding: 0;
}
#bookingform .days td a {
  padding: .2em;
  border: 2px solid #e6edf6;
}
#bookingform .days td.weekend a {
  border-color: #c5d4e9;
}
#bookingform .days td.today a {
  background-color: #fff;
}
#bookingform .days td.selected {
  font-weight: bold;
}
#bookingform .days td.selected a {
  border-color: #0896ff;
}

/* CSE */
#cse td {
  padding:0;
}
#cse .gsc-control-cse {
  width:100%;
  padding:0;
}
#cse .gsc-webResult.gsc-result {
  margin-bottom:0 !important;
}

/* Google large footer adsence  BST */
 .lower-adsence {
  padding: 0;
  border: 1px solid #000000;
  min-height: 280px;
  max-height: 400px;
  display: block;
  margin: auto;
  max-width: 60%;
}

/* google css on home page   */

.google-css-box p {
    font-size: 1.2em;
    color: #016701;
    text-align: center;
    padding: 0 0 0 0;
}


.google-css-box .gsc-control-cse {
    font-family: Verdana, sans-serif;
    border-color: #016701;
    background-color: #FFFFFF;
}


/* buttons on home page */

.button-box {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
@media (max-width: 635px) {
  .button-box {
    justify-content: center;
  }
}


.button-box .button {
    background-color: #7daf2d; /* Green */
    border: none;
    padding: 15px 27px;
    text-align: center;
    text-decoration: none;
    color: white;
    display: inline-block;
    font-size: 1.3em;
    cursor: pointer;
    margin: 10px;
    width: 245px;
    border-radius: 8px;
}

.button-box .button:hover {
    background-color: #016701;
}

.button a {
    color: white;
}


/* buttons as third level menu on Guadalmina trail page */

.third-level-button-box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;

}


.third-level-button-box .button, .third-level-button-box li {
    background-color: #7daf2d;
    border: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    display: inline-block;
    font-size: 1.1em;
    cursor: pointer;
    margin: 5px;
    border-radius: 4px;
}

.third-level-button-box .button:hover, .third-level-button-box li:hover {
    background-color: #016701;
}

.button a, .third-level-button-box li a {
    color: white;
    text-decoration: none;
}



/* flags on language page */


.flag-box {
    padding: 15px 40px 15px 40px;
    margin: 0;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}


.flag-box .flag {
    background-color: #FFFFFF;
    border: none;
    padding: 15px 27px;
    text-align: center;
    text-decoration: none;
    color: black;
    display: inline-block;
    font-size: 1.3em;
    cursor: pointer;
    margin: 10px;
    width: 50px;
    border-radius: 8px;
}




/*
 * Events Section
 */

.field-field-event-website,
.field-field-event-twitter,
.field-field-event-youtube,
.field-field-event-tickets,
.field-field-event-venue {
  float:left;
  padding:20px;
}

.view-events-home .views-field-title {
    color: #006600;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
  padding:15px 0 5px 0;
    text-transform: uppercase;
  border-bottom:1px dashed #006600;
}
.view-events-home .views-row {
  padding:10px;
  background-color:#E4F5E4;
  clear:both;
}
.view-events-home .views-field-field-event-image-fid {
  float:left;
  padding-right:5px;
}
.views-field-field-event-date-value,
.views-field-field-event-location-value,
.views-field-tid {
  font-weight:bold;
}
.view-events-home .views-field-body {
  padding-top:10px;
}
.view-events-home .clear {
  clear:none;
}


/* Other classes */
.advertisement {
  background: url(/themes/custom/andalucia_barrio/css/image/ad-text-white-arr.gif) no-repeat top right;
  clear: both;
  padding-top:1px;
  vertical-align:top;
}

/* images, photos and fotos  */

.image {
  background-color:#E2E2C5;
  text-align:center;
  padding-top:15px;
  margin-bottom:15px;
}

.image img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.image-basic {
  text-align:center;
  padding-top:15px;
  margin-bottom:15px;
}

.image-basic img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.photoright {
  margin-left: 10px;
  border: 1px none #000000;
  float:right;
  text-align:right;
  font-size:10px;
}

.photoright tr, .photoright tr td {      /* added 19-04-2020 */
 background-color: white;
 text-align: right;
}

.photoright img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.photoright-border {
  margin-left: 10px;
  margin-bottom:15px;
  border:1px solid #999999;
  float:right;
  padding:12px 12px 0 12px;
  text-align:right;
  font-size:10px;
  clear:both;
}

.photoright-border img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.photoleft-border {
  margin-right: 10px;
  margin-bottom:15px;
  border:1px solid #999999;
  float:left;
  padding:12px 12px 0 12px;
  text-align:left;
  font-size:10px;
  clear:both;
}

.photoleft-border img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.photoleft {
  border: #000000 none;
  margin-right: 10px;
  margin-bottom: 5px;
  float:left;
  font-size:10px;
}

.photoleft tr, .photoleft tr td {      /* added 19-04-2020 */
 background-color: white;
 text-align: left;
}

.photoleft img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }


.fotonew {
  text-align: center;
  border:1px solid #999999;
  margin-bottom:15px;
  padding-top:30px;
  padding:30px 35px 0 35px;
  clear:both;
}

.fotonew img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.foto515 {
  text-align: center;
  border:1px solid #999999;
  margin-bottom:15px;
  padding:12px 11px 0 12px;
  clear:both;
}

.foto515 .image-with-title,
.foto515 .caption {
  margin: 0 auto;
}
.foto515 img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.content-banner img:not(.lazyload)  {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }


.fotosmall {
  text-align: center;
  border:1px solid #999999;
  margin-bottom:15px;
  padding-top:30px;
  margin-left:50px;
  margin-right:50px;
}

.fotosmall img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

.foto-th-hotel {
  float: left;
  padding: 0 10px 10px 2px;
  vertical-align: text-top;
}

.map-box img,                 /* page front */
.foto-fullframe-table img,
.foto-fullframe-image {
      padding: 0 0 2px 0;
      display: block;      /* added for BST   */
      margin: auto;
      max-width: 100%;   /* added for BST   */
      height: auto;      /* added for BST   */
}
.path-frontpage h1.title {
  display: none;
}

.foto-fullframe-table {
  border: 2px solid #016701;
  border-radius: 5px;
  margin: 0px auto 10px auto;
}
.fotonew .image-with-title,
.foto-fullframe-table .image-with-title {
  width: 100% !important;
}
.foto-fullframe-table img {          /* added for BST img-responsive */
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .fotonew .image-with-title,
  .foto-fullframe-table .image-with-title {
    width: auto;
  }
  .foto-fullframe-table img {          /* added for BST img-responsive */
    width: auto;
    height: auto;
  }
}

.foto-fullframe-table tr {          /* added Nov 2019   */
 background-color: #FFFFFF;
  }

.foto-fullframe-caption {
font-size:13px;
text-align:center;
color:#000000;
padding:4px 25px 8px 25px;
}

.foto-fullframe-caption img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }


.field--type-image {
    margin: 0 0 0 0 !important;
  }

.latest-pages .field--type-image, .latest-pages .field__item {
    margin: 0 1em 0 0 ;
  }


.center img:not(.lazyload) {          /* added for BST img-responsive for destination maps page*/
  max-width: 100%;
  height: auto;
  }

#centerx  {          /* added for BST img-responsive for destination maps page*/
 overflow-x: auto
  }


.caption {
  font-size:11px;
  text-align:center;
  /*background-color: #E2E2C5;*/
  color:#000000;
  margin-left: auto;
  margin-right: auto;
  padding:6px 25px 8px 25px;
  /*margin-top:-15px;*/
   /* display: inline;    added by CC 07-02-2021 to center captions : removed 15-02-2021 */
}
td.caption {
  padding:0;
}
.photoright td.caption {
  text-align:right;
}
.photoleft td.caption {
  text-align:left;
}



/* buy table */

.buytable {
  font: 12px Arial, Helvetica, sans-serif;
  color: #6B442A;
  background: #E0E0C2;
  border-top: none;
  border-right: none;
  border-bottom: 1px dotted #FFFFFF;
  border-left: none;
}
.buytable td {
  padding:5px 10px;
}

/* facebook */
#block-block-2 .box-content{
 border:2px solid #006600;
 width:196px;
 z-index:10;
 /*height: 320px;*/
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
}
#block-block-2 .box-content iframe {
  left:-1px;
  overflow:hidden;
  position:relative;
  top:-1px;
  background-color:#FFFFFF;
}

#block-block-2 .box-content iframe .fsl {
  font-size:8px !important;
}

/*
 * Webform blocks
 */

#sidebar-b .block-webform { width: 200px }

.block-webform { background-color: #FFF; width: 96%;
  margin: 5px auto }
.block-webform .field-node-body { width: 94%; margin: 0 auto;
  padding: 8px 0 0 }
.block-webform .field-node-body strong { font-weight: bold; color: #006600;
  text-align: center }
.block-webform .field-node-body hr { margin: 3% 0 }
.block-webform .webform-client-form { width: 94%;
  margin: 0 auto; padding: 0 0 8px }
.block-webform .form-item { margin: 4px 0 8px }
.block-webform .form-item label { font-weight: normal;
  color: #006600; margin: 0; padding: 0 0 4px }
.block-webform .form-item .form-text { width: 96%;
  border: 1px solid #000; padding: 3px }
.block-webform .form-item .form-textarea { width: 96%;
  min-height: 180px; border: 1px solid #000; padding: 3px }
.block-webform .form-item .toggletinymce { display: none }
.block-webform .form-actions { text-align: center;
  margin: 0 0 8px }
.block-webform .form-submit { width: 90%;
  margin: 0 auto; padding: 3px; background-color: #1A761A;
  border: 1px solid #469046; color: #FFFFFF }

/* Old Jacinto COOKIES BLOCK

.accept-cookies { display: block; width: 100%; margin: 0; padding: 20px 0;
  position: fixed; bottom: 0; left: 0; right: 0; background-color: #047018;
  overflow: hidden; z-index: 9999; border-top: 1px solid #FFF }
.accept-cookies .inner { display: block; width: 960px;
  margin: 0 auto; padding: 0; overflow: hidden }
.accept-cookies p { font-size: 12px; font-weight: normal; color: #FFF;
  float: left; }
.accept-cookies strong { font-size: 18px; font-weight: bold; color: #FFF }
.accept-cookies .close { display: block; float: right; color: #FFF;
  margin: 0; padding: 0 20px 0 0; font-size: 12px; font-weight: bold;
  background: url(/image/cookies_close.gif) no-repeat scroll right center transparent }

  */

/* Purple Boxes both old and views generated  */

.purple-box {
    float:left;
    min-height:69px;
    margin: 3px;
    border: 1px solid #666699;
    border-top-left-radius: 2%;
    border-top-right-radius: 2%;
}

@media (min-width: 480px) {
  .purple-box {
    width:48%;          /* change from 261px for BST, moved here CC 14-08-2020  */
}
}


.purple-box h3, .purple-box .views-field-title {
  font: 13px Arial, Helvetica, sans-serif;
 /*  font-weight: bold;   remove bold from purple box heading CC 01-06-2020 */
  color: #000000;
  background: #666699;
  padding: 4px 2px 4px 2px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.purple-box h3 a, .purple-box .views-field-title a {
  font-size: 1.1em;
 /*  font-weight: bold;   remove bold from purple box heading CC 01-06-2020 */
  text-decoration:none;
  color: #ffffff;
  padding: 0px 0px 0px 3px;
  margin-bottom: 0px;
}

.purple-box h3 a:hover {
     text-decoration: underline;
}

.purple-box p, .purple-box .field-content  {
  color: #000000;  margin: 5px  0 5px 0;
  padding: 0px 5px 10px 5px;
  vertical-align: top;
}

.purple-box p a:hover  {
 font-weight: bold;
}

.after-box {
    clear: left;
    margin-bottom: 40px;
}

.clearfix::after,  .clear::after {   /* CC16-05-2020 logo link & .clear missing */
  content: "";
  clear: both;
  display: table;
}







/* Social Icons */


.social-ico { display: inline-block; width: 20px; height: 20px; text-indent: -999em;
  margin: 0; padding: 0; }
.fb-ico { background: url(/themes/custom/andalucia_barrio/css/images/facebook.png) no-repeat scroll center center transparent;
  margin-left: 20px; }
.tw-ico { background: url(/themes/custom/andalucia_barrio/css/images/twitter.png) no-repeat scroll center center transparent;
  margin-left: 10px; }

.image-barcley{
    margin-right: 28px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 28px;
}

#google-search-box .search-field {
  /*  float: left;     Moves onto research page CC 18-05-2020
    padding: 5px;       */
    margin: -15px 0 0 0;
    font-size: 13px;
            }

.feature-rhs {
    float: left;
    padding: 5px;
    background: #E3EBDC;
    margin: -15px 0 0 0;
    font-size: 13px;
    width: 300px;
            }


.feature-rhs h5{
	background: rgb(137, 213, 78);
	color: white;
	text-transform: uppercase;
	padding: 5px 0 5px 10px;
	font-weight: bold;
        font-family: 'lato';
	font-size: 15px;
	margin-bottom: 5px;
             }


.feature-rhs h4{
	margin-bottom: 10px;
             }

.feature-rhs img{
	border: 0;
	margin: 0;
	padding: 0;
             }

.book-now-button {
    float: right;
    padding: 10px 0 40px 10px;
    overflow: auto;
               }



.overflow-auto {
    overflow: auto;
}

.video-iframe  {
    text-align: center;
    border: 1px solid #999999;
    padding: 10px 10px 2px 10px;
    margin-bottom:15px;
    clear:both;
}

.thumbnail-left  {
    float: left;
    padding: 0 10px 10px 2px;
    vertical-align: text-top;
    overflow: auto;
    }

.table-one  {
    border: 1px solid #1A761A;
    width: 100%;
    }

.table-one th {
    background-color: #1A761A;
    color: white;
    padding: 5px;
    }

.table-one tr {
    padding: 5px;
    }

.table-one tr:nth-child(even) {
    background-color: #f2f2f2;
     }

.table-one td {
  padding: 5px;
        }


/**
 * Disabled AC blocks.
 */
.disabled-pictures #text-content > #block-ac_links-2,
.disabled-links #text-content > #block-ac_links-1,
.disabled-ads #text-content > #block-ac_links-0 { display: none; }

/* picture link image margin and padding   */
.linkinstance img    {
    padding: 0 10px 10px 20px;
        }

/* fix for picture link using .row conflict with bootstrap.  */

.linkinstance .row {
  margin-right: 0;
  display: block;    /* added 19-04 to apply to piclinks */
}


/* ezine css brought over from secondary.css   */


.ezine {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 17px;
}

.ezine p{
padding-bottom: 10px;
}

#google_ads_div_BannerFooter-70_ad_wrapper{
	margin-top: -23px;
}

/* Hide AC links pending removal

#block-ac_links-0{
	display: none;
	visibility: hidden;
	opacity: 0;
}    */

.ezine h2{
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 15px;
	font-weight: bold;
	color: #006600;
	margin: 0 0 10px 0;

}

.ezine h2 a,
.ezine h2 a:visited{
	color: #006600;
}

.ezine .feature a,
.ezine h4 a,
.ezine h4 a:visited{
    color: #006600;
}


.ezine .feature h2{
    padding-top:0;
    display: inline;
}


.feature{
	  float:left;
	  width:216px;
	  min-height:316px;
	  margin: 9px;
	  background:#E3EBDC;
	  }

/* hightlight css brought over from rhs of secondary.css   */

.highlight-container {
        margin: auto;
}


.highlight-box {
    padding: 15px 40px 15px 40px;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.highlight-box .highlight {
	float: left;
        width: 241px;
        min-height: 330px;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
        border: 1px solid #016701;
}

.highlight {
	float: left;
        width: 241px;
        min-height: 330px;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
        border: 1px solid #016701;
}


.highlight img {
	margin: 0 0 5px 0;
}

.highlight .title {
	font-size: 12px;
	color: #016701;
	font-weight: bold;
	margin-bottom: 5px;
        font-size: 1.1em;
}
.highlight p {
	font-size: 13px;
	margin-top: 5px;
}

.highlight a, .highlight a:visited {
	color: #016701;
}



/* from /sites/themes/default/andalucia/desktop.css   */
/*   several .section removed */


/* __________   discover   __________*/
/* from /css/desktop.css   */

#discover{
	width: 465px;
	height: 300px;
	background: white;
	float: left;
	padding-left: 15px;
	/*box-shadow: 0 1px 10px #222;*/
}




 /*   Carousels     */

#AndaluciaComHotelCarousel  {
	max-width: 480px;
	margin: auto;
        height: 310px;
}


#AndaluciaComDestinationCarousel {
	max-width: 480px;
	margin: auto;
        height: 310px;
}


#client-banner, #block-headergoogleadsensebanner {
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
}
#block-header {
  width: 100%;
}


/* style for the general table */

.table-general {
    border-collapse: collapse;
    width: 100%;
}

.table-general th {
    text-align: left;
    padding: 8px;
    background-color: #4CAF50;
    color: white;
}

.table-general td {
    text-align: left;
    padding: 8px;
}

.table-general tr:nth-child(even){background-color: #f2f2f2}


/* added to recreate footer for andalucia-barrio  Nov 19   */

    .footerbar, .site-footer {
    color: #FFFFFF;
    background: #FFFFFF;
    padding: 0;
    /* border-bottom: 10px solid #7daf2d; */
    border-top: 10px solid #7daf2d;
}


/* added to staging   */

.footerbar p {
    font-size: 1em;
    color: #016701;
    text-align: center;
    padding: 0 0 0 0;
}

/* added to staging for display of page quality */

.field-field-page-quality   {
    font-size: 1em;
    color: #2EC72E;
    text-align: center;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
}




/* style for the latest pages views */

.new-pages .attachment .view-header {
  visibility: hidden
}

.new-pages .date-nav {
  padding-bottom: 50px;
}

.new-pages .views-field-title {
  /*font-weight: bold;*/
  font-size: 1.3em;
  color: #000000;
}

.new-pages .views-field-body {
  font-size: 13px;
  color: #000000;
}

.new-pages .views-field-view-node {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-align: right;
  position: relative;
  top: -17px;
  right: 10px;
  padding-bottom: 30px;

}


/* style for the Thumbnail Highlight page views */

.highlight-box {
    padding: 15px 40px 15px 40px;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.highlight-box .views-row {
	float: left;
        width: 241px;
        min-height: 330px;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
        border: 1px solid #016701;
}

.views-row img {
	margin: 0 0 5px 0;
}

.views-row .title {
	color: #016701;
	font-weight: bold;
	margin-bottom: 5px;
        font-size: 1.1em;
}
.views-row .views-field-body .field-content{
	font-size: 0.8em;
	margin-top: 5px;
}

.views-row a, .highlight a:visited {
	color: #016701;

}

.discoverButtonLinks-box a {
        color: #ffffff;
}


/* style added for the new ESP August 2018 */



.field--name-field-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border:1px solid #999999;
  margin-bottom:15px;
  padding:30px 35px 35px 35px;
    }

.field--name-field-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
   }

.field--name-field-byline {
  font-style: italic;
    margin-bottom:20px;
    }



  #sidebar-a  .dropdown-menu{
    background: transparent;
    border: none;
    box-shadow: none;
    position: relative;
  }

  #sidebar-a  .dropdown-menu a{
        white-space: pre-wrap;
       color: white !important;
  }

  #sidebar-a .active > a {
    background: transparent;
    text-decoration: underline !important;
}

#sidebar-a .active > .dropdown-menu {
    display: block;
}

/* fix white background - removed from rhm */
.region-sidebar-second {
    background-color: transparent;
	border: 0;
}

.eng-page-button {
    margin: 20px 0 0 0;
}

/* esp booking-form bottom of content  */
.esp-booking-form {
    margin: 10px 0 20px 0;
}


/* esp adsence block matched content  */
#block-simpleadsenseblock-4 {
    margin: -30px 0 20px 0;
	width: 100%;
	min-height: 400px;
}

/* esp adsence block standard adsense responsive  */
#block-simpleadsenseblock-3 {
    margin: 10px 0 20px 0;
	width: 100%;
	min-height: 400px;
}


/* esp contact form styles  */
#contact-message-feedback-form  {
    color: #CCCC99;
}


/* home page container  */
.max-home-container  {
   	margin: -5px;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}



/* home page images  */
.max-home-image  {
   /* float: left; */
	margin: 5px;
}



.linkheaderpublicidad {
	font-size: medium;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/image/icons/publicidad-buttons-56x9-white.png);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #006600;
	text-indent: 5pt;
	height: 29px;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-right: 15px;
}

/* discover text button links on Hotels Home page
*/

.discoverButtonLinks-box {
    padding: 15px 0 15px 0;
    margin: 0;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.discoverButtonLinks-box ul {
    padding: 0;
    justify-content: center;
}

/*  purple destination links */

.discoverButtonLinks-box .discoverButtonLinks {
    background-color: #666699; /* was Green #7daf2d; */
    border: none;
    padding: 0.2rem 0.6rem;
    text-align: center;
    text-decoration: none;
    color: white;
    display: inline-block;
    font-size: 1.0rem;
    cursor: pointer;
    margin: 10px;
    min-width: 200px;
    /*height: 90px;*/
    border-radius: 8px;
}

.discoverButtonLinks a, .discoverButtonLinks a:visited {
	color: #FFFFFF;
}

.discoverButtonLinks:hover {
    background-color: #016701;
}

/* repeat for beige subject links */

.discoverButtonLinks-box .discoverButtonLinksSubject,
.discoverButtonLinks-box .field-content    {
    background-color: #7daf2d; /* was Green #7daf2d; */
    border: none;
    padding: 0.2rem 0.6rem;
    text-align: center;
    text-decoration: none;
    color: white;
    display: inline-block;
    font-size: 1.0rem;
    cursor: pointer;
    margin: 10px;
    min-width: 200px;
    /*height: 90px;*/
    border-radius: 8px;
}

.discoverButtonLinksSubject a, .discoverButtonLinksSubject a:visited {
	color: #FFFFFF;
}

.discoverButtonLinksSubject:hover {
    background-color: #016701;
}

.flag-box {
    padding: 15px 40px 15px 40px;
    margin: 0;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.flag-box .flag {
    background-color: #FFFFFF;
    border: none;
    padding: 15px 27px;
    text-align: center;
    text-decoration: none;
    color: black;
    display: inline-block;
    font-size: 1.3em;
    cursor: pointer;
    margin: 10px;
    width: 50px;
    border-radius: 8px;
}

/* added in order to centre headings above buttons etc */
.h2-centre {
  margin-bottom:10px;
  text-transform: uppercase;
  font-size:14px;
  padding-top:15px;
  font-weight: bold;
  color: #006600;
  text-align: center;
}

/* Hotel teaser styles - Max - 16/04/2019 */
article .embedded-entity h2 {
  display: none;
}
#text-content {
  margin-top: 10px;
}
.embedded-entity .field--name-field-hotel-name {
  text-decoration: underline;
  text-align: center;
  font-weight: bold;
  margin-right: 52px;
}
.embedded-entity .field--name-field-hotel-main-photo  {
  width: 216px;
  height: 144px;
  float: left;
  padding-right: 10px;
  margin-top: -20px;
}
.field--name-field-esp-version.field--type-link {
  text-align: center;
}
.field--name-field-esp-version.field--type-link a {
  background-image: url(/themes/custom/andalucia_barrio/css/../images/pagina-espanol302.png);
  text-indent: -9999px;
  display: inline-block;
  width: 300px;
  height: 100px;
}
.gsc-search-box table {
  margin: 0;
}
.gsc-search-box tr {
  border: none;
  background-color: transparent
}


#google-search-box {
        border: 1px solid #006600;
        /* padding: 0 8px 0 8px;   updated padding and margin to suite top of page CC 20-05-2020*/
        min-height: 130px;   /* updated from 122 to 130 to suit CLS in RHM */
        margin: 0 0 20px 0;
        /* display: none; */
}

/* Main menu in highlighted region  */

.highlighted {
        background-color: white;
	border-bottom: 10px solid #7daf2d;
}

/* Main menu if in rhm or secondary region  abandoned in favour of bottom of content

.menu--primary-links h2  {
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/related-pages.png) left top no-repeat;
  color:#FFFFFF;
  font-weight:bold;
  padding: 4px 0 5px 30px;
  margin:0;
  max-width: 300px;
  text-shadow: none;
  margin: 0 auto;
  width: 300px;
  }

nav.menu--primary-links ul.nav  {
  background-color:#EBEBD6;
  padding:10px 0 0 0;
  max-width: 300px;
  margin: 0 auto;
  width: 300px;
}

   end */

/* for the main menu */
.nav-link {
    display: block;
    padding: .1rem .5rem;
    font-size: .8rem;
}

.menu--primary-links .nav-link {
    display: block;
    padding: .1rem .5rem;
    font-size: .8rem;
    min-width: 210px;
}


.views-field-field-photos {
    max-width: 250px;
}

.views-field-field-photos .foto-fullframe-caption td {
    text-decoration: none;
}

.latest-pages td.foto-fullframe-caption {
    max-width: 200px;
}

@media all and (min-width: 560px) {
  .node .field--type-image {
    float: none; /* LTR */
    margin: 0; /* LTR */
  }
  [dir="rtl"] .node .field--type-image {
    float: none;
    margin: 0;
  }
}

.hide-image-caption .image-caption {
  display: none;
}
.float-image-field .field--type-image {
  float: left;
}


/* align view purple boxes  */

.view .row {
    margin-left: 0;
}


/* added to give some space under Ezine photos in their hioghlights. CC30-01-2020   */
.ezine img {
    margin-bottom: 10px;
}

/* added to arrange thumbnail images on destinations, not sure why missing  CC31-01-20202   */
.discoverThumnail-box {
    padding: 15px 50px 15px 40px;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.discoverThumnail-box .discoverThumnail {
    background-color: #FFFFFF;
    border: none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: white;
    display: inline-block;
    font-size: 1em;
    cursor: pointer;
    margin: 10px;
    width: 120px;
    border-radius: 8px;
}

/* to drop the taxonomy away form the body on booking feed import hotels  CC31-01-2020 */
.field--name-field-city {
  margin-top: 200px;
}

/* to position 'advertisement' gif above banner in rhm  CC15-02-2020 */
.advert-right {
margin-left: 220px;
}

/* to restrict width of GA and other containers in body  CC04-04-2020
             increased from 714 to 898   CC 04-06-2020 */
.body-container {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  width: 100%;
  }

  /*    increased from 714 to 898   CC 04-06-2020 */
#block-adsensefootofpage, #block-googlematchedcontent   {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
  }



  /* temporary lhm at bottom of content    */

  .menu-block-7 .menu, .menu-block-8 .menu, .menu-block-9 .menu, .menu-block-10 .menu  {
    padding: 15px 0 15px 0!important;
    margin: 0!important;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.menu-block-7 li, .menu-block-8 li, .menu-block-9 li , .menu-block-10 li {
    background-color: #666699; /* was Green #7daf2d; */
    border: none;
    padding: 15px 27px;
    text-align: center;
    text-decoration: none;
    color: white;
    display: inline-block;
    font-size: 1.0em;
    cursor: pointer;
    margin: 4px 8px 4px 8px !important;
    width: 190px;
    border-radius: 8px;
}

.menu-block-7 li a, .menu-block-7 li a:visited, .menu-block-8 li a, .menu-block-8 li a:visited, .menu-block-9 li a, .menu-block-9 li a:visited, .menu-block-10 li a, .menu-block-10 li a:visited {
	color: #FFFFFF;
}

.menu-block-7 .leaf:hover {
    background-color: #016701;
}

/*  temporary (until taxonomy) purple menu links */

ul.nav  {
    padding: 15px 0 15px 0!important;
    margin: 0!important;
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

ul.nav li {
    background-color: #666699; /* was Green #7daf2d; */
    border: none;
    text-align: center;
    text-decoration: none;
    color: white;
    display: inline-block;
    font-size: 0.9em;
    cursor: pointer;
    margin: 4px 8px 4px 8px !important;
    padding: 2px 0 2px 0;
    border-radius: 8px;
}

ul.nav li.menu-item--expanded {
    background-color: #ffffff; /* to remove parent level background */

}

ul.menu  {
    padding-left: 0;
    }

ul.nav a, ul.nav a:visited {
	color: #FFFFFF;
}

ul.nav .leaf:hover {
    background-color: #016701;
}

/*  Taxonomy style tags    CC 05-04-2020*/

h3.field__label,
.field--type-entity-reference h3.field__label,
.field--type-entity-reference div.field__label {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1rem;
  padding-top:10px;
  font-weight: 900;
  color: #006600;
}

.field--type-entity-reference ul.field__items,
.field--type-entity-reference div.field__items,
.field--type-entity-reference div.field__item {
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}


.field--type-entity-reference ul.field__items li,
.field--type-entity-reference div.field__items div,
.field--type-entity-reference div.field__item a {
    background-color: #EBEBD6; /* was Purple #666699 was Green #7daf2d; */
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9em;
    cursor: pointer;
    margin: 4px 8px 4px 8px;
    padding: 0 1em 0 1em;
    border-radius: 8px;
}

ul.field__items li a, ul.field__items li a:visited {
	/*color: #FFFFFF;*/
        display: block;
        padding: .5rem .5rem;
        font-size: .9rem;
}

ul.field__items li .leaf:hover {
    background-color: #016701;
}


.block .box-header {
  /* padding-top: 16px; */
  /* margin-top: -20px; */      /*  adjust vertical pos of left hand menu BSP  */
}


li.list-group-item   {
  background-color:#EBEBD6;
  margin: 0 auto;
  padding: 5px 0 5px 5px !important;
  border: 0;
  font-size: small;
  width: 100%;
}
@media (min-width: 380px) {
  li.list-group-item   {
/*     width: 300px; */
  }
}


/* blog styling CC 09-04-2020 */

.blog-teaser .view-header {
    margin-top:20px;
    margin-bottom:20px;
}
.blog-teaser .views-row {
  margin-bottom:10px;
  margin-top:10px;
}

.blog-teaser .views-row .views-field-body .field-content {
  font-size: 1.0em;
}


.blog-teaser .views-row .views-field-body {
  display: inline;
}

.blog-teaser .views-row .views-field-view-node {
  display: inline;
}


/* blog archive styled on related pages style   CC 09-04-2020    */

.block-views-blockarchive-block-1   h2 {
  color:#FFFFFF;
  font-weight:bold;
  padding: 4px 0 5px 30px;
  margin:0;
  max-width: 300px;
  text-shadow: none;
  margin: 0 auto;
  width: 300px;
  background:url(/themes/custom/andalucia_barrio/css/tmp-img/related-pages.png) left top no-repeat;

}


/* corona virus block  styled on related pages style   CC 15-04-2020    */
/* forum threads styled on related pages style   CC 05-04-2020    */
#block-latestthreads h2,
#block-coronavirus h2 {
  color:#FFFFFF;
  font-weight:bold;
  padding: 5px 5px 5px 5px;
/*   max-width: 300px; */
  text-shadow: none;
  margin: 0 auto;
/*   width: 300px; */
  background-color: #666699;
  display: flex;
  align-items: center;
  font-size: 19px;
  border-radius: 5px 5px 0 0;
}
#block-latestthreads h2:before,
#block-coronavirus h2:before {
  background:url(/themes/custom/andalucia_barrio/css/../images/arrow_right_white.png);
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
#block-latestthreads .content,
#block-coronavirus  .content  {
  background-color:#EBEBD6;
  margin: 0 auto;
  width: 100%;
  padding: 0;
  border: 0;
  font-size: small;
  /*   max-width: 300px; */
  /* border-radius: 5px; */
}
#block-latestthreads .content p,
#block-coronavirus  .content p {
  padding: 5px;
  border: 0;
  font-size: small;
}


.block-views-blockarchive-block-1 .box-header {
  padding-top: 6px;
  margin-top: -20px;      /*  adjust vertical pos of left hand menu BSP  */
}

.block-views-blockarchive-block-1 .content  {
  background-color:#EBEBD6;
  margin: 0 auto;
  width: 300px;
  padding: 5px 0 5px 0 !important;
  border: 0;
  font-size: small;
}

/* slideshow center CC 15-04-2020  */

.destination-slider  {
  width: 480px;
  margin: auto;
  }

  /* property page NC  21-04-2020  */
.field--name-field-real-estate-agent .field__label,
.field--name-field-real-estate-agent.field--type-entity-reference div.field__item {
  display: inline-block;
}

.field--name-field-price, .field--name-field-currency, .field--name-field-property-url {
  display: inline;
  }

  .field--name-field-location-detail   {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1rem;
  padding-top:10px;
  font-weight: 900;
  color: #006600;
}

.field--name-field-beds    {
  margin-top: 20px;
}

 .field--name-field-pool   {
  margin-bottom: 30px;
}

.field--name-field-real-estate-agent, .field--name-field-property-url {
  display: inline;
  }

  .field--name-field-property-type-vocabulary   {
  margin-top: 50px;
}

  /* new additions on the live site after 16-05-2020 below here

  .section {
    max-width: 730px;
  }
    removed due to effect on home page  */

#main > .row {
  margin: 0;
  width: 100%;
}

/* Front page Map with Slider*/
.map-search-bar {
  display: flex;
  margin:  0;
  flex-direction: column;
}
@media (min-width: 768px) {
  .map-search-bar {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.map-search-bar > div {
  flex-basis: 100%;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .map-search-bar > div {
    flex-basis: 50%;
    width: 50%;
  }
}
.map-search-bar .col--map {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.map-search-bar .carousel {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .map-search-bar .carousel {
    margin: 0;
  }
}
.map-search-bar .carousel-item img {
  height: auto;
  width: 100%;
}
@media (min-width: 1200px) {
  .map-search-bar .carousel-item img {
    height: auto;
    width: auto;
  }
}
/*  hotel block styles CC 03-06-2020    */

.hotel-block {
    padding-left: 4px;
    padding-right: 4px;
    clear: both;
    padding-bottom: 10px;
    border: #016701 solid 2px;
}


.hotel-block-unit {
    clear: both;
    margin-bottom: 10px;
    border: #FF9900 solid 6px;
    padding-right: 10px;
}

.hotel-block-unit h4 {
    margin-right: -11px;
}


.rental-block-unit {
    clear: both;
    margin-bottom: 10px;
    border: #003580 solid 6px;
}

.tour-block-unit {
    clear: both;
    margin-bottom: 10px;
    border: #ab925a solid 6px;
}

.book-block-unit {
    clear: both;
    margin-bottom: 10px;
    border: #ab925a solid 6px;
}

.hotel-block-unit .view-content,
.rental-block-unit .view-content,
.tour-block-unit .view-content, 
.book-block-unit .view-content    {
       padding-left: 5px;
       padding-right: 5px;
  width: 100%;
}

h4 {
    color: #FFFFFF;
    padding: 10px 4px;
    background: #1A761A url(/themes/custom/andalucia_barrio/css/tmp-img/ad-text-hor-short.gif) 99% 4px no-repeat;
    text-transform: none;
    font-size: 1.0rem;
    font-family: 'Roboto'!important;
}

/*  after removing google add create a space above breadcrumb   CC 04-06-2020    */
#block-andalucia-barrio-breadcrumbs {
    margin-top: 10px;
}

/* to keep the advertisement to the right above booking box */
.float-right {
    float: right;
}


/*  missing class based on .foto515   CC 17-06-2020    */
.foto627 {
  text-align: center;
  border:1px solid #999999;
  margin-bottom:15px;
  padding:12px 11px 0 12px;
  clear:both;
}

.foto627 img:not(.lazyload) {          /* added for BST img-responsive */
  max-width: 100%;
  height: auto;
  }

/*    CC 28-06-2020 Banners above Breadcrumb 729*90   */
@media only screen and (max-width: 758px) {
     #block-headerbanneradmanagerxxlxllg {
        display: none;     } }

@media only screen and (min-width: 518px) and (max-width: 758px ) {
     #block-headerbanneradmanagerxxlxllg  {
        display: none;     } }

@media only screen and (min-width: 759px) {
     #block-headerbanneradmanagerxxlxllg  {
        text-align: center;
	margin-bottom: 0;
	margin-top: 5px;
        height: 90px;
        background-color: #016701;   }  }

/*    CC 28-06-2020 Banners above Breadcrumb 468*60   */

@media only screen and (max-width: 517px) {
    #block-headerbanneradmanagermdsm {
        display: none;    } }

@media only screen and (min-width: 518px) {
    #block-headerbanneradmanagermdsm  {
        text-align: center;
        margin-bottom: 0;
        margin-top: 5px;
        height: 60px;
        background-color: #016701;   }  }

@media only screen and (min-width: 759px) {
    #block-headerbanneradmanagermdsm  {
        display: none;    }  }


/*    CC 28-06-2020 Banners above Breadcrumb 350*50   */

    #block-headerbanneradmanagerxs {
        text-align: center;
	margin-bottom: 0;
	margin-top: 5px;
        height: 50px;
        background-color: #016701;   }


@media only screen and (min-width: 518px) {
    #block-headerbanneradmanagerxs  {
        display: none;   }  }

@media only screen and (min-width: 759px) {
    #block-headerbanneradmanagerxs  {
        display: none;  }  }

/*    CC 03-07-2020 21-07-2020 26-07-2020 Search above Breadcrumb   */
@media screen and (min-width: 992px) {
    #google-search-box-breadcrumb {
        /* min-width: 530px; */
        margin-left: 0;
}}

/* CC 19-07-2020 to make height equal advert box */
.gsc-control-cse {
        min-height:90px;
}

#socialLinks {
  align-items: center;
  display: flex;
}
#socialLinks > a {
  margin-right: 5px;
}

.block-andalucia-custom-property-filter .content form {
  display: flex;
  flex-wrap: wrap;
}
.block-andalucia-custom-property-filter fieldset,
.block-andalucia-custom-property-filter .js-form-type-checkbox,
.block-andalucia-custom-property-filter .form-actions {
  margin: 10px;
}
.block-andalucia-custom-property-filter .form-item-pool {
  width: 100%;
}
.block-andalucia-custom-property-filter [name="baths"] {
  width: 100px;
}
.block-andalucia-custom-property-filter [name="price"] {
  margin-top: 0;
  width: 150px;
}

/* new picture link added via block and token 12-07-2020 CC  */

.linkssection2 {
  clear:both;
  margin-bottom:10px;
  border-style: solid;
  border-width: thin;
  border-color: #016701;
}
 .linkssection2 h2 {
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  padding:5px 4px;
  background:#1A761A url(/themes/custom/andalucia_barrio/css/tmp-img/ad-text-hor-short.gif) 99% 4px no-repeat;
  text-transform:none;
    margin-top: 0px;   /* to overwrite general h2 in BSP   */
 }

.linkinstance2 {
  padding-left:4px;
  padding-right:4px;
  clear:both;
  padding-bottom:10px;
}
.linkinstance2 p {
  font-size: 1.0em;
  padding-bottom:0;
  margin-bottom: 0.3em; /* added 19-04 to apply to piclinks */
}
.linkinstance2 a {
  font-weight:bold;
  text-decoration: none;
}

.linkinstance2 img {
    float:left;
    padding:0 10px 10px 10px;
}

/* aditions by Nick for the links system  */

.node--type-property.node--view-mode-teaser .field--name-body,
.node--type-property.node--view-mode-teaser .field--name-body p,
.node--type-property.node--view-mode-teaser .field--name-field-property-url,
.node--type-tour.node--view-mode-teaser .field--name-body,
.node--type-tour.node--view-mode-teaser .field--name-body p,
.node--type-tour.node--view-mode-teaser .field--name-field-booking-url {
  display: inline;
}
.node--type-property.node--view-mode-teaser .field--name-body::after,
.node--type-tour.node--view-mode-teaser .field--name-body::after {
  display: none;
}
.node--type-property.node--view-mode-teaser .field--name-field-property-url {
  white-space: nowrap;
}

.links-block-unit {
  border: 1px solid #016701;
  margin-bottom: 30px;
}
.links-block-unit article {
  padding: 0 10px 10px 10px;
}
.links-block-unit h4 {
  font-size: 13px;
  padding: 5px 10px;
}

.node--type-link.node--view-mode-teaser .field--type-image img {
  float: left;
  margin: 0 10px 5px 0;
  padding: 0;
}
.node--type-link.node--view-mode-teaser p {
  margin-bottom: 4px;
  padding-bottom: 0;
}

/* CLS on shareaholic  05-08-2020 CC  */

#block-sharaholic  {
  height: 110px;
}
  /* Nick addded property search box 07-08-2020 CC  */

#views-exposed-form-property-page-1 .form-item-destination-tid  {
  display: none;
}
.view-id-property.view-display-id-page_1 {
  display: flex;
  flex-direction: column;
}
.view-id-property.view-display-id-page_1 .view-filters {
  order: 1;
}

/* style prop search  box   CC 06-08-202   */
form#andalucia-custom-property-filter, form#views-exposed-form-property-page-1 {
    padding: 10px;
    background-color: beige;
}

.js-form-item.js-form-type-checkbox.checkbox.form-check.js-form-item-pool.form-item-pool {
    margin: 30px;
    }

/* Oscilations on RHM caused byu GA   05-08-2020 CC  */

div#block-acd8skyscraper300x600upper {
       height: 600px;
}

/* remove ugly grey background on tables   24-08-2020 CC  */

.bg-white tr {
       background: white;
}

/* weather block RHM    29-04-2021 NC  */
span.weather-block-sky {
  width: auto;
}
#block-aemetweather .weather-block-container > div {
  align-items: center;
  display: flex;
  /*justify-content: center;*/
}
#block-aemetweather .content {
  position: relative;
}
#block-aemetweather {
  overflow: hidden;
}
.weather-block-aemet-copy {
  position: absolute;
  left: 53px;
  bottom: 5px;
}

     /* end of file   09-05-2021 CC  */