/* to be approved */

.breadcrumb {border: 1px solid #0e4165;box-shadow: 0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2);}

.breadcrumb .active {color: #0e4165;}



/* Off Line Site */

#rt-offline-body h1.sitename { font-size: 200%;}

#rt-offline-body .offline h1 { font-size: 180%;}
#rt-offline-body .offline p { font-size: 160%; line-height: 30px;}

/* Heading Sizes */


h3 { font-size: 18px;line-height: 20px;}

h4 { font-size: 16px;line-height: 18px;}

.title, .component-content h2 { font-size: 20px; line-height: 20px;}



/* body background and template adjustments */


body { 	background-color: #B8D4EC;}

.rt-container {background: #fff;}

#rt-maintop {background:none;box-shadow:none;border-bottom:none;}

#rt-header {border-top: none !important;}

#rt-top-surround { border-bottom: none; webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}

#rt-top .rt-container {background-color: #B8D4EC;}

#rt-drawer {border-bottom: none;}

#rt-top-surround {background-image:none; background-color: #fff;}


/* Top Search */

#roksearch_search_str {height: 21px; width: 250px; border: 1px solid #0e4165 !important; border-radius: 4px; box-shadow: 0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2);}

#rokajaxsearch { padding: 0 15px 15px 15px;}



@media (max-width: 767px) { #rokajaxsearch {width: 250px; margin: 30px auto 0 auto; padding: 0;} }

@media (min-width: 768px) and (max-width: 959px) { #rokajaxsearch {float: right; margin-bottom: 0px;} }

@media (min-width: 960px) and (max-width: 1199px) { #rokajaxsearch {float: right; margin: 0 -38px 0 0;} }

@media (min-width: 1200px) { #rokajaxsearch {float: right; margin: 0 -78px 0 0;}}



/* Seach Placeholder text color */

#roksearch_search_str::-webkit-input-placeholder {
   color: #909090  !important;
}

#roksearch_search_str:-moz-placeholder { /* Firefox 18- */
   color: #909090  !important;
}

#roksearch_search_str::-moz-placeholder {  /* Firefox 19+ */
   color: #909090  !important;
}

#roksearch_search_str:-ms-input-placeholder {
   color: #909090  !important;
}


/* Top Menu */

#topmenu {padding:15px; text-align: right;}

@media (min-width: 768px) { #topmenu a:first-of-type {margin-left:-30px; margin-right: 10px;}}

@media (max-width: 767px) {#topmenu {float:none; } #topmenu a {display: block; width: 100px; margin: 0 auto 15px; text-align: center;}}

/* SlideShow */

.sprocket-features-content .sprocket-features-desc div img { width: 100% !important;}

.sprocket-features-content { left: auto !important; top: auto !important; right: 25px !important; bottom: 25px !important; width: 30% !important;}

.sprocket-features-desc {padding: 20px !important; background: none !important;}


.rt-showcase-pattern {background-image:none;}

#rt-showcase {background-color: #fff; background-image:none; border-bottom: none; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}


.sprocket-features-img-list {z-index: 1 !important;}



/* Breadcrumb */


.breadcrumb {margin: 0;}





/* Menu Old border color - #f5f5f5 */

.menu-block {float: right; padding: 10px;}

.gf-menu.l1 > li > .item { border: 1px solid #0e4165 ; border-radius: 4px; box-shadow: 0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2);}

@media (min-width: 960px) {.gf-menu.l1 > li > .item { font-size: 16px; padding: 5px 14px; }}


.gf-menu li.parent > .item {padding-right: 25px;}

@media (min-width: 768px) and (max-width: 959px) { .gf-menu li.parent > .item:after {display:none;} .gf-menu li.parent > .item {padding-right: 8px;} }

.gf-menu { margin: 15px auto 0}

.gf-menu li {margin-right: 9px !important;}


/* logo */

#logo {width: 25%; min-width: 200px; margin: 0 auto;}

/* Bottom Menu */

@media (min-width: 768px) {
  .bottom-menu { height: 225px;}
}

.bottom-menu .title { font-size: 20px; line-height: 20px;}


/* Featured Readmore */

.readmore {float: right; clear:both;}

.blog-featured article {margin-bottom : 50px;}

.blog-featured h1 {font-size: 180%; border-bottom: 1px solid #d1d1d1; margin-bottom: 25px;}

/* Blog Readmore */


.blog article {margin-bottom : 50px;}

.blog h1 {font-size: 180%; border-bottom: 1px solid #d1d1d1; margin-bottom: 25px;}

/* Category List Menu */

.category-list .last {display: none;}

/* Copyright */

#rt-copyright {border-top:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

@media (max-width: 767px) {.design {text-align: center;margin: 0;} .copyright{margin: 0; padding: 0;}}


#rt-copyright .rt-container {border-top: 20px solid #B8D4EC;}

/* Back to Top */

@media (min-width: 768px) {#gantry-totop {float:right;}}

@media (max-width: 767px) {#gantry-totop {display: block; width:80% !important;}}




/* Contact */

#address-block {margin: 25px 0;}

@media (min-width: 768px) {

.address-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.address-label {width: 160px; margin-right: 20px; text-align: right;}

}

#Message, #problem {width: 100%; max-width: 290px; min-height: 190px;}

/* Attention */

.attention

{background: #f2dede; color: #b94a48; border: 1px solid; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px; font-weight: bold;}

.attention h1  {color: #b94a48;}
.attention h2  {color: #b94a48;}
.attention h3  {color: #b94a48;}
.attention h4  {color: #b94a48;}
.attention h5  {color: #b94a48;}

/* Properties */

.pmap {display: inline-block; margin-left: 15px;}

.properties img {max-width: 220px; height: auto;}

@media (min-width: 768px) { .properties img {float: left;} .properties p {margin-left: 235px;} }

@media (max-width: 767px) { .properties img {display: block; margin-bottom: 15px;}}

/* Properties Map */

#p-map {margin-left: auto;}

svg a path {  -webkit-transition: all 300ms ease-in-out ; /* Safari */
    transition: all 300ms ease-in-out;}

	.north {fill:#b3b3b3;}
	.south {fill:#cccccc;}
	.raasay {fill:#808080;}
	.lochalsh {fill:#999999;}
	.mainland {fill:#e6e6e6;}

	.north:hover {fill:#B8D4EC;}
	.south:hover {fill:#B8D4EC;}
	.raasay:hover {fill:#B8D4EC;}
	.lochalsh:hover {fill:#B8D4EC;}


/* Smartphones */
@media (max-width: 480px) { #p-map {width: 300px; height: 300px;} }

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { #p-map {width: 400px; height: 400px;} }

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { #p-map {width: 400px; height: 400px;} }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { #p-map {width: 600px; height: 600px;} }

/* Large Display */
@media (min-width: 1200px) { #p-map {width: 600px; height: 600px;} }