/*Layouts css goes here*/
.blog .site-main article, .archive .site-main article, .search .site-main article {
  padding-bottom: 2em;
}

@media screen and (min-width: 48em) {
  .blog .site-main article, .archive .site-main article, .search .site-main article {
      padding-bottom: 4em;
  }
}

.page-header {
    border-bottom: none;
    margin: inherit;
}

.page-numbers a {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-numbers a:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.page-numbers ul li {
    list-style: none;
    display: inline-block;
    padding: 0.5em 0.75em;
}

.page-numbers ul li a:hover {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1)!important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1)!important;
}

.page-numbers ul li .wpv-archive-pagination-link-current {
    color: #767676;
}

/*.page-two-column .panel-content .entry-header {
    width: auto;
}

.page-two-column .panel-content .entry-content {
    width: 75%;
}*/

.panel-content .wrap {
    margin-left: auto;
    margin-right: auto;
}

.twentyseventeen-front-page article.twentyseventeen-panel:not(.has-post-thumbnail):first-child {
    border-top: 1px solid #ddd;
}

.twentyseventeen-front-page article.row.twentyseventeen-panel {
    border-top: none!important;
}
/* MSB Remove WP site info */
.site-info a {display: none;}

/* MSB Make Menus and Logo responsive
   All tested ok
   Note: padding smaller than 40 otherwise menus jumps on scrolling*/
@media (min-width: 950px) {
header .navigation-top {
  position: fixed;
  padding: 0px;
  height: 190px;
  top: 0;
    background-image: url(/wp-content/uploads/2017/11/Logo-Climanosco_EXTRA-LONG-UNDERLINE_TAGLINE_Doubled.png);
    background-repeat: no-repeat;
    background-position: 50% 90%;
    background-origin: border-box;
    background-size: 2500px;
    z-index: 100;
}
header .navigation-top .wrap {width: 100%; max-width: 1100px!important;}
header .main-navigation ul {text-align: justify;}
header .main-navigation ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
header .main-navigation ul:before {
    content: '';
    display: block;
}
header ul#top-menu.menu li {width: auto; text-align: left;}
.msb-page-content {
  margin-top: 150px; 
}
}
@media (min-width: 768px) and (max-width: 950px){
header .navigation-top {
  position: fixed;
  padding: 0px;
  height: 190px;
  top: 0;
    background-image: url(/wp-content/uploads/2017/11/Logo-Climanosco_EXTRA-LONG-UNDERLINE_TAGLINE_Doubled.png);
    background-repeat: no-repeat;
    background-position: 50% 85%;
    background-origin: border-box;
    background-size: 2000px;
    z-index: 100;
}
header .navigation-top .wrap {width: 100%;}
header .main-navigation ul {text-align: justify;}
header .main-navigation ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
header .main-navigation ul:before {
    content: '';
    display: block;
}
header ul#top-menu.menu li {width: auto; text-align: left;}
.msb-page-content {
  margin-top: 150px; 
}
}
@media (min-width: 600px) and (max-width: 768px){
header .navigation-top {
  padding: 10px;
  min-height: 100px;
    background-image: url(/wp-content/uploads/2017/11/Logo-Climanosco_UNDERLINE_1.png);
    background-repeat: no-repeat;
    background-position: left 40px;
    background-origin: border-box;
    background-size: 400px;
  }
header .main-navigation {
    float: right;
      width: 200px;
  }
header ul#top-menu.menu li {width: auto; min-width: 200px; text-align: left;}
.msb-page-content {
  margin-top: 0; 
}
}
@media (min-width: 410px) and (max-width: 600px){
header .navigation-top {
  padding: 80px 0 10px 0;
  min-height: 110px;
    background-image: url(/wp-content/uploads/2017/11/Logo-Climanosco_UNDERLINE_1.png);
    background-repeat: no-repeat;
    background-position: left 15px;
    background-origin: border-box;
    background-size: 390px;
}
.msb-page-content {
  margin-top: 0; 
}
}
@media (max-width: 410px){
header .navigation-top {
  padding: 80px 0 10px 0;
  min-height: 110px;
    background-image: url(/wp-content/uploads/2017/11/Logo-Climanosco_UNDERLINE_1.png);
    background-repeat: no-repeat;
    background-position: left 15px;
    background-origin: border-box;
    background-size: 95%;
}
.msb-page-content {
  margin-top: 0; 
}
}

