/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */



/* HEADER */
h2.element-invisible{
	display: none;
}
#zone-user-wrapper{
  /*background: url('../images/black_noised_bg.png');*/
  border-bottom: 1px solid #b9b9b9;

      -webkit-box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#region-user-first{
  width: 100%;
}
#zone-user-wrapper #block-articlecube-code-ac-logo{
  float: left;
  margin-right: 8px;
}
#zone-user-wrapper #block-menu-block-2{
  float: left;
}
#zone-user-wrapper ul.menu  li{
  list-style: none;
  float :left;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 8px;
}
#zone-user-wrapper ul.menu  li a{
  color: #111;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;

}
#zone-user-wrapper ul.menu li:hover{
    transition-property: box-shadow;
  transition-duration: 0.5s;
  transition-delay: 0s;
    -webkit-box-shadow: 0px -10px 20px 5px rgba(220, 220, 220, 0.3) inset;
       -moz-box-shadow: 0px -10px 20px 5px rgba(220, 220, 220, 0.3) inset;
            box-shadow: 0px -10px 20px 5px rgba(220, 220, 220, 0.3) inset;
}
#zone-user-wrapper ul.menu  li a:hover{
  color: #164e8e;
}
#zone-user-wrapper #block-menu-block-1 ul.menu li{
  border-right: 1px solid white;
}
#zone-user-wrapper #block-menu-block-1 ul.menu li.last.leaf{
  border: none;
}
#zone-user-wrapper p{
  margin-bottom: 3px;
}
#zone-user-wrapper #block-search-form{
  float: right;
  margin-top: 2px;
  margin-left: 5px;
}
#block-articlecube-code-mobile-menu-link{
  float: right;
  cursor: pointer;
}
#zone-user-wrapper #search-block-form .form-text{
  background: #515151;
  border: solid 1px rgb(80,80,80);
  color: #FFF;
  padding: 4px;
  width: 160px;
}
#zone-user-wrapper #search-block-form .form-actions .form-submit{
  background: #515151 url('../images/search_icon.png') no-repeat;
  border:  none;
  color: #FFF;
  padding: 4px;
  text-indent: -500px;
  width: 25px;
  text-shadow: none;
  margin-left: -30px;
}

#block-menu-block-1{
  float:right;
}
h1.title em{
  margin-right: 2px;
}
.menu-name-main-menu li.leaf{
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
/* FOOTER */

#section-footer{
  background: url('../images/black_noised_bg.png');
  border-top: 5px solid #b9b9b9;
  color: #FFF;
}
#section-footer a{
  color: #FFF;
  text-decoration: none;
  font-size: 16px;
  line-height: 28px;
}

#section-footer a:hover{
  color: #164e8e;
}
#section-footer #block-menu-block-3 h2{
  background: url('../logo.png') no-repeat;
  background-position: 0px 10px;
  text-indent: -200px;
  overflow: hidden;

}

#section-footer ul.menu li{
  list-style: none;
}
#section-footer #block-views-categories-block{
  float: left;
  display:none;
}
#section-footer #block-menu-block-3{
  float: left;
  /*background: #164e8e url('../images/blue_striped.png');*/
  width: 200px;
  /*position: absolute;*/
  bottom: 0px;
  /*left: 600px;*/
}

#section-footer #block-menu-block-3 a:hover{
  color: #164e8e;
}
#section-footer #region-footer-second{
  float: left;
  margin: 10px;
}

/* ARTICLE */

.node-type-article .region-content h1{
  margin-top: 10px;
  /*background: #164e8e url('../images/blue_striped.png');
  padding: 0 12px;
  margin-right: 45px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #FFF;*/
}
.node-type-article .view-mode-full .field-name-field-penname .label-inline,
.node-type-article .view-mode-full .field-name-field-penname a,
.node-type-article .view-mode-full .field-name-field-category .label-inline,
.node-type-article .view-mode-full .field-name-field-category a{
  padding-left: 5px;
  display: inline;
}
.node-type-article .view-mode-full .field-name-field-penname,
.node-type-article .view-mode-full .field-name-field-category{
  float: right;
}

