/* Screen cascading style sheet for Stromness Museum website */

/* **** HTML STYLES **** */
/* --------------------- */

body {
  color: #666;
  font-family: 'Montserrat';
  font-size: 18px;
  margin: 0;
  padding: 0;
  width: 100%;
}

a {color: #157A9F; font-weight: normal; text-decoration: none}
a:hover {color: #B30000; text-decoration: none}

blockquote {border-color: #CC9900; border-width: 10px; font-style: italic; margin-left: 30px; padding-left: 10px}

.not-front h1 {background: #0B9BB5; color: #FFF}
.front h1 {font-size: 24px; margin: 0 0 10px}
h2 {border-bottom: 1px solid #CC9900; color: #0B9BB5; font-size: 26px; font-weight: normal; margin: 40px 0 15px 0; padding-bottom: 5px}
h2.block-title {border-bottom: 1px solid #E4E4E4; color: #0B9BB5; font-size: 28px; padding: 5px 0}
h2.collapse-toggle {border: 0; margin: 20px 0 5px}
h2.collection-object-header {border: 0; font-size: 32px}
h3 {color: #0B9BB5; font-size: 22px; font-weight: normal; margin: 20px 0 10px 0}

iframe {height: 500px; width: 100%}

.sm-table {border: 0; border-collapse: separate; border-spacing: 4px}
.sm-table td, .sm-table th {border: 0; padding: 6px 10px}
.sm-table th {background: #F4F4F4}

ul {list-style-type: square}


/* **** LAYOUT STYLES **** */
/* ----------------------- */

* {box-sizing: border-box}

.col-0 {display: none}
.col-1 {width: 8.33%}
.col-2 {width: 16.66%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.66%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.66%}
.col-9 {width: 75%}
.col-10 {width: 83.33%}
.col-11 {width: 91.66%}
.col-12 {width: 100%}

[class*="col-"] {float: left}

.centered {position: relative; margin: 0 auto; text-align: left; width: 100%; max-width: 1200px; z-index: 100}

#content {float: left; padding: 0 20px 40px; min-height: 500px; z-index: 10}
#content-container {z-index: 10}
#content-container-back {float: left; background: #FFF}
#footer {background: #F3F1EF; color: #B2B2B2}
#highlight {padding: 0 20px}
#right {padding: 40px 20px}

#tabs {margin-top: 20px}

::placeholder {color: #999}


/* BLOG */
#block-views-blog-block-1 {background: #F4F4F4; margin-top: 30px; padding: 20px}
#block-views-blog-block-1 h2 {border: 0; margin: 0; padding: 0}
#block-views-blog-block-1 img {float: left; margin-right: 15px}
#block-views-blog-block-1 .sm-blog-author-details {overflow: hidden}
#block-views-blog-block-1 .sm-blog-author-details .affiliation {color: #CC9900; font-size: 20px}
#block-views-blog-block-1 .sm-blog-author-details .name {color: #0B9BB5; font-size: 22px}

.view-blog .sm-blog-details {border-color: #E4E4E4; border-style: solid; border-width: 1px 0; color: #CC9900; margin: 5px 0; padding: 5px 0}
.view-blog .sm-blog-edit {float: right; font-size: 14px}
.view-blog .sm-blog-title a {color: #0B9BB5; font-size: 24px}
.view-blog .views-field-field-images {float: left; margin-right: 20px}
.view-blog .views-field-nothing {overflow: hidden}
.view-blog .views-row {float: left; margin: 10px 0; width: 100%}


/* BUTTONS */
.htec-button {background: #B6AF83; text-align: center}
.htec-button a {display: block; color: #FFF; padding: 10px}
.htec-button a:hover {background: #99936D}

.sm-button {display: block; background: #337AB7; border: none; border-radius: 30px; color: #FFF; padding: 10px 20px; text-align: center; transition: 0.3s}
.sm-button:hover {background: #0D4474; color: #FFF}
.sm-button.margin {margin-top: 10px}
.sm-button.blue {background: #0B9BB5}
.sm-button.blue:hover {background: #0E6F81}
.sm-button.grey {background: #DDD; color: #666}
.sm-button.grey:hover {background: #CC9900; color: #FFF}


/* COLLECTIONS */
#block-block-4 {background: #F9F8F0; margin-bottom: 20px; padding: 10px}
#block-block-4 h2 {border: 0; color: #99936D; font-size: 22px; margin: 0}
#block-block-4 .htec-button {margin: 10px 0}

#block-views-collections-collections .collection .views-field-title a {display: block; background: #0B9BB5; color: #FFF; padding: 5px 10px}

.node-collections-object .collection-details {clear: both}
.node-collections-object .collection-id {border-color: #E4E4E4; border-style: solid; border-width: 2px 0; margin: 10px 0 20px; padding: 10px 0}
.node-collections-object .collection-id .field:not(:last-child) {float: left; border-right: 1px solid #666; margin-right: 10px; padding-right: 10px}
.node-collections-object .collection-table {border-collapse: separate; border-spacing: 4px; width: 100%}
.node-collections-object .collection-table td {padding: 5px 10px}
.node-collections-object .collection-table td.subtitle-cell {padding-left: 0}
.node-collections-object .collection-table td.title-cell {background: #F4F4F4; font-weight: bold; text-align: right; width: 170px}
.node-collections-object .collection-table .dimension {float: left; padding-right: 10px}
.node-collections-object .collection-table .dimension .label {color: inherit; font-size: 100%; padding: 0}
.node-collections-object .collection-table [class*="field-name-field-collection-date-"] {display: inline-block}

.view-collections .object {float: left; margin: 10px 0; width: 100%}
.view-collections .object .object-details {border-top: 1px solid #E4E4E4; font-size: 14px; margin-top: 5px; padding-top: 8px}
.view-collections .object .object-details .object-detail:not(:last-child) {float: left; border-right: 1px solid #C0C0C0; margin-right: 5px; padding-right: 5px}
.view-collections .object .object-image img {border: 2px solid #0B9BB5; margin: auto; padding: 2px}
.view-collections .object .object-title a {color: #0B9BB5; font-size: 22px}
.view-collections .object .views-field-nothing {overflow: hidden}

.sm-ootw .object .views-field-field-images {width: 50%}
.sm-ootw .object-image img {border: 0}

.view-collections .view-filters {background: #F4F4F4; margin: 30px 0 20px; padding: 10px 20px}
.view-collections .view-filters .btn {margin-top: 0}
.view-collections .view-filters #edit-secondary-wrapper {border-color: #CCC; border-style: solid; border-width: 2px 0; margin: 20px 0 10px; padding: 0; width: 100%}
.view-collections .view-filters #edit-secondary-wrapper * {border: 0; box-shadow: none}
.view-collections .view-filters .form-item-field-object-material-tid .bef-checkboxes {column-count: 4}
.view-collections .view-filters .form-item-field-object-collection-tid .bef-checkboxes {column-count: 3}
.view-collections .view-filters .form-control {display: initial; border: 0; box-shadow: none; color: inherit; height: auto; width: auto}
.view-collections .view-filters .views-submit-button {clear: both}


/* FOOTER */
#block-block-7 {float: right; text-align: right; width: 400px}
#block-block-7 img {margin-bottom: 10px; width: 200px}
.region-footer {float: left; padding: 20px; width: 100%}

#footer .block-menu-block, #footer .block-menu {float: left; margin-right: 20px; width: 140px}
#footer .block-menu-block .nav a, #footer .block-menu .nav a {display: block; border-bottom: 1px solid #908A84; color: #908A84; font-size: 12px; padding: 8px 5px}
#footer .block-menu-block .nav a:hover, #footer .block-menu .nav a:hover {background: #908A84; color: #FFF}

#block-block-10 {margin: auto; padding: 20px}
#block-block-10 p {font-size: 16px}
#block-block-10 .acknow-logos {display: flex}


/* HEADER */
header {position: relative; z-index: 20}
header .header-background {background: #FFF; width: 100%}
header #logo {display: block; float: left; margin: 10px}
.region-pre-header {float: left; background: #0B9BB5; width: 100%}

#block-superfish-2 {padding: 0}
#block-superfish-2 li {float: left}
#block-superfish-2 li a {color: #FFF; padding: 12px}
#block-superfish-2 li a:hover {background: #0A7E93}


/* HOMEPAGE */
#block-block-8 {background: #DAEEF2; margin: 30px 0; padding: 20px; text-align: center}
#block-block-8 h2 {border: 0; margin: 0; text-align: center}
#block-block-8 .sm-button {margin: auto}

#block-sm-search {float: left; background: #F4F4F4; margin: 10px 0; padding: 20px; width: 100%}
#block-sm-search h2 {border: 0; color: #0B9BB5; font-size: 22px; margin-top: 0}
#block-sm-search .search-box button {background: #0B9BB5; border: 0; border-radius: 0; font-size: 22px; padding: 5px 10px}
#block-sm-search .search-box input {float: left; border-radius: 0; box-shadow: none; font-size: 22px; margin-right: 10px; padding: 5px; -webkit-box-shadow: none; height: auto; width: 600px}
#block-sm-search .search-box input::placeholder {color: #CCC}

#block-views-collections-highlight {border-bottom: 5px solid #0B9BB5}
#block-views-collections-highlight h2 {background: #0B9BB5; border: 0; color: #FFF; font-size: 18px; margin: 10px 0 0; padding: 10px}
#block-views-collections-highlight .object {margin: 0}
#block-views-collections-highlight .object img {border: 0; margin: 0; padding: 0}
#block-views-collections-highlight .views-field-title {margin-top: 20px}

#node-1 {display: none}
.view-banners .attachment {position: relative; margin: 0 auto; width: 100%; max-width: 1200px}
.view-banners .attachment .views-row {position: absolute; bottom: 0; right: 0; background: #0B9BB5; color: #FFF; font-size: 18px; padding: 15px; width: 500px; z-index: 10}
.view-banners .attachment .views-row h1 {font-size: 28px}


/* IMAGES */
figure[class^="image-"] {background: #F7FDFE; border: 2px solid #A6D1D9; margin-bottom: 30px; margin-top: 30px; padding: 10px; text-align: center}
figure[class^="image-"] img {cursor: pointer; height: auto}
figure.image-full-width {width: 100%}
figure.image-full-width figcaption {text-align: center}
figcaption {color: #104B56; font-size: 14px; margin-top: 5px; width: 100%}

figure + figure + figure, figure + figure + p {clear: both}

.node-page img {height: auto; max-width: 100%}


/* ONLINE EXHIBITIONS */
.node-type-online-exhibition .btn {all: inherit; border-color: #E4E4E4; border-style: solid; border-width: 2px 0; cursor: pointer; padding: 7px 0 5px 10px; width: 100%}
.node-type-online-exhibition .btn:active {border-color: #4B65A0; color: #4B65A0}
.node-type-online-exhibition .btn:hover {background: #0B9BB5; color: #FFF}
.node-type-online-exhibition .btn svg {float: right; margin-right: 5px; height: auto; width: 33px}
.node-type-online-exhibition .btn svg rect {fill: #CCC}
.node-type-online-exhibition [aria-expanded="true"] .vert {display: none}
.node-type-online-exhibition .collapse {margin-bottom: 30px}


/* SECTION MENU */
#block-menu-block-1 {border-bottom: 1px solid #E4E4E4; margin-bottom: 30px}
#block-menu-block-1 h2 {margin: 0}
#block-menu-block-1 .active a {background: #E4E4E4; color: #444}


/* SUPPORT */
#block-block-9 {background: #F4F4F4; margin-bottom: 50px; padding: 20px 20px 0}
#block-block-9 h2 {margin: 0}
#block-block-9 p {margin: 15px 0}


/* TEAM */
#block-block-6 {background: #F4F4F4; border-color: #C0C0C0; border-style: solid; border-width: 1px 0; margin: 10px 0; padding: 10px}
#block-views-team-block .views-row {border-bottom: 1px dashed #E4E4E4; margin-top: 10px; padding-bottom: 10px}
#block-views-team-block .views-row-last {border: 0}
#block-views-team-block .views-field-edit-node {font-size: 14px}
#block-views-team-block .views-field-title {color: #0B9BB5; font-size: 22px}


/* TEASERS */
#block-views-graphical-links-teasers .view-content {display: flex; flex-wrap: wrap; justify-content: space-between}
#block-views-graphical-links-teasers .view-content .views-row {margin: 20px 0}
#block-views-graphical-links-teasers .view-content .views-field-field-link-desc {padding: 10px}
#block-views-graphical-links-teasers .view-content .views-field-field-link-title {background: #0B9BB5; color: #FFF; font-size: 22px; padding: 6px 10px}
#block-views-graphical-links-teasers .view-content .views-field-view-node a {display: block; float: left; background: #E4E4E4; color: #666; margin: 10px 10px 0 0; padding: 5px 10px; transition: 0.3s}
#block-views-graphical-links-teasers .view-content .views-field-view-node a:hover {background: #0B9BB5; color: #FFF}

/* VISITOR INFORMATION */
#block-block-2 h2 {background: #CC9900; border: 0; color: #FFF; font-size: 22px; margin: 0 0 10px; padding: 10px}
#block-block-2 h3 {float: left; color: #CC9900; font-size: 20px; margin-bottom: 5px; width: 100%}
#block-block-2 .status {text-align: center}
#block-block-2 table {font-size: 16px; margin-top: 5px; width: 100%}


/* WHAT'S ON */
#block-views-whats-on-block .view-whats-on .sm-event-title {margin-top: 5px}
#block-views-whats-on-block .views-row .views-field-field-event-dates {background: #0B9BB5; color: #FFF; font-size: 22px; padding: 6px 10px}
#block-views-whats-on-block .views-row .views-field-title {background: #0B9BB5; padding: 6px 10px}
#block-views-whats-on-block .views-row .views-field-title a {color: #FFF; font-size: 28px}

#block-views-whats-on-block-1 .views-row {float: left; border-bottom: 1px dashed #E4E4E4; margin-bottom: 20px; padding-bottom: 20px; width: 100%}
#block-views-whats-on-block-1 .views-row-last {border: 0}
#block-views-whats-on-block-1 .views-field-field-images {float: left; margin-right: 20px}
#block-views-whats-on-block-1 .views-field-nothing {overflow: hidden}

#block-views-whats-on-block-2 .view-footer {border-top: 1px dashed #E4E4E4}
#block-views-whats-on-block-3 {float: left; width: 100%}

h2.page-title {border: 0; font-size: 30px}
.node-type-event .field-name-field-event-dates {border-color: #E4E4E4; border-style: solid; border-width: 2px 0; font-size: 24px; margin: -10px 0 10px; padding: 10px 0}

.sm-events-home .sm-event-dates {background: #0B9BB5; color: #FFF; font-size: 20px; padding: 6px 8px}
.sm-events-whatson .sm-event-dates {color: #CC9900; font-size: 22px; font-weight: bold}
.sm-events-whatson .sm-event-title a {color: #0B9BB5; font-size: 28px}
.sm-event-details {float: left; border-color: #E4E4E4; border-style: solid; border-width: 2px 0; margin: 5px 0; padding: 5px 0; width: 100%}
.sm-event-details div {float: left; background-position: left center; background-repeat: no-repeat; background-size: 15px 15px; margin-right: 20px; padding-left: 22px}
.sm-event-details .sm-event-fees {background-image: url('/sites/all/images/pound-icon.svg')}
.sm-event-details .sm-event-times {background-image: url('/sites/all/images/time-icon.svg')}
.sm-event-edit a, .sm-event-view a {display: block; float: left; background: #E4E4E4; color: #666; margin: 10px 10px 0 0; padding: 5px 10px}
.sm-event-edit a:hover, .sm-event-view a:hover {background: #0B9BB5; color: #FFF}
.sm-exhibition-dates {background: #0B9BB5; color: #FFF; font-size: 22px; padding: 6px 10px}
.sm-event-title a {color: #0B9BB5}


/* @MEDIA SCREEN SIZE STYLES */
/* ========================= */

/* MOBILE-ONLY STYLES */
/* ------------------ */
@media only screen and (max-width: 600px) {
	#content {padding: 20px}
	#right {padding-top: 0}
	
	/* GENERAL */
	a.mobile-button, div.mobile-button a {display: block; background: #44AC33; color: #FFF; margin-top: 5px; padding: 10px}
	
	#block-system-main .field-name-body img {width: 100%}
	
	/* COLLECTIONS */
	.view-collections .views-field-title {clear: both; margin-top: 5px}
	
	/* EXHIBITIONS */
	.sm-exhibition-row {float: left; margin-bottom: 20px}
	.sm-event-title a {font-size: 22px}
	
	/* FOOTER */
	#block-block-10 .acknow-logos {flex-direction: column}
	#block-block-10 .acknow-logos img {margin: 10px 0}
	
	/* HEADER */
	.region-pre-header {text-align: center}
	#block-block-1 {margin: 5px auto}
	#block-block-1 img {margin: 5px; width: 35px}
	#block-menu-menu-pre-header .nav {display: inline-block}
	#block-menu-menu-pre-header .nav li a {font-size: 16px; padding: 5px 15px}
	#block-superfish-2 {display: inline-block}
	#block-superfish-2 li a {font-size: 16px; padding: 5px 15px}
	
	/* HOMEPAGE */
	#block-block-3 button {margin-top: 5px; width: 100%}
	#block-block-3 input:placeholder {content: "Search the database"}
	#block-block-3 .object img {width: 100%}
	
	#block-sm-search {padding: 10px}
	#block-sm-search .search-box button {margin-top: 10px}
	
	#block-views-collections-collections .collection {float: left; clear: both; margin: 10px 0; width: 100%}
	
	#block-views-galleries-block .view-content {margin-left: -4%; width: 104%}
	#block-views-galleries-block .views-row {float: left; margin: 10px 0; padding-left: 4%; width: 50%}
	#block-views-galleries-block .views-row:nth-child(2n+1) {clear: both}
	
	/* SOCIAL MEDIA */
	#block-multiblock-1 {float: right; clear: both; margin: 10px 0}
	
	/* TEAM & PARTNERS */
	#block-views-team-block .views-row {border-bottom: 1px dashed #E4E4E4; padding-bottom: 15px}
	#block-views-team-block .views-row-last {border: 0; padding: 0}
	#block-views-team-block .views-field-nothing {float: left; clear: both; margin-top: 10px}
}

/* MOBILE AND TABLET STYLES */
/* ------------------------ */
@media only screen and (max-width: 1024px) {
	.not-front h1 {font-size: 28px; margin: 0; padding: 10px}
	
	[class*="col-"] {width: 100%}
	
	/* HOMEPAGE */
	.view-banners .attachment .views-row {position: relative; width: 100%}
		
	/* MENUS */
	#block-superfish-1 {float: left; background: #0B9BB5; padding: 10px; width: 100%}
	#block-superfish-1 a {color: #FFF}
	#block-superfish-1 #superfish-1-accordion li {font-size: 20px; margin: 10px 0 10px 30px}
	#block-superfish-1 .sf-accordion-toggle {font-size: 22px}
	
	/* SUPPORT */
	#block-block-9 {margin: 40px 0 0}
	
	/* VISITOR INFORMATION */
	#block-block-2 {margin-top: 40px}
}


/* TABLET-ONLY STYLES */
/* ------------------ */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
	/* COLLECTIONS */
	#block-views-collections-referenced-objects .exhibition-object {width: 33.3%}
	#block-views-collections-referenced-objects .exhibition-object:nth-child(3n+1) {clear: both}

	/* MENUS */
	#block-superfish-1 .sf-accordion-toggle {font-size: 28px}
	
	/* VISITOR INFORMATION */
	#block-block-2 .visitor-info-block {float: left; width: 50%}
	#block-block-2 .visitor-info-block.admission {padding-left: 2%}
}


/* TABLET AND DESKTOP STYLES */
/* ------------------------- */
@media only screen and (min-width: 601px) {
	#block-block-8 .sm-button {width: 500px}
	
	/* COLLECTIONS */
	#block-views-collections-collections, #block-views-collections-highlight {float: left; width: 100%}
	
	#block-views-collections-collections .view-content {margin-left: -2%}
	#block-views-collections-collections .collection {float: left; margin: 10px 0; padding-left: 2%; width: 33.3%}
	#block-views-collections-collections .collection img {width: 100%}
	#block-views-collections-collections .collection:nth-child(3n+1) {clear: both}
	
	#block-views-collections-referenced-objects {width: 102%}
	#block-views-collections-referenced-objects .view-content {margin-left: -2%}
	#block-views-collections-referenced-objects .exhibition-object {float: left; margin: 15px 0; padding-left: 2%}
	#block-views-collections-referenced-objects .exhibition-object .views-field-edit-node {float: right; font-size: 14px}
	#block-views-collections-referenced-objects .exhibition-object .views-field-field-images {position: relative; border: 2px solid #0B9BB5; padding: 2px; text-align: center; width: 200px; height: 200px}
	#block-views-collections-referenced-objects .exhibition-object .views-field-field-images img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 98%; max-width: 98%}
	
	.node-collections-object .field-name-field-images {float: right; border: 2px solid #0B9BB5; margin: 5px 0 10px 20px; padding: 2px}
	
	.view-collections .object .views-field-field-images {float: left; margin-right: 15px; text-align: center; width: 208px}
	
	/* EVENTS/EXHIBITIONS */
	.sm-exhibitions .view-content, .view-whats-on .view-content {display: flex; flex-wrap: wrap; justify-content: space-between}
	.sm-exhibition-row, .view-whats-on .views-row {margin: 20px 0; width: 48%}
	
	/* FOOTER */
	#block-block-10 {margin: auto; padding: 20px 0; width: 70%}
	#block-block-10 .acknow-logos {flex-wrap: wrap; justify-content: center}
	#block-block-10 .acknow-logos img {padding: 15px; height: 100px; width: auto}
	
	/* HEADER */
	#block-block-1 {float: right; padding: 8px 10px}
	#block-block-1 img {margin-left: 10px; width: 25px}
	
	/* IMAGES */
	.image-left, .image-right {max-width: 370px}
	.image-left {float: left; margin-right: 20px}
	.image-right {float: right; margin-left: 20px}
	p + figure.image-right {margin-top: 0}
	
	/* TEASERS */
	#block-views-graphical-links-teasers .view-content .views-row {flex-basis: 48%}
}

/* DESKTOP-ONLY STYLES */
/* ------------------- */
@media only screen and (min-width: 1024px) {
	.not-front h1 {display: table-cell; float: right; font-size: 40px; margin-top: -70px; padding: 12px 20px 10px; vertical-align: middle; height: 70px}
	
	/* BANNER */
	#banner {border-bottom: 5px solid #0B9BB5; min-height: 400px; z-index: 1}
	.view-banners .views-field-edit-node {position: absolute; left: 20px; bottom: 20px}
	.view-banners .views-field-edit-node a {display: block; background: #E4E4E4; color: #808080; padding: 20px}
	.view-banners .views-field-edit-node a:hover {background: #808080; color: #FFF}
	
	/* COLLECTIONS */
	#block-views-collections-referenced-objects .exhibition-object {width: 25%}
	#block-views-collections-referenced-objects .exhibition-object:nth-child(4n+1) {clear: both}
	
	/* EVENTS/EXHIBITIONS */
	.sm-events-home .view-content {margin-left: -2%}
	.sm-events-home .view-content .views-row {padding-left: 2%}
	
	.front .sm-event-body {display: none}
	.sm-event-title a {font-size: 28px}
		
	/* HEADER */
	header {z-index: 100}
	header .header-background {position: absolute; top: 0; border-bottom: 5px solid #CC9900}
	
	#block-menu-menu-pre-header {float: left}

	/* HOMEPAGE */
	.front #block-system-main {float: left; width: 60%}
	
	#block-block-3 button {font-size: 22px; margin-left: 10px; padding: 4px 10px}
	#block-block-3 .object img {float: right; margin-left: 20px; width: 300px}
	
	#block-sm-search {padding: 20px}
	
	#block-views-collections-collections .views-row {float: left; margin-bottom: 20px; width: 100%}
	#block-views-whats-on-block-2 {float: left; width: 100%}
	
	/* MENUS */
	#block-superfish-1 {position: absolute; bottom: 0; right: 20px}
	#block-superfish-1 #superfish-1 li a {color: #B48A0B; padding: 10px 12px; text-transform: uppercase}
	#block-superfish-1 #superfish-1 li a:hover {background: #FAF7EE}
	#block-superfish-1 #superfish-1 li.active-trail a, #block-superfish-1 #superfish-1 li a.active {background: #CC9900; color: #FFF}
	#block-superfish-1 #superfish-1 li > ul {background: #CC9900; border-radius: 0; margin-top: -2px; padding: 0 !important}
	#block-superfish-1 #superfish-1 li > ul li a {color: #FFF; text-transform: none}
	#block-superfish-1 #superfish-1 li > ul li a:active, #block-superfish-1 #superfish-1 li > ul li a:hover {background: #F7F3E7; color: #B48A0B}
	
	/* SOCIAL MEDIA */
	#block-multiblock-1 {position: absolute; top: 10px; right: 20px}
}