h1, h2, h3 {
  font-weight: 700;
}

#opacitylayer {
  background-color: rgba(21,98,62,0.8);
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
  display: block;
}
/*********************************************
  - STANDARD CONFIG - H1, H2 etc.  -
**********************************************/
a.brandname, a.brandname:link, a.brandname:visited {
  color: #15623E;
}
#dslc-main a, #dslc-main a:link, #dslc-main a:visited {
  text-decoration: underline;
}
#dslc-main .dslc-widget-wrap ul a, #dslc-main .dslc-widget-wrap ul a:link, #dslc-main .dslc-widget-wrap ul a:visited {
 text-decoration: none;
}
#dslc-main a:hover {
  text-decoration: none;
}
.hidelabel {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}


@media only screen and (max-width:600px) { 
  h2 {
    font-size: 22px;
  } 
}

/*********************************************
  - HOMEPAGE CARDS -
**********************************************/
.cards{padding: 5px; display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}

@media (min-width: 768px){.cards{ -webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}

.cards .card{margin: 0px;min-height:300px;width:100%;background:#ccc;color:#ffffff;cursor:default;font-weight:400;background-size:cover;background-position:center}
.cards .card:hover{text-decoration: none;}
.cards .card-33 {width: 33.33%; padding: 5px; float: left;}
@media (max-width: 768px){.cards .card-33 {width: 100%;}}
.cards .card-66 {width: 66.66%; padding: 5px; float: left;}
@media (max-width: 768px){.cards .card-66 {width: 100%;}}
.cards .card-100 {width: 100%; padding: 5px; float: left;}

.cards .card[href*="."]{cursor:pointer}

.cards .card.card-url{cursor:pointer}

.cards .card .card_image{background:#ccc;height:210px;background-size:cover;background-position:center}
@media (max-width: 768px){.cards .card .card_image{ height:200px}}

.cards .card .card_content{padding:2em 2em; font-size: 2.2em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); }
.cards .card .card_content strong {font-size: 1.3em;}
@media (max-width: 768px){.cards .card .card_content{padding:2em 2em; font-size: 1.7em;}}

@media (max-width: 768px){.cards .card .card_content{ height:auto}}

.cards .card .card_content h2,.cards .card .card_content h3{margin-top:0;margin-bottom:.4em;font-weight:500}
.cards .card .card_content p{margin:0}
.cards .card.card-banner{height:600px;background-size:cover;background-position:center}

@media (min-width: 768px){.cards .card.card-banner{ height:600px}}

@media (min-width: 1024px){.cards .card.card-banner{ height:600px}}

.cards .card-table{display:table}
.cards .card-table .card-cell{display:table-cell;vertical-align:middle;text-align:center}

@media (max-width: 768px){.cards .card-table .card-cell.card_content h2{ margin:10px 10px;padding:20px 10px}}

@media (min-width: 768px){.cards .card{ font-size:11px}.cards .card h2{font-size:20px}}
@media (min-width: 1024px){.cards .card{ font-size:13px}.cards .card h2{font-size:21px}}

.cards.insight_cards .card .card_content h2 {
  margin: 0px;
  font-size: 1.4em;
}
.cards.insight_cards .card .card_content p {
  margin: 0px;
  font-size: 0.8em;
}
#sidebar .cards.insight_cards .card{min-height:100px;}
#sidebar .cards.insight_cards .card .card_content h2{font-size: 1em;}
#sidebar .cards.insight_cards .card .card_content p{font-size: 0.6em;}
#sidebar .cards .card .card_content{padding:0em 5px;}

/*********************************************
  - GRID SYSTEM  -
**********************************************/
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.col-4 {
  float: left;
  width: 33.33333%;
}
.col-8 {
  float: left;
  width: 66.66666%;
}
.col-8 #content {
  padding: 10px;
}
.container {
  padding-top: 20px;
}
.dslc-12-col {
  padding-bottom: 10px;
}
.dslc-modules-section {
  padding-bottom: 20px;
}
.wpb_text_column img {
  max-width: 100%;
  height: auto;
}
#content .wpb_content_element .widget li {
  border-style: none;
}
#content .wpb_content_element .widget ul {
  padding-left: 0px;
  list-style: none;
}
#content .wpb_content_element .widget ul li a {
  background-color: #EDEDF0;
  border-radius: 5px;
  padding: 10px 10px;
  display: block;
  margin-bottom: 5px;
  color: #212121;
}
#content .wpb_content_element .widget ul li a:hover {
  background-color: #008B45;
  color: #ffffff;
  text-decoration: none;
}
.post-type-row-color {
  border-bottom: 3px solid #EDEDF0;
  padding: 5px 0px 15px;
}
.boxit {
  padding: 10px 5px 10px;
}
#dslc-content .boxit a.social {
  color: #404040;
}
#dslc-content .boxit i {
  margin: 5px 5px 0px 0px;
  font-style: normal;
  font-size: 2em;
}
/*********************************************
  - HEADER  -
**********************************************/
.site-header {
  height: 160px;
  width: 100%;
  position: relative;
} 
@media only screen and (max-width:1170px) { 
  .site-header .container {
    width: 100%;
  } 
}
@media only screen and (max-width:791px) { 
  .site-header {
    height: 60px;
  } 
}  
a.brandname {
 float: left;
}
a.brandname h6 {
  padding-top: 50px;
  font-size: 2.5em;  
}
a.brand-rix16 {
  float: left;
}
a.brand-rix16 img {
  border: none;
  margin: 25px 0px 0px 5px;
  max-width: 150px;
  width: 100%;  
}
@media only screen and (max-width:791px) { 
  a.brandname h6 {
    position: absolute;
    left: 0;
    right: 0;
    top: 18px;
    margin: 0px auto;
    padding-top: 0px;
    font-size: 1.5em;  
    width: 50%;
    text-align: center;
  }  
}
@media only screen and (max-width:600px) { 
  a.brandname h6 {
    position: absolute;
    left: 0;
    right: 0;
    top: 18px;
    margin: 0px auto;
    padding-top: 0px;
    font-size: 1.2em;  
    width: 50%;
    text-align: center;
  }  
}

