style.css

/*
Theme Name: Get Versed Magazine 2.0
Description: Black Media Magazine
Author: Terrell Anderson	
Author URI: http://terrellanderson.net/
Tags: black, white, blue, magazine, media
Version: 2.0.
*/


/***** General ********************/

body, html {
    background:#222;
    width:100%;
    height:100%;
}

/***** Top Navigation ********************/

.top-nav {
    background:#fff;
    max-width:1280px; 
    border-bottom:1px solid #e8e8e8;  
    padding:10px; 
    margin:0 auto;
}

.logo {
   margin-left:15px;
   max-width:235px;
}

/***** Featured Slider ********************/

.main-slider{
    background:#fff;
    max-width:1280px;

    margin:0 auto;
    padding:0;
    position:relative;
}

.advertisement{
   max-width:1280px;
   margin:0 auto;
   padding:10px 0px 0px 0px;
   background:#fff;
}




/***** Featured Slider Two ********************/


.slider-title {
    width:100%;
    max-width:1280px;
    max-height:280px;
    background: url('http://getversed.us/wp-content/themes/get-versed-media/images/slideshowshadow.png');
    margin-top:-280px;
    height:100%;
    position:absolute;
    bottom:0;
   display:inline-block;
    padding:3% 0 0 3%;

   }

.slider-title-text { 
      font-family:Front Page Neue;
      font-size:4vw;
      color:#fff;
      max-width:60%;
      text-transform:uppercase;
      line-height:1em;
      bottom:10%;
      position:absolute;
}

.slider-title-text a:link,
.slider-title-text a:visited{ 
     color:#fff;
}

.slider-category {
     display:inline;
     background:#000;
     padding:6px;
     font-family:Front Page Neue;
     font-size:36px;
     color:#fff;
     text-transform:uppercase;
     top:0;
      position:absolute;
}


/***** Container ********************/

.container{
   background:#fff;
   max-width:1280px;  
   margin:0 auto;
   position:relative;
}


/***** First Post ********************/

.first-post{
   max-width:720px;
   padding:0px;
   margin:20px 0px 25px 20px !important;
   max-height:555px;
   position:relative;
   float:left !important;
  overflow: hidden;
}  

.first-post img{ 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
} 

.first-post img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.first-post-title-div {
    width:100%;
    max-width:720px;
    height:188px;
    background: url('img/v/first-title.png');
    padding:0px 20% 0px 5%;
    position:absolute;
    bottom:0;
}

.first-post-title {
   background:#fff;
   font-family:Front Page Neue;
   font-size:42px;
   color:#000;
   padding:5px;
   bottom:0;
   display:inline;
   color:#000;
}

.first-post-title a:link,
.first-post-title a:visited {
   color:#000;
}

.first-post-category{
  position:absolute;
  top:6%;
  left:1%;
}

.category-first{
   display:inline;
   background:#0076c1;
   font-family:Front Page Neue;
   font-size:40x;
   color:#fff;
   padding:6px;
   letter-spacing:normal;
}

/***** Second Set Post ********************/

.second-set-post {
     max-width:495px;
   position:relative;
   padding:0px;
   margin:20px 0px 5px 20px;
   overflow:hidden;
}


.second-set-post img{ 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
} 

.second-set-post img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.second-post-title-div {
    width:100%;
    height:145px;
    background: url('img/v/second-title.png');
    position:absolute;
    bottom:0;
   display:inline-block;
}

.second-post-title {
   font-family:Front Page Neue;
   font-size:30px;
   color:#fff;
   padding:5px;
   bottom:0;
   line-height:30px;
   position:absolute;
}


.second-post-title a:link,
.second-post-title a:visited {
    color:#fff;
}


.second-post-category{
  position:absolute;
  top:6%;
  left:1%;
}

.category-second{
   display:inline;
   background:#0076c1;
   font-family:Front Page Neue;
   font-size:36x;
   color:#fff;
   padding:6px;
   letter-spacing:normal;
}

/***** Music Headlines ********************/


.music-headlines { 
    width:100%;
     max-width:400px;
     height:350px;
     margin:0px 15px 0px 20px;
     float:left !important;
}

.music-headline-title {
     font-family:Poppins;
     font-size:18px;
     font-weight:700;
     border-bottom:5px solid #000;
}


/***** Third Post Set ********************/


.third-set-post {
   max-width:400px;
   padding:0px;
   margin:0px 3px 25px 10px;
   overflow:hidden;
   position:relative;
   display:table;
}

.third-set-post img{ 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
} 

.third-set-post img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.third-set-post-two {
   max-width:400px;
   padding:0px;
   margin:0px 3px 25px 17px;
   position:relative;
   overflow:hidden;
}

.third-set-post-two img{ 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
} 

.third-set-post-two img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.third-set-post:nth-child(2) { /* Target only the first element of each row, i.e. 1st, 5th, 9th etc elements of our grid */
  clear: left !important;
}


.third-post-title-div {
    width:100%;
    height:155px;
    background: url('img/v/third-title.png');
    position:absolute;
    bottom:0;
    padding:11% 0 0 0;
    display:inline-block;
    color:#fff;
}

.third-post-title-div a:link,
.third-post-title-div a:visited {
    color:#fff;
}

.third-post-title {
   font-family:Front Page Neue;
   font-size:30px;
   color:#fff;
   padding:5px;
   bottom:0;
   line-height:1em;
}

.third-post-category{
  position:absolute;
  top:6%;
  left:1%;
}

.category-third{
   display:inline;
   background:#0076c1;
   font-family:Front Page Neue;
   font-size:36x;
   color:#fff;
   padding:6px;
   letter-spacing:normal;
}

/***** Div break ********************/

.div-break-first { 
    max-width:100%;
    height:500px;
    background:#000;
    margin:0px;
}


/***** Fourth Post ********************/


.fourth-post-wrap {
    max-width:385px;
    background:#fff;
    padding:0px;
    margin:0px 10px 20px 20px;
    float:left;
    overflow:hidden;
    border-top:2px solid #c7363b;
}

.fourth-post-wrap img { 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding:0;
} 

.fourth-post-wrap img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.fourth-post-img {
    width:100%;
    max-width:385px;
    padding:0px;
    margin:0px 20px 0px 0px;
}

.fourth-post-title {
   font-family: 'Roboto', sans-serif;
   font-size:21px;
   color:#000;
   line-height:28px;
   margin-top:0px;
   font-weight:900;
}

.category-fourth{
   display:inline;
   background:#0076c1;
   font-family:Front Page Neue;
   font-size:30px;
   color:#fff;
   padding:6px;
   letter-spacing:normal;
   margin-bottom:15px;
}

.category-fourth a:link, 
.category-fourth a:visited {
    color:#fff;
}


.fourth-post-inner {
    margin:10px 0 0 0;
}

.fourth-post-inner p {
     color:#7A7A7A;
     font-size:14px;
     padding-right:10px;
}

.fourth-post-inner a:link,
.fourth-post-inner a:visited {
    color:#000;
}

/***** Fifth Post ********************/


.middle-fifth {
  max-width:1030px;
  margin:0 auto;
}

.fifth-post{
  max-width:790px;
  margin:0px 10px 30px 0px;
  padding:0 !important;
  }

.fifth-post img {
   margin-bottom:10px;
}

.fifth-post-title {
   font-family: 'Roboto', sans-serif;
   font-size:30px;
   color:#000;
   line-height:28px;
   font-weight:900;
}


.fifth-post-title a:link, .fifth-post-title a:visited {
   color:#000;
}