.node-type-article .view-mode-full .field-name-field-penname a{
  font-weight: bold;
  text-decoration: none;
}
.node-type-article .view-mode-full .field-name-field-category a{
  font-style: italic;
  text-decoration: none;
}
.node-type-article .view-mode-full .field-name-body{
  clear: both;
}

/* GENERAL */

div,p{
  font-size: 15px;
}
h1,h2,h3, h1 a, h2 a, h3 a{
  color: rgb(80,80,80);
}

h2{
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 8px;
  margin-top: 8px;
}
h2.block-title{
  font-size: 20px;
  margin: 0 20px 10px 0px;
  text-transform: uppercase;
  padding:10px 0px 10px 0px;
  color: #164e8e;
  border-bottom: 2px solid #e6e6e6;
}
.front h1.title{
  display: none;
}
#region-sidebar-second{
	margin-left: 0;
	margin-right: 0;
}
#region-sidebar-second .block .block-title{
  /*background: url('../images/green_striped.png');*/
  margin: 10px 0;
  padding: 0 10px;
  padding-bottom: 5px;
  color: #42a62a;
 /*     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}

/* WIDGETS */

div.widgets.widgets-element.widgets-element-horizontal.widgets-style-horizontal{
  margin-right: 5px;
  margin-top: 10px;
}