a.brand-4h {
  width: 100%;
  text-align: center;
  display: block;
}
a.brand-4h img {
  border: none;
  margin: 0px auto;
  max-width: 150px;
  width: 100%;  
}

#searchform ::-webkit-input-placeholder {
   color: #ffffff;
}

#searchform :-moz-placeholder { /* Firefox 18- */
   color: #ffffff;
}

#searchform ::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff;
}

#searchform :-ms-input-placeholder {  
   color: #ffffff;
}
/*********************************************
  - NAVIGATION UPPER RIGHT  -
**********************************************/
.upper-nav {
  float: right;
  height: 80px;
  z-index: 999;
  margin-right: 20px;
}
.upper-nav ul li a, .green-nav ul li a:link, .green-nav ul li a:visited {
    color: #000000;
}
.upper-nav li#member-name a#my4h {
  margin-right: 20px;
  color: #ffffff;
  background-color: #222;
}
.upper-nav li#member-name a#my4h i {
  padding-right: 10px;
} 
.upper-nav li#member-name a#my4h:hover {
  text-decoration: underline;
}
.upper-nav li.current_page_item a, .upper-nav li.current_page_item a:link, .upper-nav li.current_page_item a:visited {
  background-color: #EEE;
}
#menu-toggle-upper {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 20px;
}
#menu-toggle-upper .text {
  display: none;
}  
.upper-nav-4h-collapse .nav-position .collapse-4h {
  width: 70%;
  position: fixed;
  top: 0;
  right: 0;
}
.upper-nav-4h-collapse ul {
  position: inherit;
  right: 0%;
  top: 0;
  width: 70%;
  background: none;
  margin: 0px;
  overflow: auto;
  height: 100%;
  background-color: #ffffff;
}  
.upper-nav-4h-collapse .collapse-4h li {
  display: block;
}
.upper-nav-4h-collapse .collapse-4h li a, .upper-nav-4h-collapse .collapse-4h li a:visited, .uupper-nav-4h-collapse .collapse-4h li a:link {
  color: #212121;
  font-size: 1em;
}
.upper-nav-4h-collapse .collapse-4h li a:hover, .upper-nav-4h-collapse .collapse-4h li.current_page_item a {
  color: #15623E;
} 

