/* ******************************************************* */
/* KUH CCU /cmsmedia/customcss/custom.css for camping.hr   */
/*                                                         */
/* Version 03-07-2020                                      */
/* Maintained by ConSoft Ltd  info@consoft.co.uk           */
/* ******************************************************* */


/* ------------------------------------------------------ */
/* Quick Camps List in the right sidebar */

#quickcamplist li {
    font-weight: bold;
}

/* ------------------------------------------------------ */
/* 2020-07-03  Route planner widget adjustments, but only when in right col, and not on camp details page */
.right-col .route-planer-widget img {
    width: 100%;
    height: auto;
}
.right-col .route-planer-widget__inner {
    padding: 0;
}

.right-col .route-planer-widget .btn-camp-2 {
    padding: 1rem 1.8rem;
}

.right-col .route-planer-widget  h4.route-planer-widget__heading {
	border-bottom: none;
	padding: 0;
	font-family: "Noto Serif", serif;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	color: #333;
	margin-top: 8px;
}

.right-col .route-planer-widget {
    background: #fff;
}

.right-col .route-planer-widget  h4.route-planer-widget__heading {
	margin-top: 40px;  
}


/* -------------------------------------------------------------- */
/* List of tours from 'With Camper through Croatia' page (bottom) */


#tourlist h4 {
    background: url("images/car-camper-icon.jpg") no-repeat scroll 0% 23% transparent;
    color: #666666;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
	max-width: 640px;
	padding-bottom: 4px;
	padding-left: 80px;
}

#tourlist ul { list-style-type: none; margin-left: -40px; }

#tourlist .inner {
    padding-top: 0;
}
#tourlist li {
    list-style-image: none; 
	background-image: url("images/green-bullet-large.png");  
	background-position: 2px 7px; 
	background-repeat: no-repeat; 
    border-bottom: 1px solid #E3E3E3;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 6px 0 6px 25px;
	margin-left: 0;
	margin-bottom: 0;
	max-width:640px;
}

#tourlist li a {
	text-decoration: none;
}

#tourlist li a:visited {
    color: #78922D;
} 

#tourlist li a:hover {
    color: #D1A130;
} 

/* ------------------------------------------------------------------- */
/* Home page, up to 767px, show the 7 routes banner in middle content */
#by-camper-xs a, #by-camper-xs a:link { text-decoration: none; }
#by-camper-xs h3 {font-size: 1.8rem;}
#by-camper-xs p {font-size: 1.3rem;}
.by-camper-banner-middle:before { margin-top: 1.2rem; }
.by-camper-banner-middle { height: 8rem; }

/* -------------------------------------------- */
/* Destination listing pages, intro part        */

p.cs-region-strapline  {
    text-align: center;
    font-family: georgia, times, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2rem!important;
    color: #666666;
}

div.cs-region-more {
    margin-bottom: 10px;
} 
	
div.cs-region-more a, div.cs-region-more-xs a {
    border-radius: 3px;
    background-color: #868A82;
    font-size: 1.6rem;
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none!important;
	line-height: 1;
	padding: .7rem 1.2rem;
	display: inline-block;
} 

div.cs-region-more-xs a {
    width: 100%;
    text-align: center;	
	margin: 0 0 12px 0;
}

div.cs-region-more a:nth-child(2n)  {
  float: right!important;
}
	
div.cs-region-more-xs {
    margin-bottom: 10px;
}
	
div.cs-region-others { 
    border: 1px solid #c0c0c0; 
	padding: 5px 10px; 
	margin-bottom: 22px; 
	background-color: #e1e1e1;
}

div.cs-region-others p, div.cs-region-others p strong {
    margin-bottom: 0;
	font-size: 1.4rem;
}

/* ------------------------------------------------------ */
/* Best Camps page - grades                               */

ul.best-camps-grades {
    list-style-type: none;
    margin-left: -40px;
}

ul.best-camps-grades li {
    list-style-image: none;
    background-position: 7px 9px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #E3E3E3;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 6px 0 6px 40px;
    margin-left: 0;
    margin-bottom: 0;
    max-width: 400px;
}