/* MSB: Increase the width of contents */
/* I used 1145px; I try now 1000px */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.has-sidebar) #primary,
.archive.page-one-column:not(.has-sidebar) #primary {
        margin-left: -1em;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        max-width: 1000px;
}

/* MSB: Adds a gap after the slider */
.msb-slider-container {
  padding-bottom: 6em;
}
/* MSB Slider Show Styles */
.msb-slider-inner .carousel-inner .item {
  background-position: 65% center!important;
}
.msb-slider-inner .carousel-inner .item:after {
  content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
    )!important;
	opacity: .30; /*0.35*/
}
.msb-slider-caption-box {
  text-shadow: none;
  position: absolute;
  text-align: center;
  /*top: -330px;*/
  /*bottom: 150%;*/
  bottom: 50px;
  height: 400px;
  left: 0px;
  width: 100%;
}
.msb-slider-caption {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}
@media (min-width: 768px){
.msb-slider-caption-text {
  text-decoration: none;
  /*font-size: 50px;*/
  font-size: 38px;
  /*font-weight: bold;*/
  font-family: Helvetica, arial, sans-serif;
  margin-bottom: 20px;
}
.msb-slider-learnmore-box {
  text-decoration: none;
  font-size: 20px;
  font-family: Helvetica, arial, sans-serif;
  padding:5px;
  }
.msb-slider-arrow-down-box {
  text-decoration: none;
  font-size: 30px;
  //font-family: Helvetica, arial, sans-serif;
  padding:5px;
  }
}
@media (max-width: 768px){
.msb-slider-caption-text {
  text-decoration: none;
  /*font-size: 35px;*/
  font-size: 28px;
  /*font-weight: bold;*/
  font-family: Helvetica, arial, sans-serif;
  margin-bottom: 15px;
}
.msb-slider-learnmore-box {
  text-decoration: none;
  font-size: 16px;
  font-family: Helvetica, arial, sans-serif;
  padding:5px;
  }
.msb-slider-arrow-down-box {
  text-decoration: none;
  font-size: 24px;
  //font-family: Helvetica, arial, sans-serif;
  padding:5px;
  }
}
.msb-slider-caption-text-dear2050 {
  color: rgba(0, 66, 68, 1)!important;
  background-color: rgba(202, 232, 226, 0.75)!important;
  border-style: none!important;
}
.msb-slider-caption-text-white {
  color: white;
}
.msb-slider-learnmore-box-white{
  color: white;
  border: 1px solid white;
}
.msb-slider-learnmore-nbox-white{
  color: white;
  //border: 1px solid white;
}
.msb-slider-learnmore-nbox-green{
  color: #227022;
  //border: 1px solid #227022;
}
.msb-slider-learnmore-nbox-brown{
  color: #664F2F;
  //border: 1px solid #664F2F;
}
.msb-slider-caption-text-brown {
  color: #664F2F;
}
.msb-slider-learnmore-box-brown{
  color: #664F2F;
  border: 1px solid #664F2F;
}
.msb-slider-caption-text-green {
  color: #227022;
}
.msb-slider-learnmore-box-green{
  color: #227022;
  border: 1px solid #227022;
}
/* Featured Images on Pages */
.single-featured-image-header {
    background-size: cover!important;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}