/*********************************************
  - SEARCH UPPER RIGHT  -
**********************************************/
.upper-search {
  float: right;
  height: 80px;
  padding-top: 12px;
  z-index: 999;
}
.search-position .collapse-4h form {
  position: relative;
}
.search-position .text {
  background: #15623e;
  border: none;
  padding: 5px 5px;
  position: relative;
  z-index: 99991;
  width: 250px;
  color: #ffffff;
  border-radius: 5px;
}
.search-position .submit {
  background: #ffffff;
  border: none;
  position: absolute;
  z-index: 99992;
  right: 4px;
  top: 4px;
  padding: 3px 10px;
  color: #15623e;
  border-radius: 3px;
}
.upper-search #search-closer-upper {
  display: none;
}

  .upper-search-4h-collapse #search-toggle-upper {
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 0;
    font-size: 20px;
    display: block;
  }
  .upper-search-4h-collapse #search-closer-upper {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 20px;
    display: block;
    z-index: 99;
  }
  .upper-search-4h-collapse #search-toggle-upper .text, #search-closer-upper .text {
    display: none;
  }  
  .upper-search-4h-collapse .search-position .collapse-4h {
    height: 50px;
    width: 100%;
    position: absolute;
    top: -50px;
    right: 0;
    background-color: #ffffff;
  }
  .upper-search-4h-collapse .search-position .collapse-4h form {
    position: relative;
    width: 80%;
    margin: 15px 0px 0px 10px;
  }
  .upper-search-4h-collapse .search-position .text {
    background: #15623e;
    border: none;
    padding: 5px 5px;
    position: relative;
    z-index: 99991;
    width: 100%;
    color: #ffffff;
    border-radius: 5px;
  }
  .upper-search-4h-collapse .search-position .submit {
    background: #ffffff;
    border: none;
    position: absolute;
    z-index: 99992;
    right: 5px;
    top: 5px;
    padding: 2px 10px;
    color: #15623e;
    border-radius: 5px;
  }  

/*********************************************
  - SLIDER BG SET POSITION  -
**********************************************/
.position-slidenav-set {
  width: 100%;
  height: 680px;
  position: relative;
  top: 0;
}
.position-slidenav-set-mini {
  width: 100%;
  height: 150px;
  position: relative;
  top: 0;
}
/*********************************************
  - SLIDER BG FULLWIDTH  -
**********************************************/
body .slider-background {
  width: 100%;
  height: 680px;
  position: absolute;
  top: 0;
  z-index: -68;
}
body .slider-background-mini {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  z-index: -68;
}  
/*********************************************
  - NAVIGATION GREEN  -
**********************************************/
.green-nav {
  position: absolute;
  width: 100%;
  height: 80px;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 999;
}
.green-nav .nav-position { 
  max-width: 1140px;
  width: 100%;  
  margin: 0px auto;
}
.green-nav ul {
  background-color: #008B45;  
  max-width: 1170px;
  width: 100%;  
  margin: 0px auto;  
}
.green-nav > div > div > ul > li:first-child {
  padding-left: 20px;
}
.green-nav ul ul {
  width: auto;  
}
.green-nav ul li a, .green-nav ul li a:link, .green-nav ul li a:visited {
  color: #ffffff;
}
.green-nav .navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.4em;
  font-weight: 300;
}
.green-nav .navbar-nav > li > ul > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.green-nav .nav > li > a:hover, .green-nav .nav > li > a:focus, 
.green-nav .nav .open > a, .green-nav .nav .open > a:hover, .green-nav .nav .open > a:focus,
html .green-nav .dropdown-menu > .active > a, html .green-nav .dropdown-menu > .active > a:hover, html .green-nav .dropdown-menu > .active > a:focus,
.green-nav .dropdown-menu > li > a:hover, .green-nav .dropdown-menu > li > a:focus,
html .green-nav .current_page_item > a, html .green-nav .current_page_item > a:link, html .green-nav .current_page_item > a:visited
 {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #15623E;
}