/* ARTICLE COMPACT */
.node-article.view-mode-compact{
  background: rgb(250,250,250);
  margin-bottom: 10px;
  border-bottom: 2px solid #e6e6e6;

}
.node-article.view-mode-compact:hover{
    transition-property: box-shadow;
  transition-duration: 0.5s;
  transition-delay: 0s;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.node-article.view-mode-compact .field-name-field-category{
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  background: #164e8e url('../images/blue_striped.png');

  padding-bottom: 5px;
}
.node-article.view-mode-compact .field-name-field-category a{

  color: white;
  text-decoration: none;
}
.node-article.view-mode-compact .field-name-title{
  padding-top: 0px;
  padding-right: 10px;
  padding-left: 10px;
}
.node-article.view-mode-compact .field-name-title a{
  color: rgb(80,80,80);
  text-decoration: none;
  line-height: 28px;

}
.node-article.view-mode-compact .field-name-title a:hover{
  color: #164e8e;
  text-decoration: underline;
}


/* RECENT ARTICLES TOP */
.node-article.view-mode-recent{
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  background: rgb(250,250,250);
  border-bottom: solid 2px #e6e6e6

}
.node-article.view-mode-recent:hover{
  transition-property: box-shadow;
  transition-duration: 0.5s;
  transition-delay: 0s;
      -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.node-article.view-mode-recent .field-name-field-category{
  /*padding-top: 5px;*/
  padding-right: 10px;
  padding-left: 10px;
  /*background: #164e8e url('../images/blue_striped.png');*/
  /*padding-bottom: 5px;*/
  text-transform: uppercase;
  float: left;
}
.node-article.view-mode-recent .field-name-field-category a{

  color: #164E8E;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.node-article.view-mode-recent .field-name-field-category a:hover{
  text-decoration: underline;
}
.node-article.view-mode-recent .field-name-title{

  padding-right: 10px;
  padding-left: 10px;
}
.node-article.view-mode-recent .field-name-title a{
  color: rgb(80,80,80);
  text-decoration: none;
  line-height: 28px;

}
.node-article.view-mode-recent .field-name-title a:hover{
  color: #164e8e;
  text-decoration: underline;
}

.node-article.view-mode-recent .field-name-body{
  padding-right: 10px;
  padding-left: 10px;
}



/* RECENT ARTICLES TEASER */

.node-article.view-mode-teaser{
  margin-top: 10px;
  margin-bottom: 10px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.node-article.view-mode-teaser .field-name-field-image{
  float: left;
}
.node-article.view-mode-teaser .field-name-field-category{

   padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  background: #164e8e url('../images/blue_striped.png');
  padding-bottom: 5px;
}
.node-article.view-mode-teaser .field-name-field-category a{
  color: white;
  text-decoration: none;
}
.field-name-field-category a:hover{

  text-decoration: underline;
}
.node-article.view-mode-teaser .field-name-title{
  float: left;
  padding: 10px;
  padding-bottom: 0px;
}
.node-article.view-mode-teaser .field-name-title a{
  color: rgb(80,80,80);
  text-decoration: none;
}
.node-article.view-mode-teaser .field-name-title a:hover{
  color: #164e8e;
  text-decoration: underline;
}
.node-article.view-mode-teaser .field-name-body{
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}


/* PENNAME FULL */
.node-penname.view-mode-full .field-name-field-picture{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.node-penname.view-mode-full .field-name-article-social-media{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* TOP FEATURED ARTICLE */
.node-article.view-mode-top_featured{
  margin-top: 10px;
  background: rgb(250,250,250);
}
.node-article.view-mode-top_featured:hover{
    transition-property: box-shadow;
  transition-duration: 0.5s;
  transition-delay: 0s;
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.node-article.view-mode-top_featured .field-name-field-category{
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  text-transform :uppercase;

}
.node-article.view-mode-top_featured .field-name-field-category a{
  color: #164E8E;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.node-article.view-mode-top_featured .field-name-field-category a:hover{
  color: #164e8e;
  text-decoration: underline;
}
.node-article.view-mode-top_featured .field-name-title{
  padding: 0 10px;
  /* padding: 5px 20px;
  background: #164e8e url('../images/blue_striped.png');
      -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px 10px #154a87 inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px 10px #154a87 inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px 10px #154a87 inset;*/

}
.node-article.view-mode-top_featured .field-name-title a{
  text-decoration: none;
  font-size: 30px;
  color: rgb(80,80,80);
}
.node-article.view-mode-top_featured .field-name-title a:hover{
  text-decoration: underline;
    color: #164e8e;
}
.node-article.view-mode-top_featured .field-name-body{
  padding: 0 10px;

}

/* VIEW MODE FEATURED */
.node-article.view-mode-featured{
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
  background: rgb(250,250,250);
	width: 100%;

}
.node-article.view-mode-featured:hover{
transition-property: box-shadow;
  transition-duration: 0.5s;
  transition-delay: 0s;
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.node-article .field-name-field-image img{
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;

}
.node-article.view-mode-featured .field-name-title{
  padding: 0 10px;
}
.node-article.view-mode-featured .field-name-title a{
  color: rgb(80,80,80);
  text-decoration: none;
}
.node-article.view-mode-featured .field-name-title a:hover{
  color: #164e8e;
  text-decoration: underline;
}
.node-article.view-mode-featured .field-name-field-category{

  padding-right: 10px;
  padding-left: 10px;
  float: left;

}
.node-article.view-mode-featured .field-name-field-category a{
  color: #164e8e;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.node-article.view-mode-featured .field-name-body{
  padding-left: 10px;
  padding-right: 10px;
}


/* BUTTONS / TABS */
input[type="submit"]{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
input[type="text"],
input[type="password"]{
    -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.tabs ul li a{
  border: 0;
    -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;

}
.tabs ul li.active a{
  border: 1px solid #e6e6e6;
}
.tabs ul li a{
  color: black;
}
.tabs ul li{
  height: 40px;
}
.tabs ul{
  border: none;
}


.view-categories.view-display-id-block_2 .view-content h3{
  clear: both;
  padding-top: 30px;
  border-bottom: 2px solid #e6e6e6;
}
.view-categories.view-display-id-block_2 .view-content h3 a{
  text-decoration: none;
}
.view-categories.view-display-id-block_2 .view-content .views-row{
  width: 220px;
  float: left;
}
.view-categories.view-display-id-block_2 .view-content a{
  text-decoration: none;
}

.view-categories.view-display-id-block_2 .view-content .views-row.views-row-last{
  padding-bottom: 25px;
}
ul li.expanded{
  list-style: none;
  font-weight: bold;
}

ul li.leaf{
  list-style: none;
  font-weight: normal;
}

/* DASHBOARD MENU */
.menu-name-menu-dashboard ul li.leaf{
  padding: 8px;
  border: 1px solid #E6E6E6;
  background: #FAFAFA;

}
.menu-name-menu-dashboard ul li.leaf a{
  text-decoration: none;
  display: block;
}
.menu-name-menu-dashboard ul li.leaf:hover{
transition-property: box-shadow;
  transition-duration: 0.5s;
  transition-delay: 0s;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#block-menu-block-4{
  margin-top: 15px;
}

.logged-in.page-node-add-article #edit-body #edit-body-und-0-format,
.logged-in.page-node-edit #edit-body #edit-body-und-0-format,
.logged-in.page-node-add-penname #edit-field-bio #edit-field-bio-und-0-format,
.logged-in.page-node-edit #edit-field-bio #edit-field-bio-und-0-format{
  display: none;
}
.logged-in.page-node-add-article #edit-field-image,
.logged-in.page-node-edit #edit-field-image,
.logged-in.page-node-add-penname #edit-field-picture,
.logged-in.page-node-edit #edit-field-image{
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 15px;
}
div.tabs{
  margin-bottom: 10px;
}
#block-menu-block-5{
  float: right;
}

.password-suggestions ul li{
  margin-left: 15px;
}

div.help{
  background: #FAFAFA;
  border: 2px solid #42A62A;
  padding: 16px;
}
table td{
  vertical-align: top;
}
td.admin-button-approve,
td.admin-button-decline,
td.admin-button-edit{
  vertical-align: bottom;
}
td.admin-button-approve a,
td.admin-button-decline a{
	-moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  font: normal 16px/21px "Open Sans", Arial, sans-serif;
  margin: 1em 0;
  padding: 4px 10px;
  background: #5bb75b;
  color: #fff;
}
td.admin-button-decline a{
  background: #bd362f;
}

#block-views-categories-block-1{
  margin-bottom: 25px;
}
#block-views-categories-block-1 .views-row{
  float: left;
  width: 220px;
}

.view-taxonomy-term .item-list .pager{
  margin-bottom: 10px;
}
#block-block-6{
height: 600px;
}
/* Mobile menu */
#block-menu-block-6{
  display: block;

}
#zone-branding-wrapper{
  background-color: #505050;
}
#block-menu-block-6 li{
  background-color: #505050;
  padding-top: 5px;
  padding-bottom: 5px;
}
#block-menu-block-6 li a{
  text-decoration: none;
  font-family: 'Open Sans';
  font-weight: 700;
    color: #fff;
}
#block-menu-block-2, #block-menu-block-5{
  display: none;
}
#mobile-menu-link{
  float:right;
  display:block;
}