.single-featured-image-header-container {
    width: 100%;
    height: auto;
    max-height: 500px;
    overflow: hidden;
}
/* Featured Images with text on top for Student voices */
.small-featured-image-header {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.small-featured-image-header-container {
    position: relative;
    width: 100%;
    height: 300px;
    margin-top: -25px;
    text-align: center;
    color: white;
    overflow: hidden;
}
.student-voice-title-box-header {
  z-index: 90;
  position: absolute;
  top: 75%;
  left: 0;
  width: 92%;
  transform: translate(0, -75%);
  background: rgba(255,255,255,0.65);
  padding: 10px 20px 10px 20px;
  margin: 0;
}
h1.student-voice-title {
  text-align: right;
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 32px !important;  /* std is 24 */
  font-family: Helvetica, arial, sans-serif;
  margin: 10px 0 10px 0;
  padding: 0;
}
h2.student-voice-title {
  text-align: right;
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 21px !important;  /* std is 24 */
  font-family: Helvetica, arial, sans-serif;
  margin: 0; padding: 0;
}
@media (min-width: 768px){
  .msb-show-if-large { }
  .msb-show-if-mobile { display:none; }
}
@media (max-width: 768px){
  .msb-show-if-large { display:none; }
  .msb-show-if-mobile { }
}
.msb-student-voices-outline {
 /* padding: 10px 30px 10px 30px; */
 color: #664F2F;
 font-size: 1.1em;
}
/* Widget for Student voices */
.msb-student-voices-widget-area {
 padding-top: 20px;
 padding-bottom: 20px;
 font-size: 14px;
}
.msb-student-voices-widget-back {
}
.msb-student-voices-widget-box {
  padding-bottom: 10px;
  padding-top: 10px;
  /*margin-bottom: 10px;*/
  background-color: #d4cfc3; /* #bfb8a5; #AAA187;*/
}
.msb-student-voices-widget-area h2 {
 font-size:18px;
 color: #555!important;
}
.msb-student-voices-widget-area h3 {
 font-size:16px;
 color: #777!important;
}
/* List boxes with Images and text on top for Student voices */
.msb-post-list-2col-wimg-box{
  margin: 0 20px 10px 0!important;
  display: inline-block;
  height: 250px;
  background-color: white;
  /* box-shadow: 0 1px 2px rgba(0,0,0,0.15); */
  border: 1px solid #F0F0F0;
  color: #555!important;
}
@media (min-width: 768px){
  .msb-post-list-2col-wimg-box{
      width: 47%;
  }
}
@media (max-width: 768px){
  .msb-post-list-2col-wimg-box{
      width: 100%;
  }
}
.msb-post-list-2col-wimg-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    color: white;
    overflow: hidden;
}
.msb-post-list-2col-wimg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.msb-post-list-2col-wimg-title-header {
  z-index: 90;
  position: absolute;
  top: 50%;
  left: 0;
  width: 92%;
  transform: translate( 0, -50%);
  /* transform: translate(0, -50%); */
  background: rgba(255,255,255,0.65);
  /* padding: 10px 20px 10px 10px; */
  padding: 0px 5px 0px 5px;
  margin: 0;
}
h1.msb-post-list-2col-wimg-title {
  text-align: right;
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 24px !important;  /* std is 24 */
  font-family: Helvetica, arial, sans-serif;
  margin: 10px 10px 10px 0; padding: 0;
  line-height: 0.96em;
}
.msb-post-list-2col-wimg-title-footer {
  z-index: 90;
  position: absolute;
  bottom: 0;
  left: 0;
  /* transform: translate(0, -50%); */
  width: 100%;
  background: rgba(255,255,255,1);
  padding: 5px 5px 5px 10px;
  margin: 0;
}
h2.msb-post-list-2col-wimg-title {
  text-align: left;
  color: #777 !important;
  font-weight: normal !important;
  font-size: 13px !important;  /* std is 24 */
  font-family: Helvetica, arial, sans-serif;
  margin: 0; padding: 0;
}
/* New fonts for body, page titles, menus and page texts */
body,
button,
input,
select,
textarea {
        color: #555 !important;
        font-family: Helvetica, arial, sans-serif;
}
/* Font styles for titles of pages with line underneath */
@media (min-width: 600px) {
.entry-title, .entry-title a {
  margin-right: 0;
  width: 55%;
  text-align: right;
  text-transform: uppercase;
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 24px !important;
  font-family: Helvetica, arial, sans-serif;
}
hr#entry-title-hr {
    position: relative!important;
    bottom: 29.5px!important;
    border-style: solid!important;
    border-width: 0px!important;
    height: 1px!important;
    color: #664F2F!important;
    background-color:#664F2F!important;
    margin-left: 0%!important;
    margin-right: 45%!important; 
    margin-right: -webkit-calc(45% + 1px)!important;
    margin-right: -moz-calc(45% + 1px)!important;
    margin-right: calc(45% + 1px)!important;
}
}
@media (max-width: 600px){
.entry-title, .entry-title a {
  margin-right: 0;
  width: 90%;
  text-align: right;
  text-transform: uppercase;
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 24px !important;
  font-family: Helvetica, arial, sans-serif;
}
hr#entry-title-hr {
    position: relative!important;
    bottom: 29.5px!important;
    border-style: solid!important;
    border-width: 0px!important;
    height: 1px!important;
    color: #664F2F!important;
    background-color:#664F2F!important;
    margin-left: 0%!important;
    margin-right: 10%!important; 
    margin-right: -webkit-calc(10% + 1px)!important;
    margin-right: -moz-calc(10% + 1px)!important;
    margin-right: calc(10% + 1px)!important;
}
}
/* Font styles for widgets */
.widget-title {
  color: #555 !important;
  font-family: Helvetica, arial, sans-serif;
}
/* Font styles for menus */
.navigation-top a {
  color: #555;
  font-size: 16px;
  font-weight: 500!important;
  font-family: Helvetica, arial, sans-serif;
  /*text-transform: uppercase;*/
}
.main-navigation a:hover {
  color: #664F2F!important;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
  color: #664F2F!important;
}
/* Font styles for submenus - to be checked */
.main-navigation li li:hover,
.main-navigation li li.focus {
  background: #AAA187;
  color: #555;
}
/* Font styles for Donate button */
.navigation-top a #msb-donate-button {
  color: white!important;
  padding: 3px;
  background-color: #227022;
}
.main-navigation a:hover #msb-donate-button {
  color: #227022!important;
  padding: 3px;
  background-color: transparent;
}
.navigation-top .current-menu-item > a #msb-donate-button,
.navigation-top .current_page_item > a #msb-donate-button {
  /*color: #227022!important;
  padding: 3px;
  background-color: transparent;*/
  color: white!important;
  padding: 3px;
  background-color: #227022;
}
/* Font styles for Login button */
.navigation-top a #msb-login-button {
  color: #555!important;
}
.main-navigation a:hover #msb-login-button {
  color: #227022!important;
}
/* MSB: Footer styles */
#msb-footer-image {
  padding-top: 6em;
}
.site-footer {
  background: #B9D094;
  border: none;
  margin-bottom:20px;
}
.social-navigation:not(.msb-article-main-column) {
  width: 97%!important;
  text-align: center!important;
}
/* MSB: Play with social menu
.social-navigation {
  position: fixed;
  bottom: 5px;
  left: 5px;
}
.social-navigation li {
  display: block;
} */
/* MSB: Colors in social menu in footer */
/* NB: to change color, search for #767676 */
footer .social-navigation a {
        color: white!important;
        background-color: #664F2F;
}
footer .social-navigation a:hover,
footer .social-navigation a:focus {
        color: white!important;
        background-color: #AAA187;
}
/* MSB: Colors in custom social menu */
.msb-custom-social ul {
}
.msb-custom-social li {
  display: inline!important;
}
.msb-custom-social a {
        color: white!important;
        background-color: #664F2F;
}
.msb-custom-social a:hover,
.msb-custom-social a:focus {
        color: white!important;
        background-color: #AAA187;
}
/* Social navigation buttons in articles */
.msb-article-main-column .social-navigation,
.msb-manuscript-main-column .social-navigation
{
  vertical-align: middle!important;
  line-height: 40px;
  width: 97%!important;
  text-align: right!important;
}
.msb-article-main-column .social-navigation a,
.msb-manuscript-main-column .social-navigation a
{
        color: white!important;
        background-color: #CCCCCC;
}
.msb-article-main-column .social-navigation a:hover,
.msb-article-main-column .social-navigation a:focus,
.msb-manuscript-main-column .social-navigation a:hover,
.msb-manuscript-main-column .social-navigation a:focus
{
        color: white!important;
        background-color: #AAA187;
}
/* Change colors for buttons but not for WYSIWYG editors */
/*.button:not(.msb-wysiwyg):hover,
.button:not(.msb-wysiwyg):focus,*/
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.search-submit:hover,
.search-submit:focus,
.yop_poll_vote_button:hover,
.yop_poll_vote_button:focus {
        color: white!important;
        background: #AAA187!important;
}
/*.button :not(.menu-toggle):not(.dropdown-toggle):not(.msb-wysiwyg){
        background-color: #664F2F!important;
        color: white!important;
}*/
.search-submit, .yop_poll_vote_button {
        background-color: #664F2F!important;
        color: white!important;
}
input[type="button"] {
        background-color: #664F2F!important;
        color: white!important;
        border: none!important;
}
input[type="submit"] {
        background-color: #664F2F!important;
        color: white!important;
}
/* Sets default WYSIWYG editor height */
.wp-editor-container textarea {
  height:400px!important;
}
/* Featured Cells */
.msb-featured-cell-grid {
  padding-bottom: 30px;
  }