ul.best-camps-grades li.cs-grade-wc { background-image: url(images/grade-wc.png); border-top: 1px solid #e3e3e3; }
ul.best-camps-grades li.cs-grade-camp { background-image: url(images/grade-camp.png); }
ul.best-camps-grades li.cs-grade-facilities { background-image: url(images/grade-facilities.png); }
ul.best-camps-grades li.cs-grade-sport { background-image: url(images/grade-sport.png); }
	

/* -------------------------------------------------------------------- */
/* 2017-10-03 Button colours - use with class btn, npr <a class="btn btnGreen"  ... */

.btnBrown { background-color: #671504; }  
.btnBrown:hover { background-color: #4a0f03; }  

.btnGrey { background-color: #767b70; }
.btnGrey:hover { background-color: #999F93; }

.btnOrange { background-color: #e24726; }
.btnOrange:hover { background-color: #bc3619; }

.btnRed { background-color: #d60505; }
.btnRed:hover { background-color: #ad1b1b; }

.btnBlue { background-color: #174580; }
.btnBlue:hover { background-color: #0a4ca0; }

.btnGreen2 { background-color: #319528; }
.btnGreen2:hover { background-color: #2A8123; }

.btnYellow { background-color: #CCB110; }
.btnYellow:hover { background-color: #DFC217; }

.btnGrey2 { background-color: #CBCBCB; color: #605f5f!important; }
.btnGrey2:hover { background-color: #A9A9A9; color: #fff!important;}

.btnGrey3 { background-color: #4a4a4a; }
.btnGrey3:hover { background-color: #8c8c8c; }

.btnBlue2 { background-color: #236C99; }
.btnBlue2:hover { background-color: #2D80AF; }

.btnBrown2 { background-color: #8E5838; }  
.btnBrown2:hover { background-color: #824D30; }  

.btnGreen3 { background-color: #989D3F; }
.btnGreen3:hover { background-color: #A5A75B; }


/* 2020-02-21 Fixed button padding and font when within Camp Details tab */
.camp .tab-content .btn { padding: 0.9rem 1.9rem; font-family: "Open Sans Condensed",sans-serif;}


/* 2020-07-03 Veci sekundarni Book Now button na Camp Details page */
#secondaryBookBtn { width: 210px; margin-bottom: 30px; }


/* 2018-12-05 Added btn-kuh-icon */
.btn-kuh { 
    position: relative; 
	padding-left: 50px; 
	margin-top: 3px;
	margin-bottom: 3px;
}

.btn-kuh::before { 
    content: ""; 
	position: absolute; 
	width: 42px; 
	height: 34px; 
	left: 3px; 
	top: 1px; 
	overflow: hidden; 
	background: url(images/kuh-logo-35x27.png);  
/*	background-size: auto 25px;  */
	background-repeat: no-repeat; 
	background-position: 5px 5px; 
}


/* -------------------------------------------------------------------- */
/* 2017-10-03 Set max readable width for the content on full width page */
.cs-max-readable-width {
    max-width: 960px;
    margin: 0 auto;
}

/* ------------------------------------------------------ */
/* featured campsites visited links - must not change colour */

#featured-campsites a:visited {
    color:  #518B25;
}


/* ------------------------------------------------------ */
/* Camp Page Google Map adjustment - heading text smaller */
.map-container h2, .title-url {
    font-size: 12px;
}
 
/* ------------------------------------------------------ */
/* Buttons adjustment -force no underline */

 button, .button, input.button {
    text-decoration: none !important;
}

/* ------------------------------------------------------------------- */
/* Google mapa za Camp GPS Coordinates and Camp page adjustment
/* jer je inline 500 na obje stranice, a velicina canvasa je razlicita */ 

#coordinates-map-button {
    text-align: center; 
    margin-top: 20px;
}

#coordinates-map #list-google-map {
    width: 100%;
	height: 560px!important;
}	

#camp-google-tab #list-google-map {
    width: 100%;
	height: 404px!important;
}	


/* ---------------------------------------------- */
/* Sitemap page                                   */
.row-sitemap li { display: block; margin-left: -2.4rem; }


/* ------------------------------------------------------------------------- */
/* Adjust the "Find campsite" button in heading to underline on hover and to be grey */
a.head-search-btn, a.head-search-btn:visited {
    color: #666666;
}

a.head-search-btn:hover {
    text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
/* Main nav adjustment - make sure it changes colour on hover  */

nav.main ul li a:hover {
    color: #D1A130;
}

nav.main ul li.current a:hover {
    color: #78543F;
}

/* ------------------------------------------------------------------------- */
/* Search by name input text adjustment because [GO] button falls down on iPad */

#general-search-form .input-text {
    width: 438px;
}

/* ------------------------------------------------------ */
/* multimedia box visited links - must not change colour */

#multimedia a:visited {
    color: #3F501C;
}

/* ------------------------------------------------------------------------- */
/* class adjustment - fix the path to the correct image  */

.line-under { 
	background: url(/cmsassets/cmscss/img/double-underline-page-intro.png) repeat-x scroll 0pt 100% transparent;
}

/* ------------------------------------------------------------------------- */
/* double underline */

.double-underline {
    padding-bottom: 6px;
	border-bottom: 3px double #cccccc; 	
}

div.double-underline {
    padding-bottom: 6px;
	border-bottom: 3px double #cccccc; 	
	height: 3px;
}


/* ---------------------------------------------------------------------------- */
/* Accommodation Rental tab, there is no contentDiv, create image okvir clases  */
 
#site-accomodation-tab  img.img-onleft-okvir {
    border-color: #C0C0C0;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    margin: 0px 15px 5px 0px;
    float: left;
}

#site-accomodation-tab img.img-onright-okvir {
    border-color: #C0C0C0;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 5px 15px;
    float: right;
}

#site-accomodation-tab img.img-okvir {
    border-color: #C0C0C0;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    margin: 0px 15px 5px 15px;
}

table.rental-facilities 
{
    margin-bottom: 20px;
}

.rental-facilities td.tdOnLeft {
    vertical-align: top;
    padding-right: 15px;
}

.rental-facilities td.tdOnRight {
    vertical-align: top;
}


/* ---------------------------------------------------------------------------- */
/* Booking disclaimer iframe - adjust h1 and spacing                            */

.body-popup h1 {
    margin: 0px 0px 0.3em 0px;
    font-size: 1.3em;
    color: #666;
}

/* ---------------------------------------------------------------------------- */
/* Partners and banners at the bottom - margin adjustment                       */

#partners-and-banners {
    margin-bottom: 20px;
}

/* ---------------------------------------------------------------------------- */
/* Rental Tab heading and para adjustment                                       */

#site-accomodation-tab.tab-content ul {
margin-top: 10px;
margin-bottom: 10px;
list-style-type: disc;
padding-left: 15px;
}

#site-accomodation-tab.tab-content p {
margin-top: 10px;
margin-bottom: 10px;
}


h5.rentalTab {
    margin-top: -10px;
	margin-bottom: 4px;
	font-size: 12px;
	color: #454545;
}

hr.rentalTab {
	margin-top: 0.8em;
	margin-bottom: 1.5em;
}

/* ---------------------------------------------------------------------------- */
/* hr for Advanced Search below Best Camps and OK Mini camps                    */

hr.advancedSearch  { 
	margin: 6px 0 4px 0; 
	border: 1px solid #ffdb81;
	border-bottom: none;
}

/* ---------------------------------------------------------------------------- */
/* p for destination list text - needs some margin-bottom                       */

.destination-list .supportive p {
    margin-bottom: 6px;
}

/* ---------------------------------------------------------------------------- */
/* Adjustment for camp details tab content - set width otherwise the heading    */
/* which should be below floats right if snabdjevanje has only 1 icon.          */

ul#snabdijevanje { 
    width: 670px; 
}

/* ---------------------------------------------------------------------------- */
/* Box in the main content                                                      */
.main-content-box {
    border-radius: 3px;
    margin-bottom: 10px;
    border:solid 1px #dddddd;
    background-color: #f9f9f9;
    width: 240px;
    padding: 6px 3px;
    float: left;
    margin-right: 10px;
}

.main-content-box h4 { margin: 4px 0px 6px 10px; }
.main-content-box p { margin-bottom: 6px; margin-top: 6px; font-weight: bold; text-align: center }

/* Change from 9px to 7px, see Adriano's email from 25.1.2016 */
#partners-and-banners ul { padding: 7px; }

/* Gallery widget - override grey background and set it to white */
.content-gallery-footer.kuh-gallery-widget { border: 6px solid #fff; background: #fff; }



/* ============================================================================ */
/* Below - added since move to responsive, to tidy up inline markup             */
/* ============================================================================ */

h2.cs-ok-mini, h3.cs-ok-mini { 
    background-image: url("images/ok-mini-camps-logo.gif");
    background-repeat: no-repeat;
    padding: 20px 0px 4px 64px;
    background-position: 0px 0px; 
}

/* Weather page */
div.gradovi-kolone ul li a { text-decoration: none;}
.weather-hr-dijelovi .gradovi-kolone ul { list-style: none; margin-left: -15px; }
}



/********************************************************************************/
/*                                                                              */
/*  RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE */
/*                                                                              */
/********************************************************************************/

.cs-set-bold {
    font-weight: bold;
}

.img-right {
    float: right;
    margin-left: 12px;
    margin-bottom: 6px;
}

.img-left {
    float: left;
    margin-right: 12px;
	margin-bottom: 6px;
}

.img-border {
    padding: 4px;
    border: 1px solid #c0c0c0;
    background: #fff;
}

.img-centered {
    margin: 0 auto;
}

.cs-margin-top-huge {
    margin-top: 36px;
}

.cs-margin-top-big {
    margin-top: 20px;
}

.cs-margin-top-medium {
    margin-top: 12px;
}

.cs-margin-top-small {
    margin-top: 6px;
}

.cs-no-margin-top {
    margin-top: 0;
}

.cs-margin-bottom-huge {
    margin-bottom: 36px;
}

.cs-margin-bottom-big {
    margin-bottom: 20px;
}

.cs-margin-bottom-medium, .cs-margin-bottom {
    margin-bottom: 12px;
}

.cs-margin-bottom-small {
    margin-bottom: 6px;
}

.cs-no-margin-bottom {
    margin-bottom: 0;
}

.cs-margin-top-xs-only {
    margin-top: 0;
	} 

.table.tbl-centered th, .table.tbl-centered td {
    text-align: center;
}	

.table.tbl-bordered th, .table.tbl-bordered td  {
    border: 1px solid #ccc;
	padding: 8px;
}	
	
.cs-row-vertical-align {
    display: flex;
	align-items: center;
}


/* ----------------------------------- */
/* responsive breadcrumbs on CMS pages */

div.cs-row-bcrumbs { margin-top: -20px; margin-bottom: 20px; }

.cs-row-bcrumbs div, div.cs-row-bcrumbs  a { 
    color: #518B25; 
	font-family: Arial,'MS Sans Serif',Helvetica,sans-serif;
	font-size: 1.3rem;
}

.cs-bcrumbs-left { float: left; }
.cs-bcrumbs-left a { text-decoration: none !important; } 
.cs-bcrumbs-left a img { margin-top: 5px; margin-bottom: 5px; } 
.cs-bcrumbs-right { margin-top: 5px; float: right; text-align: right;}
.cs-bcrumbs-right a { padding-right: 8px; white-space: nowrap; text-decoration: underline; }


/*#######################################################################*/
/*  OVERRIDES  OVERRIDES  OVERRIDES                                      */
/*#######################################################################*/

div.contentDiv h1, div.contentDiv h1 > span { 
    padding-bottom: 8px; margin-top: 0; border-bottom: 1px solid #aaa; 
}

/* 2017-08-21 Adjust heading sizes within page content  */
div.contentDiv h2, div.contentDiv h2 > span { font-size: 2.4rem; line-height: 1.3; }
div.contentDiv h3, div.contentDiv h3 > span { font-size: 2.0rem; line-height: 1.3; }
div.contentDiv h4, div.contentDiv h4 > span { font-size: 1.8rem; line-height: 1.3; }

hr { border-top: 1px solid #d2d2d2; }

.serp__item.depot-item h2, 
.serp__item.destination-item h2, 
.serp__item.news-item h2, 
.serp__item.special-offers-item h2 {
    text-align: initial;
}

div.serp__item__basic-info h2 a { text-decoration: none; }

div.contentDiv p { line-height: 2.3rem; }
div.contentDiv li { line-height: 2.3rem; }
div.contentDiv a { text-decoration: underline; }
div.contentDiv a.btn-search.btn-sb-search { text-decoration: none; }

.campsite-awards div { font-size: 1.3rem; line-height: 1.7rem; }
.campsite-awards a { text-decoration: none; color: #3f501c; font-weight: bold; }

.btn { text-decoration: none!important; } /* remove text decoration underline from buttons */
li.capacity { text-align: center; } /* center text capacity/people on SERP */
.serp .map-button { cursor: unset; }  /* remove cursor hand from SERP map button */

/* Camp detail page, highlight tabs on hover */
.tabs-menu li:hover { background-color: #319528; }
.tabs-menu li:hover a { color: #fff; }

.camp__text-opis a { text-decoration: underline; } /* Underline links within the camp overview */
.camp-down-right { max-width: 320px; } /* set max width otherwise it does not look good when sidebar drops below */

/* 2019-12-17 Camp detail page, hide thumbs if Gallery Widget shown on Accommodation tab  */
.general-page.camp-details  #site-accomodation-tab .gallery-thumbs {display: none;}


/* aligned text next to icon on the site card */
#site-card .season-due { padding: 5px 10px 5px 5px; }
#site-card .from-to { margin-top: -3px; }

/* Remove bold from camp sufix, the camp name gets bold from <strong> markup, so remove bold from h2 wrapper */
.serp__item__basic-info h2 { font-weight: 400; }

/* Just in case the campsite intro is wrapped into <p>, make sure the <p> is of right size */
.serp .excerpt  p { font-size: 1.3rem; }

/* latest news item - do not force height at 150px when larger than 1023px because it cuts thumb image */
.latest-news__item { height: auto!important;}

/* Clear float just above listing on camp search page */
.BoStranicaPretrazivanja ul#the-serp { clear: both; }

/* 2017-06-25 added fe0e to fix problem with colouring checkbox on Safari */
.site-characteristics li:before, .content-site-characteristics:before { content: '\2714 \fe0e'; }

/* 2017-07-14  Depot page, fix that button GO does not fall below */
.right-col .mini-search-wrap .mini-search .mini-search__input { width: 70%; }
.depot-search-list .mini-search--go { margin-left: 0.4rem; padding: .62rem 1.6rem; float: right; }
.right-col .mini-search-wrap .mini-search { padding: 1.2rem 1rem; }

/* 2017-07-15 Make disabled fields have faded font and also add CSS for disabled subregija */
.search-form .datepicker[disabled=disabled] { opacity: .8; color: #b2b2b2; }
.search-form .list-subregija[disabled=disabled] { opacity: .8; color: #b2b2b2; }

/* 2017-07-15 Depot listing page, add spacing to "Search Results" heading below the map */
.bostranicapretrazivanja-5360 .serp-wrap { margin-top: 3rem; }

/* 2017-08-10 View All news and offers - float it right */
span.widgets-helpers__view-all { float: right; }

/* 2017-08-16 Camp page, awards, limit awards logo width otherwise it gets too big on screens 400px - 1022px */
.awards-widget__item img { max-width: 120px; }

/* 2017-11-21 Camp page, adjustment of camp title and sufix as per Oliver's email */
.camp-details h1.camp__main-title { font-weight: bold;}
.camp-details .camp-sufix { font-size: 2.3rem; font-weight: normal; }

/* 2018-03-20 Camp page, adjustment of weather in the right column */
aside.camp-down-right .meteo-detalji ul li { margin: 0 2px !important;}

/* ----------------------------------------- */
/* 2018-07-19 National parks camping banner  */
   .parks-camping-banner { color: #C5E2FF; background: #339933; height: 10rem; margin-bottom: 1rem; -moz-border-radius: .5rem; -webkit-border-radius: .5rem; border-radius: .5rem; font-size: 1.4rem; }
   .parks-camping-banner:before { float: left; margin: 20px 10px 2px 0; width: 8.2rem; height: 6rem; content: ""; background: url(images/parks-icon.png) no-repeat; background-position-x: 0%; background-position-y: 0%; pointer-events: none; }

   .parks-camping-banner a, .parks-camping-banner a:active, .parks-camping-banner a:focus, 
   .parks-camping-banner a:hover, .parks-camping-banner a:link, .parks-camping-banner a:visited, 
   .parks-camping-banner div, .parks-camping-banner h2, .parks-camping-banner h3, .parks-camping-banner h4, 
   .parks-camping-banner p { color: #D6FDD5; }

   .parks-camping-banner a { display: block; padding: 2rem 1rem 1rem 1rem; }
   .parks-camping-banner .side-banner__heading {font-family: "Noto Serif",serif;  font-size: 1.65rem;}
   .parks-camping-banner .side-banner__text { font-size: 1.2rem;  }
/* ----------------------------------------- */


/* ------------- 2017-11-05 Overrides for left side banners on the home page  --------- */
/* best camps banner */
.best-camps-camping-banner a { padding: 2rem 1rem 1rem 1rem; }
.best-camps-camping-banner:before { margin: 2rem 0 0 .5rem;  }	
.best-camps-camping-banner .side-banner__heading { font-size: 1.3rem; font-weight: 400; line-height: 1.7rem; }
.best-camps-camping-banner .side-banner__heading .color-white  { font-weight: 700; font-size: 1.7rem; }
/* ok mini camps banner */		
.mini-camps-camping-banner a { padding: 2rem 1rem 1rem 1rem; }
.mini-camps-camping-banner:before { margin: 2rem 0 0 .5rem; }
.mini-camps-camping-banner .side-banner__heading { font-size: 2.3rem; line-height: 2rem; }
/* islands campsing banner */
.island-camping-banner a { padding: 1.1rem 1rem 1rem 1rem; }
.island-camping-banner:before { margin: 2rem 0 0 .5rem; }
.island-camping-banner .side-banner__heading  { font-size: 1.65rem; color: #deefff; margin-top: 1.8rem; font-weight: 400; }
.island-camping-banner .side-banner__heading .color-white  { font-weight: 700; font-size: 2rem; }
.island-camping-banner .side-banner__text { font-size: 1.65rem;  }
.island-camping-banner h3 { margin-top: 1.4rem; margin-bottom: 0; }
/* parks camping banner */	
/*.parks-camping-banner .side-banner__text { font-size: 1.2rem;  } */
/* winter camping banner */	
.winter-camping-banner a { padding: 2rem 1rem 1rem 1rem; }
.winter-camping-banner:before { margin: 2.4rem 0 0 .5rem; }	
.winter-camping-banner .side-banner__heading { font-size: 1.65rem; }
.winter-camping-banner .side-banner__heading   .color-white { font-weight: 700; font-size: 1.9rem; }
.winter-camping-banner .side-banner__text { font-size: 1.2rem; margin-top: 1rem; }	
/* croatia by camper */
.by-camper-banner a { padding: 2rem 1rem 1rem 1rem; }
.by-camper-banner:before { margin: 2.8rem 0 0 .5rem;}	
.by-camper-banner  .side-banner__heading { font-size: 1.3rem; font-weight: 400; color: #d7f56b; margin-top: 0.6rem; }
.by-camper-banner  .side-banner__heading .color-white { font-size: 1.5rem; font-weight: 700;}
.by-camper-banner .side-banner__text { margin-top: 0.6rem; font-size: 1.3rem; }	

/* ------------- End of home page banner overrides   --------- */

/* ------------- DESTINATION PAGES OVERRIDES ------------------*/
/* add 10px above buttons so that there is spacing when they drop one below the other */
body.BoRegija .search-result a {margin-top: 10px;}
body.BoRegija .more-about a   {margin-top: 10px;}
body.BoRegija .serp .buttons .btn.btn-trans {margin-top: 10px;}

/* 2019-08-13 Adjust font on the Destination pages, it was too small with too big spacing */
.serp__item.destination-item .text p { font-size: 1.3rem; line-height: 1.8rem; }

/* 2019-08-13 Remove <br> between destination text and destination button, leaves too much space */
li.serp__item.destination-item.camp-pro div.serp__item__basic-info div.text br { display: none; }

/* Mini button "GO" on destination pages*/
.BoRegija .mini-search--go { margin-left: 0.4rem; padding: 0.62rem 1.6rem; float: right; }

/* Weather page - center the heading of towns on the weather page */
#gradovi h2 { text-align: center; }

/* 2019-11-20 Search Results page - make Delete filters link to be a button */
#advanced-search-form .advanced-search-filters .search-options--clear-all { 
   border: 1px solid #aaa; 
   padding: 10px; 
   margin-top: 0; 
   border-radius: 3px; 
}

#advanced-search-form .advanced-search-filters .search-options--clear-all:hover  {
   background-color: #eee; 
   color: #000; 
   border-color: #555; 
}

/* 2019-11-22 Camp page, book now button visited colour change */
.book-campsite-btn:visited{color:#fff;}



/**********  END OF INFOSIT OVERRIDES but there can be more within media queries ************/



/* ************************************************************************************************************ */
/*  MEDIA QUERIES                 MEDIA QUERIES                MEDIA QUERIES                 MEDIA QUERIES      */
/* ************************************************************************************************************ */

/* ------------------------ LG ------------------------------ */	
@media (min-width: 1200px) {
/* LG only */	

    p.cs-region-strapline  { margin: 40px 40px 30px 40px; }
	
	/* Override, on camp page, main css was forcing this to be 1315px which on browser 1200 - 1315 created horisontal scroll */
	.camp.container.camp-details, .home-page .camp.camp-details.advanced-search-filters { width: 98%; max-width: 1315px; } 
	
	/* Override on general page with left col, main css was forcing this to be 1230px which on browser 1200 - 1230 created horizontal scroll */
	.container, .home-slider__caption-hold, .home-page .advanced-search-filters { width: 99%; max-width: 1230px; }

    /* Make SERP thumbs bigger */ 
    .BoStranicaPretrazivanja .serp .thumb { width: 30%; }
    .BoStranicaPretrazivanja .serp .excerpt { width: 67%; }
	
	
}	/* End of LG section */


/* ------------------------ Larger MD and LG ----------------- */	
@media (min-width: 1024px) {

    ul.main-nav li:last-child a.main-nav__link { margin-right: 2.8rem; } /* Override */
	
}	/* End of section */


/* ------------------------ XS SM MD but not LG --------------- */	
@media (max-width: 1199px) {
	
    .hidden-xs-sm-md { display: none!important; }


}	/* End of section */


/* ------------------------- MD ----------------------------- */	
@media (min-width: 992px) and (max-width: 1199px) {

    #quickcamplist li a { letter-spacing: -1px; }
	p.cs-region-strapline  { margin: 28px; }

	
	/*  Left search box padding */
    .search-box-wrap.left .search-form__row-1, 
    .search-box-wrap.right .search-form__row-1, 
    .search-box-wrap.left .search-form__row-2, 
    .search-box-wrap.right .search-form__row-2     { padding-left: 0; padding-right: 0; }

	/* Camp Search page, Override on MD otherwise logos fall below. Also adjust photos as the serp__content is now smaller */
	.BoStranicaPretrazivanja .serp__item .serp__content { width: 82.5%; }
    .BoStranicaPretrazivanja .serp__meta.logos { width: 17.5%; }
    .BoStranicaPretrazivanja .serp .thumb { width: 30%; }
    .BoStranicaPretrazivanja .serp .excerpt { width: 67%; }
	


} /* End of MD section */

/* ------------------------- SM ----------------------------- */	
@media (min-width: 768px) and (max-width: 991px) {

	p.cs-region-strapline  { margin: 28px; }

	/*  Left search box padding */
    .search-box-wrap.left .search-form__row-1, 
    .search-box-wrap.right .search-form__row-1, 
    .search-box-wrap.left .search-form__row-2, 
    .search-box-wrap.right .search-form__row-2     { padding-left: 0; padding-right: 0; }
	
	/* Camp Search page, Override on SM */
	.BoStranicaPretrazivanja .serp__meta.basic { top: -7rem; }
	.BoStranicaPretrazivanja .serp__item .serp__content {margin-top: -4rem; width: 83%; }
    .BoStranicaPretrazivanja .serp__meta.logos { width: 17%; margin-top: -4rem; }
    .BoStranicaPretrazivanja .serp .thumb { width: 30%; }
    .BoStranicaPretrazivanja .serp .excerpt { width: 67%; }
	
	/* Stretch anything on the ipad portrait */  
	.stretch-sm { width: 100%; }
	
	/* Stretch the image on ipad portraits to full screen width */  
     img.img-stretch-sm {	width: 100%; }

	/* 2017-10-03 Fix the page with two column by dropping the right column */ 
    .general-page--both .left-col { width: 25%;}
	.general-page--both .the-content { width: 73%} 
	.general-page--both .right-col { display: none;}
	
	
} /* End of SM section */
	
	
/* -------------------  XS ------------------------------- */	
@media (max-width: 767px) {

    /* margin-top that is set to zero on xs */
    .cs-no-margin-top-xs { margin-top: 0; }
	    
    /* padding-top that is set to zero on xs */
    .cs-no-padding-top-xs { padding-top: 0; }

    /* margin top that only exists on xs */
    .the-content .cs-margin-top-xs-only { margin-top: 16px; }

    .table-responsive { border: none; }
    .img-centered-xs { margin: 0 auto; }

    /* Stretch anything on the large mobile */  
    .stretch-xs { width: 100%; }

    div.contentDiv h1, div.contentDiv h1 > span { margin-top: 2rem;}
    div.contentDiv h2, div.contentDiv h2 > span { font-size: 2.2rem; line-height: 1.3; }
    div.contentDiv h3, div.contentDiv h3 > span { font-size: 2.0rem; line-height: 1.3; }
    div.contentDiv h4, div.contentDiv h4 > span { font-size: 1.8rem; line-height: 1.3; }

    .camp-grade h3 { margin-bottom: 0; } /* override - camp page */
    .camp-grade table { margin-top: 1.2rem; }	  
	
    .camp__basic-info ul.camp__logos {display:none;}

    /* remove some stuff from camp SERP if on mobile, so that we can see at least the first camp */
    #search-results h4:first-child { display: none; } 
    #top-serp-nav  .pagination {display: none;}
    #top-serp-nav { padding-top: 0; }
    #search-results div.toolbar:nth-child(3) { display: none; }

    .homepage-two-box .box .inner p.hp-islands  { margin-top: 0.6rem; }

    .latest-news__item .thumb-left img { margin-bottom: 1rem; width:100%; }

    /* 2017-06-25 Increase from 50% because advanced search buttons on home page are poking out */
    .home-page .find-on-map a { width: 100%; } 

    /* 2017-07-11 Remove Compare Camps from XS as it is not usable on small screens */
    #the-serp .camp-clanstvo-True div.clanstvo-True { margin-top: 1.5rem; }
    #the-serp .camp-clanstvo-True div.clanstvo-True label {display: none; }
    #the-serp .camp-clanstvo-True.serp__item .location, .camp-clanstvo-True .serp__item__basic-info h2 { padding-left: 0; }
    #search-results .toolbar .compare-link { display: none; }

    /* 2017-07-12 MyFavourites on mobile - make delete from favorites (waste basket) float right on small screens */
    body.bostranica-21314 .serp-wrap .delete-from-favs { position: relative; top: 0; float: right; font-size: 3rem; }

    /* 2017-07-19 Camp page, adjust Places of Interest icon and Awards widget icon are not at the left edge */
    h4.places-of-interest__heading { margin-left: 1rem; }
    .places-of-interest__heading::before {left: 0.2rem; }
    .awards-widget__heading:before { margin-left: -2.8rem; }
    .awards-widget__heading { margin-left: 4rem; }

    /* 2019-11-20 Advanced search clear filters button */
	#advanced-search-form .advanced-search-filters .search-options--clear-all { margin: 1rem 0 0; float: right; }
	
	
} /* End of xs section */



/* ------------------ XXS -------------------------------- */	
@media (max-width: 479px) {
/* Media queries for mobile portrait only. Uses xxs suffix. */
/* We go up to 479 since iPhone4 is 480 width when in landscape. */
/* Smaller phones (if any) will not be good neither in landscape so in smaller phones even landscape will be blocked */

/* Hide only on small mobiles */	
  .hidden-xxs { display: none !important; }

/* Stretch the image on mobile portraits to full screen width */  
  img.img-stretch-xxs {	width: 100%; }

/* Stretch anything on the mobile */  
  .stretch-xxs { width: 100%; }

  
#partners ul li { margin-right: 2rem; margin-left: 2rem; }  

/* 2017-06-25 Increase width of buttons on the camp search form if these are on mobile, otherwise the text goes out of border */
#camps-page-search-form .search-form .my-favorites--js, 
#camps-page-search-form .search-form .find-on-map--toggle, 
#camps-page-search-form .search-form .search-box-advanced,
#camps-page-search-form .search-form .search-form__advanced,
#hp-search-form .search-form .my-favorites--js, 
#hp-search-form .search-form .find-on-map--toggle, 
#hp-search-form .search-form .search-box-advanced,
#hp-search-form .search-form .search-form__advanced{
    width: 100%;	
}

#tourlist h4 { padding-left: 0; background: none; font-size: 1.6rem; }

.by-camper-banner-middle { height: 10rem; }

/* 2017-07-19 remove left margin when badges fall in the second row */
.serp__meta li.codeci-kamp { margin-left: 0; }

/* Camp page, different margins on Mobile */
.places-of-interest { padding-left: 2.8rem; padding-right: 1.8rem; font-size: 1.5rem!important; }

  
} /* End of section */


	
/* ----------------- XXXS which is up to 320 ------------------- */	
@media (max-width: 320px) {	

.by-camper-banner-middle .font-m	{ font-size: 1.2rem; }
.by-camper-banner-middle:before { margin-top: 2.2rem; }

  } /* End of section */
	


/* ------------------------ XS and SM only ------------*/

@media (max-width: 991px) {

/* Make right col not visible on XS/SM */

    .general-page.BoStranicaPretrazivanja .right-col { display: none; }
    .general-page.BoStranicaPretrazivanja .the-content.content-col { width: 100%; }

    .general-page.BoRegija .right-col { display: none; }
    .general-page.BoRegija .the-content.content-col { width: 100%; }	


} /* End of section */

/* ------------------------ MD LG only --------------- */	

@media (min-width: 992px) {
	
	/* Main nav override */
	.main-nav-wrap { margin-top: 1rem; } 
    .main-nav__link { padding-left: 2rem; padding-right: 2rem }
    .de .main-nav__link { padding-left: 2rem; padding-right: 2rem }
    .it .main-nav__link { padding-left: 1.8rem; padding-right: 1.8rem}
    .nl .main-nav__link { padding-left: 2rem; padding-right: 2rem}
    .si .main-nav__link { padding-left: 2rem; padding-right: 2rem}
    .hr .main-nav__link { padding-left: 2rem; padding-right: 2rem }
	
	/* 2017-07-15 Remove left/right padding from search box title otherwise German wraps in 2 rows */
	.search-box-wrap.left .search-form__title, .search-box-wrap.right .search-form__title { padding: 0; }

	/* 2019-08-11 Make the gap between camp description and address smaller */
    .camp__text-opis { margin-top: 2rem; }	
	
} /* End of section */	



	
/* -------------------- SM  MD  LG --------------------------- */	
@media (min-width: 768px) {
/* Media queries for sm and up... */	

    /* Hide on all break points, just show on small (mobile) portrait or landscape */
    .hidden-sm-md-lg { display: none!important; }

	/*  Left search box, padding bottom after [GO] button */
    .search-box-wrap.left .search-form__row-1, 
    .search-box-wrap.right .search-form__row-1    { padding-bottom: 15px!important; }  
    .search-box-wrap.left .search-form__row-2, 
    .search-box-wrap.right .search-form__row-2    { padding-top: 0!important; }    
    .search-form__row--wrap { padding-top: 10px!important; }

	/* Override - keep side by side all the way until dropped to XS. Was min width 1023, now 768 */
	.homepage-two-box .box { float: left; width: 46.97987%; border-top: 1px solid #e3e3e3; }
	.homepage-two-box .box:first-child { margin-right: 6.04027%;}
	.homepage-two-box .box .inner p.hp-islands { margin-top: 52px; }
	
	ul.latest-news__list .thumb-left { width: 30%; display: inline; float: left; padding-right: 1.8rem; }	
	
	/* Override - news page, make text to be next to the thumb if we have thumb */
	#latest-news .serp__item__basic-info img { float: left; margin-right: 1rem; width: 45%; }
	#latest-news .serp__item__basic-info h2 {display: inline; }

	/*2017-07-15 Align Read More button with the date on the left */
	#latest-news.news .supportive { margin-top: -6rem; }
	
    /* Make sure side menu and video watching still shows if we have left column. Helps click through! */ 
	.box.croatia-camping-guide { display: block; }
	#multimedia, .multimedia { display: block; }
	#multimedia__icon.fa, .multimedia__icon.fa { margin-top: -24px; }
	
    /* kongres page, make glamping producers centered when it is in col-sm-4 */
	ul.cs-kongres-glamping-producers { margin-left: 60px; }

	
	
  } /* End of section */



/* ----------------- XS SM MD LG but not XXS ------------------- */	
@media (min-width: 480px) {
/* Media queries for xs and up, only not for mobile portrait... */	

/* Hide on all break points, just show on small (mobile) portrait */
  .hidden-xs-sm-md-lg { display: none!important; }
 
  } /* End of section */

	
/* ------------------------ Unusual breakpoints by Infosit on Camp Detail page and home page ----------------- */	
@media (min-width: 1023px) {

	.content-left-col  { max-width: 23rem; } /* 2017-11-05 Freeze left col to 230px max on large screens */

    .camp-grade table tr:first-child, .camp-grade table tr:nth-child(3) { margin-right: 1rem; }  /* Override 2 */
    .camp-grade table tr { width: 48%; }
	.camp-grade .inner { background: url(/cmsassets/cmscss/img/icons/camp/vodeci-kamp.png) no-repeat scroll 0 0 transparent !important;}
    .camp-grade h3 { margin-bottom: 0; } 
	.mobile-general-info { display: none!important; }

	/* Camp page breadcrumbs override 2017-07-13 */
    .breadcrubms { font-size: 1.2rem!important; }  
	#breadcrumbs { background: #eeefeb; } 
	
	h1, h1>span { font-size: 3rem; line-height: 3.3rem; }
	h2 {font-size: 2.4rem; }
	
	/* Offers and latest news heading, reduce width from 90% to 80% otherwise View All drops to new line */
	.latest-news__heading, .offers-widget__heading { width: 80%; } 

    /* 2017-09-05 Add a bit of background to home page caption */
	.home-slider__caption { background: none repeat scroll 0px 0px rgba(0,0,0,0.3); }
	
	
}	/* End of section */


@media (min-width: 1023px) and (max-width: 1023px) { 
     /* single pixel fix because someone was not careful with min/max widths (up to 1023 and then they start from 1023 again when it should have been 1024 */
    .camp-grade h3 { float: left; width: 27%; padding-top: 36px; text-align: left; margin-bottom: 0; font-size: 1.45rem; } 


}	/* End of section */

@media (max-width: 1022px) {

     /* more Infosit overrides */
    .camp-grade table tr { width: 100%; }  
    .cs-hidden-camp-grade-h3 { display: none!important; } 
	ul.camp__logos { display: none; }  
	.desktop-general-info { display:none!important; } 
	/* Reduce empty space above "Show Less" button on Camp page */
	.camp-intro--toggle.clicked { margin-top: 0.3rem; margin-bottom: 3rem; }
    /* 2017-11-06 make green background on home page below the gallery solid otherwise we see image captions leaking through */
	.home-slider__caption { background: rgba(24,125,51,1); }
    /* 2019-08-11 show camp address in one line when drops in the middle */	
    .camp ul strong {display: inline-block;}
	
	
}	/* End of section */


/* remove fb slider all the way up to and including 1024px so it does not show on small tablets either */
/* when we have search menu orange bar it covers + sign and it is not really usable on tablets of 1024  */
@media (max-width: 1024px) {
    .fb-page-slide { position: static; display: none; }
} 

/* 2017-07-14 Add a bit of spacing when under 1023px to align photo with the rest of the page. */
@media (max-width: 1023px) {
   .camp__gallery { margin-left: 1.5rem; margin-right: 1.5rem; }
} 

/* --------- Home page search box adjustments ------------- */


@media screen and (max-width: 1023px) {
    .home-slider__caption-hold { width: 100%; }
}

@media (min-width: 1025px) {
   .home-page .search-form__row--wrap { display: inline-block;}
   .kuh-main-content { margin-top: 17rem; }
   .home-page .search-form h4.search-form__title { font-size: 2.4rem; }
   .home-page .search-form { bottom: unset; margin-top: -8.5rem; }
}
@media (min-width: 1023px) {
	.home-page .search-form { bottom: unset; margin-top: -8.5rem; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
   .home-page .search-form { width: 95%; }
   .home-page .search-form h4.search-form__title { font-size: 2rem;}
}

@media (min-width: 1200px) and (max-width: 1349px) {
   .home-page .search-form { width: 95%;}
}

@media (min-width: 1350px) and (max-width: 1549px) {
   .home-page .search-form { width: 85%; }
}

@media (min-width: 1550px) and (max-width: 1749px) {
   .home-page .search-form { width: 75%;  }
}

@media (min-width: 1750px) {
   .home-page .search-form { width: 70%; }
}

/* --------- END Home page search box adjustments ------------- */

/* ------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1022px) {

     /* 2017-11-05 Show home page left col on width 768 - 1022 */
    .home-page .row.row-offcanvas.row-offcanvas-left { padding: 1rem 0.5rem 1rem 0; }	 
	.home-page .row-offcanvas-left #sidebarLeft  { display: inline-block; width: 195px; float: left; }
	.home-page .content-main-col {  width:calc(100% - 210px); float: right;  display: inline-block; } 

	div#homepage-main-content { overflow: hidden; }	
	
	.brochure img { max-width: 8rem; margin-right: 0.6rem; margin-left: 0.6rem; }
		
	.home-page #sea img, .home-page #weather img { margin: 0 0.6rem .2rem 0.8rem;}
	.home-page #brochure .btn-green { right: 0.7rem; padding: .7rem 0; width: 9.5rem; }	

	.home-page #gps-coordinates h4 { font-size: 1.6rem; }
	
	/* move news date to the right in this resolution */
	.latest-news__item .date { float: right; margin-top: 0; margin-bottom: 0; margin-left: 10px; font-size: 1.3rem; }
    .latest-news__item__heading { margin-top: 0; }	

}
/* --------- END Home page left col adjustments ------------- */


/* --------- Best campsites page ------------------------------ */

.best-camps-map a.cs-region-best-more { text-align: left; font-size: 1.4rem; margin-left: 2.6rem; font-style: italic; white-space: nowrap;}

/* Different width of button by language, but ONLY on Best Camps page */
.en.bostranica-7644 .best-camps-map a.btnGrey { width: 210px; }
.si.bostranica-7644 .best-camps-map a.btnGrey { width: 230px; }
.de.bostranica-7644 .best-camps-map a.btnGrey { width: 240px; }
.nl.bostranica-7644 .best-camps-map a.btnGrey { width: 250px; }
.hr.bostranica-7644 .best-camps-map a.btnGrey { width: 256px; }
.it.bostranica-7644 .best-camps-map a.btnGrey { width: 292px; }

@media (min-width: 1200px) {
    .best-camps-map p { margin-bottom: 5rem; }  
}

@media (min-width: 1100px) and (max-width: 1199px) {
	.best-camps-map p { margin-bottom: 3.4rem; } 
}

@media (min-width: 992px) and (max-width: 1099px) {
	.best-camps-map p { margin-bottom: 2.4rem; }  
}

@media (min-width: 768px) and (max-width: 991px) {
	.best-camps-map p { margin-bottom: 0.4rem; }
}	

@media (min-width: 361px) and (max-width: 767px) {
	.best-camps-map p { margin-bottom: 0.4rem; }
}	

@media (max-width: 360px) {
	.best-camps-map p { margin-bottom: 2rem; text-align: center; } 
}	

/* -------------------------------------------------------------- */
 
/* ------------ Stranica pretrazivanja fixes  -------------------- */

@media (min-width: 768px) {
    .btn.btn-trans.search-form__advanced.search-box-advanced { padding-top: 0.6rem; padding-bottom: 0.6rem; }
    .btn.btn-trans.search-form__advanced.search-box-advanced.filters-active { padding-top: 1rem; }
}

/* ---- Famous 992px fix as sometimes is up to and incl. 992 and sometimes from and incl 992 --- */
@media (min-width: 992px) and (max-width: 992px) {
	.booking-dates-wrap { width: 48%; }
	#camps-page-search-form .search-form .search-form__checkboxes { width: 20%; }
	#camps-page-search-form .search-form .find-on-map .btn.search-box-advanced {width: auto; margin-left: 3px; margin-top: 3px; }
	#camps-page-search-form .search-form .find-on-map { width: auto; margin-top: 3.3rem !important;}
}

/* ---- do not let search buttons drop to a new line too soon ---- */
@media (min-width: 992px) and (max-width: 1169px) {
	.BoStranicaPretrazivanja .content .serp .serp__item:not(.depot-item) .buttons { width: 70%; padding-left: 2rem;}
}

@media (min-width: 768px) and (max-width: 859px) {
	.BoStranicaPretrazivanja .content .serp .serp__item:not(.depot-item) .buttons { width: 70%; padding-left: 1.2rem;	}	
}

 
 
/* --------- Footer Partners and Banners, newsletter fix ---------------------- */
@media (min-width: 490px) and (max-width: 767px) { 
  #partners-and-banners ul { display: inline-block; text-align: center; padding-top: 20px; padding-bottom: 0px; }
  #partners-and-banners li { display: inline-block; }
} /* End of section */

@media (min-width: 530px) and (max-width: 767px) {   
  #partners-and-banners li { padding-right: 16px; }
} /* End of section */

@media (min-width: 768px) and (max-width: 1240px) {  
	#partners-and-banners li { 
		padding: 10px; 
		margin: 0 auto; 
	}
}

/* newsletter pargraph below heading margin fix when centered */
@media (max-width: 1160px) { 
	.nl-widget__text p {
		margin-right: 10px;
		margin-left: 10px;
	}
} /* End of section */



/* -------------------------------------------------------------- */
 
 
/* --------- News section on home page - a bit bigger image in this resolution ------- */
@media (min-width: 768px) and (max-width: 859px) {
      ul.latest-news__list .thumb-left { width: 40%; }
} /* End of section */

@media (min-width: 860px) and (max-width: 1022px) {
      ul.latest-news__list .thumb-left { width: 35%; }
} /* End of section */




 /* --------- Book button camp detail  ------- */
 .camp__text-opis .btn-container.fixed{
	top: -45px;
}
.btn-container.fixed a#secondaryBookBtn{
	position: absolute;
	top: 45px;
}
.camp__text-opis .helper-container {
        min-height: 96px;
}
 


/*************  END OF CUSTOM RESPONSIVE SECTION ******************/