/* Searchbox */

#zone-menu #search-block-form .form-actions{
  width: 100%;

}
#zone-menu #search-block-form .form-item-search-block-form input{
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(../images/search-white.png) no-repeat 10px 4px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 'Open sans';
    color: #bebebe;
    padding-left: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    width: 100%;
}
#zone-menu #search-block-form .form-actions input{
      margin-bottom: 10px;
    background: #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 'Open sans';
    color: #bebebe;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    width: 100%;
}
#zone-menu #search-block-form .form-actions input:hover{
  color: white;
  background: #164E8E;
}


#block-views-highlighted-categories-block a{
  border: 1px solid #E6E6E6;
  padding: 3px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #164E8E;
  text-decoration: none;
}
#block-views-highlighted-categories-block .views-row a:hover{
  border: 1px solid #164E8E;
  background: #164E8E;
  color: white;
}
#block-views-highlighted-categories-block .views-row{
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
}
.rss-feed {
  margin-bottom: 10px;
  background: url(../images/rss-icon.gif) no-repeat;
  height:  17px;
  width: 48px;
  overflow: hidden;
  text-indent: -300px;
  display: block;
}
.rss-feed span{
  display: none;
}

.page-node-add-article .vertical-tabs{
  display: none;

}
.page-node-edit.node-type-article div.vertical-tabs{
  margin: 1em 0 1em 0;
}
.page-node-edit.node-type-article ul.vertical-tabs-list{
  display: none;
}

.node-type-article #block-system-main .field-name-body img{
	max-width: 320px;
	max-height: 210px;
}
#block-block-7{
	margin-top: 15px;
}
.field-name-field-image-source{
	position: relative;
	top: -25px;
}
.field-name-field-image-source .field-items{
	padding-left: 5px;
	display: inline-block;
}
.field-name-field-image-source::before{
	content: 'Source: ';
	display: inline-block;
	padding-left: 5px;
}