.msb-featured-cell-text {
  padding: 20px;
  color: #555!important;
}
/* Still featured boxes */
.msb-featured-cell-still {
  width: 100%;
  position: relative;
  display: inline-block;
  min-height: 200px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
/* Create a simple white box, and add the shadow for the initial state */
.msb-featured-cell {
  width: 100%;
  position: relative;
  display: inline-block;
  min-height: 200px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: all 0.3s ease-in-out;
}
/* Create the hidden pseudo-element */
/* include the shadow for the end state */
.msb-featured-cell::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  transition: opacity 0.3s ease-in-out;
}
/* Scale up the box */
.msb-featured-cell:hover {
  transform: scale(1.2, 1.2);
}
/* Fade in the pseudo-element with the bigger shadow */
.msb-featured-cell:hover::after {
  opacity: 1;
}
/* General use classes */
.msb-large {font-size: large}
.msb-xlarge {font-size: x-large}
.msb-small {font-size: small}
.msb-xsmall {font-size: x-small}
.msb-smaller {font-size: smaller}
.msb-medium {font-size: medium}
.msb-text-center {text-align: center}
.msb-text-right {text-align: right}
.msb-red {color: #973D14}
.msb-hide { display: none }
.msb-redirect-link { font-weight: normal; }
.msb-justify-p-only p { text-align: justify; }
/* Correct anchors for vertical shift:
<p id="msb-contact-form" class="msb-shifted-anchor"> </p> <div>...</div> */
@media (min-width: 768px){
.msb-shifted-anchor {
  margin-top: -200px;
  height: 200px;
  display: block;
  visibility: hidden;
}
}
@media (max-width: 768px){
.msb-shifted-anchor {
  margin-top: -100px;
  height: 100px;
  display: block;
  visibility: hidden;
}
}
/* <div class="msb-shifted-anchor-before">...</div> */
.msb-shifted-anchor-before:before {
  content: " "; 
  margin-top: -200px;
  height: 200px;
  display: block;
  visibility: hidden;
}
.msb-shifted-anchor-before-600:before {
  content: " "; 
  margin-top: -600px;
  height: 600px;
  display: block;
  visibility: hidden;
}
/* Style of links */
a,
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.site-footer .widget a,
.posts-navigation a,
.widget_authors a strong {
        text-decoration: none!important;
        color: #775d37;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        transition: none;
        transition: none;
        transition: none;
}
a:focus,
a:hover,
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.site-footer .widget a:focus,
.site-footer .widget a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
        color: #AAA187;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-decoration: none!important;
}
/*a {
  text-decoration: none!important;
  color: #775d37;
}*/
/*a:hover {
  color: #AAA187;
  text-decoration: none!important;
}*/
.msb-redirect-link a:hover {
  color: #AAA187;
}
.accordion-heading {
  font-weight: normal;
  color: #664F2F;
}
.accordion-heading a:hover {
  color: #AAA187;
}
/* Style of lists */
ul {
  list-style-type: circle;
  list-style-position: outside;
  padding-left: 2.5em;
}
ol {
  list-style-position: outside;
  padding-left: 2em;
}
.msb-ol-alpha {
  list-style-type: lower-alpha;
}
/* Form styles */
.msb-form-note {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  font-weight: normal!important;
  /* font-size: smaller; */
}
.msb-form-note a {
  text-decoration: none;
  color: #664F2F;
}
.msb-form-note a:hover {
  color: #AAA187;
}
.msb-form-label, form#loginform label, form#forgotpasswordform label {
  color: #555!important;
  font-size: 18px!important;
  font-weight: 300!important;
  padding: 5px 0 5px 0;
}
.msb-form-title {
  color: #555;
  font-size: 22px;
  font-weight: 300;
  padding: 10px 0 20px 0;
}
.msb-form-field {
 margin-bottom:  40px!important;
}
.msb-div-margin-bottom-20px div {margin-bottom: 20px;}
.msb-form-textarea-height {
  height: 6em!important;
}
.cred-form input[type="text"], .cred-form textarea {
  border: 1px solid #bbb!important;
}
.cred-form input[type="text"] {
    height: auto!important;
}
form#loginform input[type="text"], form#loginform input[type="password"], form#forgotpasswordform input[type="text"] {
  height: auto!important;
  border: 1px solid #bbb!important;
}
.cred-form input[type="text"]:focus, .cred-form textarea:focus, form#loginform input[type="text"]:focus, form#loginform input[type="password"]:focus, form#forgotpasswordform input[type="text"]:focus {
    border: 1px solid #bbb!important;
    box-shadow: 0 0 4px 1px #bbb;
}
.msb-form-checkbox .wpt-form-checkbox-label {
  display: inline;
    color: #555;
    white-space: normal;
}
.msb-form-checkbox ul, .msb-form-checkbox ol {
  padding-left: 5px!important;
}
/* Form error styles */
.cred-form .msb-form-error .wpt-form-error {
  text-align: center;
  width: 100%;
  height: auto;
  min-height: 2em;
  background-color: #DDCA52;
  color: #555;
  border: none;
  margin-bottom: 100px;
}
.cred-form .msb-form-error .wpt-form-error ul {
    list-style-type: none;
}
.cred-form .msb-form-error .wpt-form-error .msb-form-error-title {
  text-align: center;
  font-weight: bold!important;
  line-height: 2em;
}
.dashicons {
  vertical-align: middle;
  font-size: 1em;
}
.cred-form .msb-form-error .wpt-form-error .msb-form-error-title .dashicons {
  content: "";
  width: 2em;
  font-size: 2em;
}
.cred-form .msb-form-error-label .wpt-form-error {
  z-index: 100!important;
  background-color: #DDCA52;
  width: fit-content!important;
  color: #555;
  font-weight: bold;
  padding: 10px 10px 20px 10px;
  border: none;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 12% 75%, 0 100%, 0% 75%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 12% 75%, 0 100%, 0% 75%);
}
/* General buttons */
.msb-btn {
  width: 100%;
  color: #555!important;
  font-family: Helvetica, sans-serif;
  display: inline-block;
  white-space: normal;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  padding: 30px 15px 30px 15px;
  margin: 2px 0.5% 2px 0.5%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}
