/* This file will hold styles that are loaded using the same media query as the normal grid. */

/* Page
*************************************************/
body {
  font-size: 81.25%; /* 13px */
  line-height: 1.846;
}
.branding-data {
  float: left;
  width: auto;
  padding-right: 50px;
  border-bottom: none;
}
h1.title {
  font-size: 240%;
}
h2.block-title {
  font-size: 120%;
  line-height: 1;
}

#region-sidebar-first,
#region-sidebar-second {
  display: block;
  margin: 0;
  padding: 0 10px;
}

/* Navigations
*************************************************/
/* Main menu */
.block.block-nice-menus {
  width: auto;
  margin-bottom: 0;
}
.block.block-menu-menu-other-menu,
.block.block-menu-menu-other-menu ul {
  float: right;
  width: auto;
}
.block.block-menu-menu-other-menu ul li {
  float: left;
}

/* News
*************************************************/
/* News page */
.view-list-articles .views-row {
}
.view-list-articles .views-row .views-field-field-image,
.view-list-articles .views-row .views-field-field-image img {
  width: 200px;
}
.view-list-articles .views-field-title a {
  font-size: 160%;
}


/* News page grid */
.view-list-articles-grid .views-row {
  float: left;
  clear: none;
  margin: 0  0 20px;
}

/* New grid 4 */
.view-articles-grid-4.view-list-articles-grid .views-row {
  width: 23%;
  margin: 0 0 20px 2.66667%;
  clear: none;
}
.view-articles-grid-4.view-list-articles-grid .views-row-1 {
  margin: 0;
}
.view-articles-grid-4.view-list-articles-grid .views-row .views-field-title a {
  font-weight: normal;
  line-height: 1.5;
}

/* New grid 2 */
.view-articles-grid-2.view-list-articles-grid .views-row {
  width: 48%;
  margin: 0 0 20px 4%;
  clear: none;
}
.view-articles-grid-2.view-list-articles-grid .views-row-1,
.view-articles-grid-2.view-list-articles-grid .views-row-3,
.view-articles-grid-2.view-list-articles-grid .views-row-5,
.view-articles-grid-2.view-list-articles-grid .views-row-7,
.view-articles-grid-2.view-list-articles-grid .views-row-9,
.view-articles-grid-2.view-list-articles-grid .views-row-11,
.view-articles-grid-2.view-list-articles-grid .views-row-13,
.view-articles-grid-2.view-list-articles-grid .views-row-15,
.view-articles-grid-2.view-list-articles-grid .views-row-17 {
  margin-left: 0;
  clear: left;
}
.view-articles-grid-2.view-list-articles-grid .views-row .views-field-title a {
  line-height: 1.5;
}

/* New grid 3 */
.view-articles-grid-3.view-list-articles-grid .views-row {
  width: 31.3%;
  margin: 0 0 20px 0;
  clear: none;
}
.view-articles-grid-3.view-list-articles-grid .views-row-1,
.view-articles-grid-3.view-list-articles-grid .views-row-4,
.view-articles-grid-3.view-list-articles-grid .views-row-7,
.view-articles-grid-3.view-list-articles-grid .views-row-10,
.view-articles-grid-3.view-list-articles-grid .views-row-13,
.view-articles-grid-3.view-list-articles-grid .views-row-16,
.view-articles-grid-3.view-list-articles-grid .views-row-19,
.view-articles-grid-3.view-list-articles-grid .views-row-21 {
  clear: left;
}
.view-articles-grid-3.view-list-articles-grid .views-row-2,
.view-articles-grid-3.view-list-articles-grid .views-row-5,
.view-articles-grid-3.view-list-articles-grid .views-row-8,
.view-articles-grid-3.view-list-articles-grid .views-row-11,
.view-articles-grid-3.view-list-articles-grid .views-row-14,
.view-articles-grid-3.view-list-articles-grid .views-row-17,
.view-articles-grid-3.view-list-articles-grid .views-row-20,
.view-articles-grid-3.view-list-articles-grid .views-row-23 {
  margin: 0 3% 0;
}
.view-articles-grid-3.view-list-articles-grid .views-row .views-field-title a {
  line-height: 1.5;
}