html .green-nav .current_page_parent > a, html .green-nav .current_page_parent > a:link, html .green-nav .current_page_parent > a:visited {
  background-color: #15623E;
  border-color: #15623E;
  color: #ffffff;
}

#menu-toggle {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 20px;
  display: block;
}
#menu-toggle .text {
  display: none;
}  
.green-nav-4h-collapse .nav-position .collapse-4h {
  height: 72px;
  width: 25%;
  position: fixed;
  top: 0;
  right: 0;
}
.green-nav-4h-collapse ul {
  position: fixed;
  left: 0;
  top: 0;
  width: 70%;
  background: none;
  overflow: auto;
  height: 100%;
  background-color: #ffffff;
}  
.green-nav-4h-collapse > div > div > ul > li:first-child {
  padding-left: 0px;
}
.green-nav-4h-collapse .collapse-4h li {
  display: block;
}
.green-nav-4h-collapse .collapse-4h li a, .green-nav-4h-collapse .collapse-4h li a:visited, .green-nav-4h-collapse .collapse-4h li a:link {
  color: #212121;
  font-size: 1em;
}
.green-nav-4h-collapse .collapse-4h li a:hover, .green-nav-4h-collapse .collapse-4h li.current_page_item a {
  color: #15623E;
}
@media only screen and (max-width:700px) { 
  html .green-nav .current_page_parent > a, html .green-nav .current_page_parent > a:link {
    background-color: #ffffff;
  }
} 

/*********************************************
  - SLIDER  -
**********************************************/

.slider-wrapper {
  height: 600px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 99;
}
@media only screen and (max-width:480px) { 
  .slider-wrapper {
    top: 5px;
  }
} 
.boxedcontainer   { 
  max-width: 1170px; 
  margin: 30px auto 0px; 
  padding:0px 15px; 
}

.tp-banner-container{
  width:100%;
  position:relative;
  padding:0;
}
.tp-banner-fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}

@media (max-width: 800px) {

}

/*********************************************
  - END SLIDER  -
**********************************************/

/*
Containers etc
*/

body .full-container {
  width: 98%;
  margin: 0px auto;
  position: relative;
  clear: both;
  z-index: 0;
}
@media (max-width: 600px) {
  body .full-container {
    width: 90%;
  }
}
body .dslc-modules-section-wrapper {
  max-width: 1140px;
  width: 100%;
}

/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
An example of how to use CSS to display an image as a background of an HTML element.
*/

#site-title a {
  display: inline-block;
  padding: 30px 0 30px 100px;
  background: url(../img/bst.png) 0 0 no-repeat;
  background-size: 95px 95px
}
#site-title a:hover {
  background: url(../img/bst-hover.png) 0 0 no-repeat;
  background-size: 95px 95px;
  text-decoration: none
}

/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}


/*
Blog
*/