.msb-btn:not(.msb-btn-noborder), .msb-btn-cat:not(.msb-btn-noborder), .msb-btn-cat100:not(.msb-btn-noborder) {
  border: 2px solid #AAA187;
}
.msb-btn:hover {
  cursor: pointer;
  background-color: #AAA187;
}
.msb-btn input:checked + label {
  background-color: #AAA187;
}
.msb-btn-focus {
  background-color: #ebe9e3; //#AAA187;
}
/* Email buttons */
.msb-btn-email {
  width: auto;
  display: inline-block;
  text-align: center;
  padding: 5px 5px 5px 5px;
  border: 2px solid white;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}
.msb-btn-email:hover {
  cursor: pointer;
  border: 2px solid #AAA187;
  /* background-color: #AAA187; */
}
.msb-btn-email:focus {
  border: 2px solid #AAA187;
  background-color: #ebe9e3; //#AAA187;
}
/* Categories buttons */
.msb-btn-cat {
    width: 15em;
}
.msb-btn-cat100 {
    width: 97%;
}
.msb-btn-cat, .msb-btn-cat100 {
  display: inline-block;
  text-align: center;
  padding: 5px 5px 5px 5px;
  border: 2px solid white;
  margin: 5px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}
.msb-btn-cat:hover, .msb-btn-cat100:hover {
  cursor: pointer;
  border: 2px solid #AAA187;
  /* background-color: #ebe9e3; */
  /* background-color: #AAA187; */
}
.msb-btn-cat:focus, .msb-btn-cat-focus, .msb-btn-cat100:focus, .msb-btn-cat100-focus {
  border: 2px solid #AAA187;
  background-color: #ebe9e3; //#AAA187;
}
/* Contact image can increase from 18 (body) to 28px (title) */
.msb-contact-img {
   height: 18px;
  width: auto;
  /*width: 13em;*/
}
/* Tooltips */
/* <div class="msb-tip"><span class="dashicons dashicons-editor-help"></span><span class="msb-tiptext">THE TIP.</span></div> */
.msb-tip {
  position: relative;
  display: inline-block;
}
.msb-tip .dashicons {
  content: "";
  width: auto;
}
.msb-tip .msb-tiptext {
    visibility: hidden;
    width: 200px; /* 120px; */
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 100;
    bottom: 60%; //15%;
    left: 30%; //50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    font-size: 12px;
}
.msb-tip .msb-tiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.msb-tip:hover .msb-tiptext {
    visibility: visible;
    opacity: 1;
}
/* Stylying Message Pages */
.msb-message-page {
  padding: 40px 20px 20px 20px;
  text-align: center;
  font-size: 24px;
}
/*h2 {font-size:21px}
h3 {font-size:18px}*/
h1.h1msb {
  font-weight: normal !important;
  font-size: 24px !important;  /* std is 24 */
  font-family: Helvetica, arial, sans-serif;
  /*color: black;*/
}
h2 {font-size:23px}
h3 {font-size:20px;
color: #555;}
h4 {font-size:18px;
color: #555;}
.msb-margintop-50px {
  margin-top: 50px;
}
/* Styling tables for archive lists */
.msb-archive-list-row {
  padding: 15px;
  width: 100%;
  margin: 0 0 10px 0!important;
  display: inline-block;
  min-height: 20px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  color: #555!important;
}
.msb-list-elements {
  padding: 5px 15px 5px 15px;
  width: auto;
  margin: 0 0 10px 0!important;
  display: inline-block;
  min-height: 20px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
/* Comments container */
.comments-listing {
  width: 100%;
}
/* Comments ul list */
.commentlist, .commentlist li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.commentlist li ul {
  list-style-type: none;
  margin-left:30px;
  padding: 0;
  width: auto;
}
.commentlist li {
  color: #555;
  padding: 15px 15px 5px 15px;
  margin: 0 0 15px 0;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.msb-synthesis-box {
  padding: 25px;
  width: 100%;
  margin: 0 0 10px 0!important;
  display: inline-block;
  min-height: 20px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  border: 1px solid #d3d3d3;
}
.msb-flash-outline {
  display: inline-block;
  color: #777;
  margin-bottom: 25px;
  margin-top: 15px;
}
.msb-blog-featured-image {
  width: 100%;
  margin-bottom: 25px;
}
.msb-warning {
  color: #555;
}
.msb-warning-box {
  padding: 15px;
  width: 100%;
  display: inline-block;
  min-height: 20px;
  background-color: #DDCA52;
  box-shadow: none;
  border: 1px solid #973D14;
}
@media (min-width: 600px) {
.msb-article-main-column, .msb-manuscript-main-column{
  padding-right: 30px;
}
}
.msb-article-widget, .msb-manuscript-widget{
 padding-top: 20px;
  font-size: 14px;
}
.msb-article-widget-back, .msb-manuscript-widget-back{
}
.msb-article-widget-box, .msb-manuscript-widget-box{
  margin-bottom: 10px;
  padding-top: 10px;
  background-color: #d4cfc3; /*#bfb8a5; #AAA187;*/
}
.msb-article-widget h2, .msb-manuscript-widget h2 {
 font-size:18px;
 color: #664F2F;
}
.msb-article-widget h3, .msb-manuscript-widget h3 {
 font-size:16px;
 color: #555;
}
.msb-article-widget h4, .msb-manuscript-widget h4 {
 font-size:14px;
 color: #555;
}
.msb-article-widget hr, .msb-manuscript-widget hr {
    border-style: solid!important;
    border-width: 0px!important;
    height: 1px!important;
    color: #664F2F!important;
    background-color:#664F2F!important;
}
.msb-article-widget-accordtitle{
 width: 100%; 
}
/* Styles for article titles, subtitle */
.article-title, .manuscript-title {
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 27px !important;  /* std is 24 */
  font-family: Helvetica, arial, sans-serif;
}
.article-subtitle{
  margin-right: 0;
  width: 90%;
  text-align: right;
  text-transform: uppercase;
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 24px !important;  /* 21 */
  font-family: Helvetica, arial, sans-serif;
}
hr#article-subtitle-hr{
    position: relative!important;
    bottom: 29.5px!important;  /* 29.5 */
    border-style: solid!important;
    border-width: 0px!important;
    height: 1px!important;
    color: #664F2F!important;
    background-color:#664F2F!important;
    margin-left: 0%!important;
    margin-right: 10%!important; 
    margin-right: -webkit-calc(10% + 1px)!important;
    margin-right: -moz-calc(10% + 1px)!important;
    margin-right: calc(10% + 1px)!important;
}
.msb-article-excerpt {
 color: #664F2F;
  font-size: 1.1em;
}
.msb-article-body {
}
.manuscript-subtitle{
  margin-right: 0;
  width: 90%;
  text-align: right;
  text-transform: uppercase;
 /* color: #664F2F !important; */
  color: #999!important;
  font-weight: normal !important;
  font-size: 24px !important;  /* 21 */
  font-family: Helvetica, arial, sans-serif;
}
hr#manuscript-subtitle-hr{
    position: relative!important;
    bottom: 29.5px!important;  /* 29.5 */
    border-style: solid!important;
    border-width: 0px!important;
    height: 1px!important;
    color: #999!important;
    background-color:#999!important;
    margin-left: 0%!important;
    margin-right: 10%!important; 
    margin-right: -webkit-calc(10% + 1px)!important;
    margin-right: -moz-calc(10% + 1px)!important;
    margin-right: calc(10% + 1px)!important;
}
.msb-manuscript-excerpt{
  /*color: #664F2F;*/
  font-size: 1.1em;
}
.msb-manuscript-body{
}
/* Styles for CRED form SWITCHES */
.msb-form-switch {
  display: inline!important;
  width: auto;
}
.msb-form-switch .wpt-form-select { 
  display: inline!important;
  width: auto!important;
}
.msb-form-switch .wpt-form-submit {
  float: right!important;
  display: inline!important;
  width: auto!important;
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* Minibox for admin buttons actions */
.msb-minibox {
  font-size: x-small;
  padding: 2px;
  margin: 1px;
  border: 1px solid #775d37;
}
/* Call for manuscripts styles */
.call-manuscripts-title {
  color: #664F2F !important;
  font-weight: normal !important;
  font-size: 27px !important;  /* std is 24 */
  font-family: Helvetica, arial, sans-serif;
  margin-top: -50px;
}
.msb-icon-pdf {
  display: inline-block;
  width: 40px!important;
  height: 40px;
  font-size: 13px;
  border-radius: 50%;
  line-height: 40px;
  vertical-align: middle!important;
  text-align: center;
  background-color: #CCCCCC;
}
.msb-icon-pdf :hover, .msb-icon-pdf :focus{
  border-radius: 50%;
  background-color: #AAA187!important;
}
.msb-icon-pdf-inner:after {
  content: 'PDF';
  font-weight: bold;
  color: white!important;
}
.msb-library-articles-background {
   background-color: #AAA187;
   padding: 30px 5px 30px 5px;
   margin-top: 30px;
}
.my-collection-noart-class{
  padding-bottom: 30px;
  margin: 4px 12px 8px 12px;
  color: #ebe9e3;
}
/* Navigation in page lists */
.msb-nav-page-list-ul{
}
.wpv-filter-previous-link, .wpv-filter-next-link{
  color: #AAA187!important;
  border: 1px solid #AAA187!important;
}
.msb-nav-page-list-li .wpv_page_ellipsis{
  color: #AAA187!important;
  border:0!important;
  padding:2px!important;
}
li:not(.disabled) .wpv-filter-previous-link:hover, li:not(.disabled) .wpv-filter-next-link:hover{
  background-color: #ebe9e3!important;
}
.msb-nav-page-list-li .wpv-filter-pagination-link{
  color: #AAA187!important;
  border: 1px solid #AAA187!important;
}
.msb-nav-page-list-li.active .wpv-filter-pagination-link{
  background-color: #ebe9e3!important;
}
.msb-nav-page-list-li .wpv-filter-pagination-link:hover{
  background-color: #ebe9e3!important;
}
/* Disables navigation top menu */ 
ul#top-menu.menu > li.menu-item-has-children > a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.msb-page-separation hr{
    border-style: solid!important;
    border-width: 0px!important;
    height: 1px!important;
    color: #664F2F!important;
    background-color:#664F2F!important; 
    margin: 70px 0 70px 0;
}
.msb-cell-watermark{
  position: absolute;  
  top: 40%;
  width: 100%;
  opacity: 0.2;
  padding: 5px;
  color: gray;
  font-size: 4em;
  z-index: 1;
  transform:rotate(300deg);
  -webkit-transform:rotate(300deg);
}
a:focus,
a:active {
  outline: none;
}