/* Block Featured Articles */
.block-featured-articles.view-list-articles-grid .flexslider .views-field-nothing .field-title a {
  font-size: 250%;
}
.block-featured-articles.view-list-articles-grid .views-field-nothing .field-body {
  display: block;
}
.view-list-articles-grid.block-featured-articles .view-content {
  width: 50%;
  float: left;
}
.view-list-articles-grid.block-featured-articles .attachment .view-list-articles-grid {
  width: 50%;
  float: left;
}
.view-list-articles-grid.block-featured-articles .attachment .view-list-articles-grid .view-content {
  width: 100%;
}
.view-list-articles-grid.block-featured-articles .attachment .view-list-articles-grid .view-content .views-row {
  width: 50%;
}

/* Block Articel - Large Left */
.block-views .view-list-articles.block-large-left > .view-content {
  width: 48%;
  margin-right: 4%;
  float: left;
}
.block-views .view-list-articles.block-large-left > .attachment  {
  float: left;
  width: 48%;
}

/* Block All Articles */
.block-views .view-list-articles .views-row .views-field-title {
  margin-top: 0px;
  line-height: 1.5;
}
.block-views .view-list-articles .views-row .views-field-field-image {
  width: 60px;
  margin-right: 15px;
}
.block-views .view-list-articles .views-row .views-field-field-image img {
  width: 60px;
}
/* Article detail */
.region-content-inner {
  margin-right: 20px;
}
article.node-article .content .content-inner,
article.node-video .content .content-inner {
  padding-left: 150px;
  padding-right: 50px;
}
article.node-article .content .content-inner .image-fullwidth,
article.node-video .content .content-inner .image-fullwidth {
  margin-left: -150px;
  margin-right: -50px;
  margin-bottom: 20px;
}

.block-views-author-block .view-author .views-row {
  padding-left: 130px;
  position: relative;
}
.block-views-author-block .view-author .views-field-picture {
  float: left;
  width: 60px;
  margin: 0;
  padding: 3px;
  background: #fff;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px;
  position: absolute;
  left: 40px;
  top: 20px;
}

/* Blocks
*************************************************/
/* Block login */
.block-login .item-list ul li {
  margin-left: 0;
  list-style: none;
}
.block-login input.form-text {
  width: 100%;
}

/* Block search */
.block.block-search {
  float: right;
  clear: right;
  width: auto;
}
.block-search input.form-text {
  width: 220px;
}
/* Block Slideshow */
.block-views-slideshow-block {
  display: none;
}

/* Block Featured Articles */
.block-views-featured-articles-block {
  display: block;
}
.view-featured-articles .view-content {
  width: 477px;
  float: left;
}
.view-featured-articles .view-content .views-row {
  margin: 0;
  padding: 0;
  background: none;
}
.view-featured-articles .attachment .view-content {
  width: 223px;
}
.view-featured-articles .views-row .views-field-title {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}


/* Block newsletter */
.block-simplenews form .form-item {
  width: 220px;
}

/* Blolck social icons */
.block.block-social-icons .content {
  text-align: right;
}

/* Block copyright */
.block.block-copyright {
  float: left;
}
.block.block-payment {
  float: right;
}

/* Contact form
*************************************************/
/* Contact form */
.contact-form .form-item label {
  float: left;
  width: 180px;
  font-size: 110%;
  font-weight: bold;
}
.contact-form .form-item.form-type-checkbox label {
  float: none;
  font-size: 100%;
  font-weight: normal;
}
.contact-form .form-item .form-textarea-wrapper {
  float: left;
  width: 70%;
}
.contact-form .form-item.form-type-checkbox,
.contact-form .form-actions {
  margin-left: 250px;
  width: auto;
  clear: left;
  float: left;
}
.contact-form .form-actions {
  margin-left: 260px;
}



/*------------------------------------*\
	OTHER STYLE CSS
\*------------------------------------*/
.one-half, .one-third, .two-third, .three-fourth, .one-fourth {
    float: left;
    margin-bottom: 20px;
    margin-right: 4%;
    position: relative;
}
.one-fourth {
    margin-right: 2%;
}
.one-half.last, .one-third.last, .two-third.last, .three-fourth.last, .one-fourth.last {
  margin-right: 0;
}
.one-half {
  width: 48%;
}
.one-third {
  width: 30.6666%;
}
.two-third {
  width: 65.3332%;
}
.one-fourth {
  width: 23.5%;
}
.three-fourth {
  width: 72%;
}