.blog-page footer h4, .blog-page footer .text-muted {
  font-size: 13px;
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

/*
Footer
*/

#footer {
  color: #ffffff;
  width: 100%;
}
#footer a, #footer a:link, #footer a:visited {
  color: #ffffff;
  text-decoration: none;
}
html #footer .current_page_item > a, html #footer .current_page_item > a:link, html #footer .current_page_item > a:visited {
  background-color: #ffffff;
  color: #008b45;
}
.footer-lightgrey {
  background-color: #EDEDF0;
  width: 100%;
  padding: 30px 0px 30px;
  color: #404040;
}
#footer .social-share a {
  font-size: 3em;
  margin-right: 10px;
  color: #404040;
}
#footer .social-share a:hover {
  color: #888888;
}
.footer-lighter {
  background-color: #008b45;
  width: 100%;
  padding: 20px 0px;
}
.footer-darker {
  background-color: #15623e;
  width: 100%;  
  padding: 20px 0px;
}
.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
#footer .navbar-footer > li > a {
  padding: 5px 5px;
}
#footer .footer-darker .navbar-footer > li > a {
  padding: 0px 5px;
}
@media only screen and (max-width:992px) { 
  #footer .footer-darker .navbar-footer {
    margin-top: 10px;
  }
  #footer .navbar-footer > li > a {
    text-decoration: underline;
  }
  #footer .footer-darker .navbar-footer > li > a {
    padding: 0px 0px;
    margin-bottom: 5px;
  }
}
#footer .navbar-footer > li > a:hover {
  color: #008B45;
}
.sub-footer p {
  text-align: center
}

/*
Alert
*/
.alert-info {
  color: #15623E;
  background-color: #e7fdf3;
  border: 1px solid #15623E;  
}
.btn-primary {
  background-color: #008B45;
  border: 1px solid #15623E;
}
.footer-lightgrey .btn-primary {
  background-color: #404040;
  border: 1px solid #404040;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-color: #888;
  border-color: #888;
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Mail Chimp alert
*/
.mc4wp-alert {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 10px;
}
.mc4wp-success {
  background-color: #008B45;
  color: #ffffff;  
}

/*
Woocommerce re-styling
*/
#content .woocommerce{
  max-width: 1000px;
  width: 100%;
  margin: 10px auto;
}
.woocommerce a:focus {
  outline: none
}
.woocommerce .count {
  background: inherit
}
.woocommerce .added_to_cart {
  display: block !important
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0
}

/*
Absolute follow triggers
*/
#follower-trigger {
  position: fixed;
  right: -25px;
  top: 50%;
  bottom: 50%;
  z-index: 99999;
  color: #404040;
}
#follower-trigger #menu-toggle-follower {
  position: relative;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);  
  border: 1px solid #15623E;
  color: #15623E;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
}
#follower-trigger #menu-toggle-hide-follower {
  position: relative;
  border: 1px solid #15623E;
  color: #15623E;
  cursor: pointer;
}
#follower-trigger #follower-content {
  display: none;
  position: fixed;
  width: 100%;
  max-width: 300px;
  height: 100%;
  overflow: auto;
  right: 0px;
  top: 0px;
  background-color: #EDEDF0;
  padding: 5% 20px;
}
#follower-trigger #follower-content h6 {
  font-size: 1.5em;
}
@media only screen and (max-width:1200px) { 
  #follower-trigger {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    z-index: 99999;
    padding: 10px;
    text-align: center;
  }
  #follower-trigger #menu-toggle-follower {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;  
    border: 1px solid #15623E;
    color: #15623E;
    cursor: pointer;
  }  
}

/*
Important thins to overite earlier
*/
body .toggle-icon {
  display: inline-block;
  padding: 15px;
}

@media only screen and (max-width:600px) { 
  h2 {
    font-size: 22px;
  } 
}

body.dslc-res-phone .dslc-col {
  margin-bottom: 10px;
}


/*********************************************
  - ADMIN FRONTEND CSS  -
**********************************************/
#menu-toggle-admininterface {
  position: fixed;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);  
  border: 1px solid #15623E;
  color: #ffffff;
  cursor: pointer;  
  top: 50%;
  left: -60px;
  padding: 5px 10px;
  display: block;
  background-color: #008B45;
}
@media only screen and (max-width:1200px) { 
  #menu-toggle-admininterface {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;  
    top: auto;
    left: auto;
    padding: 10px 10px;
    margin-top: 10px;
    display: block;
    background-color: #008B45;
  }
}
.admin-interface a.admin-btn-edit, .admin-interface .admin-btn-edit-uppernav, .admin-interface a.admin-btn-edit-bottom, .admin-interface #footer a.admin-btn-edit-footer {
  display: none;
}
.admin-interface a.admin-btn-relative-edit {
  position: relative;
  background-color: #ffffff;
  padding: 10px 5px;
  border: 2px dotted #008B45;
  color: #008B45;
  z-index: 99998;
  display: block;
}  
@media only screen and (min-width:1010px) { 
  .admin-interface .nav-position {
    position: relative;
  }
}
@media only screen and (min-width:800px) { 
  .admin-interface a.admin-btn-edit {
    position: absolute;
    top: 50px;
    background-color: #ffffff;
    left: 0px;
    padding: 10px 5px;
    border: 2px dotted #008B45;
    color: #008B45;
    z-index: 99998;
    display: block;
  }
  .admin-interface a.admin-btn-edit-green-menu {
    position: absolute;
    top: -44px;
    background-color: #ffffff;
    left: 0px;
    padding: 10px 5px;
    border: 2px dotted #008B45;
    color: #008B45;
    z-index: 99998;
    display: block;
  }
  .admin-interface a.admin-btn-edit-uppernav {
    position: absolute;
    top: 50px;
    background-color: #ffffff;
    right: 10px;
    padding: 10px 5px;
    border: 2px dotted #008B45;
    color: #008B45;
    z-index: 99998;
    display: block;
  }
  .admin-interface a.admin-btn-right-edit {
    position: absolute;
    top: 50px;
    background-color: #ffffff;
    right: 0px;
    padding: 10px 5px;
    border: 2px dotted #008B45;
    color: #008B45;
    z-index: 99998;
    display: block;
  }
  .admin-interface a.admin-btn-edit-bottom {
    position: absolute;
    bottom: 0px;
    background-color: #ffffff;
    left: 0px;
    padding: 10px 5px;
    border: 2px dotted #008B45;
    color: #008B45;
    z-index: 99998; 
    display: block;
  }
  .admin-interface #footer a.admin-btn-edit-footer {
    padding: 5px;
    color: #ffffff;
    margin-top: 5px;
    display: block;
    border: 2px dotted #ffffff;
  }
}
@media only screen and (max-width:800px) { 
  .admin-btn, #menu-toggle-admininterface {
    display: none;
  }
}

#member-content {
  position: fixed;
  top: 6px;
  right: 10px;
  z-index: 999999;
  display: inline-block;
  font-size: 13px;
}
@media only screen and (max-width:600px) { 
  #member-content {
    position: absolute;
    padding: 5px 0px;
  }
}
#member-content li {
  display: inline-block;
  margin-left: 5px;
  color: #ffffff;
}
#member-content li a {
  color: #ffffff;
  padding: 0px 8px 0px 7px;
}
#member-content li#member-name {
  display: inline-block;
  margin-left: 30px;
  color: #ffffff;
}

.dslca-module-edit-save {
  position: fixed;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  display: block;
  width: 200px;
  height: 80px;
  font-size: 2em;
  margin-left: -100px;
  margin-top: -40px;
  text-align: center;
  border: 5px solid #000000;
  padding: 20px 20px;
  color: #000000;
}

.kaninen-ruff .admin-interface a.admin-btn-edit-bottom, .kaninen-ruff .dslca-container, .kaninen-ruff #footer, .kaninen-ruff .green-nav, .kaninen-ruff header, .kaninen-ruff .slider-background, .kaninen-ruff .slider-wrapper, .kaninen-ruff .col-md-3, .kaninen-ruff .position-slidenav-set {
  display: none;
}
