/*
Theme Name: Giornalimso Child
Description: Child theme for Giornalismo theme
Author: Giornalismo
Template: giornalismo
*/



A. Top Story
------------------------------------------- */
.top-story{
     width: 500px;
     float: left;
     position: relative;
     padding: 8px 10px;
     border-bottom: 1px #000000 solid;
     margin: auto;
}

.top-story .featured-video {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
     padding-top: 25px;
     height: 0;
}

.top-story .featured-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.top-story .featured-photo {
     width: 480px;
     height: 288px;
     overflow: hidden;
}

.top-story p.caption{
     text-align: left;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 3px;
}

.top-story p.photo-credit{
     text-align: right;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 5px;
}

.top-story-header {
     border-bottom: 1px solid #000000;
     margin-bottom: 3px;
}

.top-story .headline, .top-story .headline a, .top-story .headline a:hover, .top-story .headline a:visited{
     font-family: 'Roboto';
     font-size: 25px;
     color: #000000;
     margin-top: 4px;
     margin-bottom: 4px;
}

.top-story .byline, .top-story .byline a, .top-story .byline a:visited, .top-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
     margin-top: 3px;
     margin-bottom: 3px;
}

.top-story p {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 15px;
     color: #000000;
}

.top-story .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #bbbdbf;
     font-family: 'Lato';
     font-weight: 300;
     margin-bottom: 5px;
}

.top-story .read-more a {
     color: #ffffff;
}

.top-story .read-more:hover {
     background-color: #000000;
}

.top-story .read-more:hover a {
     color: #ffffff;
}
/*
B. Column One
------------------------------------------- */
.column-one{
     width: 250px;
     padding-right: 5px;
     border-right: 1px #000000 solid;
     float: left;
     position: relative;
}

.column-one .label-head, .column-one .label-head a, .column-one .label-head a:hover, .column-one .label-head a:visited {
     color: #000000;
     background-color: #ffffff;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0px 5px 3px;
     text-transform: uppercase;
}

.column-one .column-one-story .label-head li{
     list-style: none;
}

.column-one .column-one-story {
     width: 100%;
     padding-bottom: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-bottom: 1px #000000 solid;
}

.column-one article.column-one-story:last-child{
     border-bottom: none !important;
}

.column-one .column-one-story .featured-photo {
     width: 244px;
     height: 147px;
     margin: auto;
     overflow: hidden;
}

.column-one .column-one-story .photo-credit {
     width: 100%;
     text-align: right;
}

.column-one .column-one-story p.photo-credit {
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 3px;
}

.column-header {
     border-bottom: 1px solid #000000;
     margin-bottom: 3px;
}

.column-one .column-one-story .headline, .column-one .column-one-story .headline a, .column-one .column-one-story .headline a:hover, .column-one .column-one-story .headline a:visited {
     font-family: 'Roboto';
     font-size: 20px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.column-one .column-one-story .byline, .column-one .column-one-story .byline a, .column-one .column-one-story .byline a:hover, .column-one .column-one-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 15px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.column-one .column-one-story p {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}

.column-one .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #bbbdbf;
     font-family: 'Lato';
     font-weight: 300;
}

.column-one .read-more a {
     color: #ffffff;
}

.column-one .read-more:hover {
     background-color: #000000;
}

.column-one .read-more:hover a {
     color: #ffffff;
}
/*
C. Column Two
------------------------------------------- */
.column-two{
     width: 250px;
     padding-left: 5px;
     float: right;
     position: relative;
}

.column-two .label-head, .column-two .label-head a, .column-two .label-head a:hover, .column-two .label-head a:visited {
     color: #000000;
     background-color: #ffffff;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0px 5px 3px;
     text-transform: uppercase;
}

.column-two .column-two-story .label-head li{
     list-style: none;
}

.column-two .column-two-story {
     width: 100%;
     padding-bottom: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-bottom: 1px #000000 solid;
}

.column-two article.column-two-story:last-child{
     border-bottom: none !important;
}

.column-two .column-two-story .featured-photo {
     width: 244px;
     height: 147px;
     margin: auto;
     overflow: hidden;
}

.column-two .column-two-story .photo-credit {
     width: 100%;
     text-align: right;
}

.column-two .column-two-story p.photo-credit-text {
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
}

.column-two .column-two-story .headline, .column-two .column-two-story .headline a, .column-two .column-two-story .headline a:hover, .column-two .column-two-story .headline a:visited {
     font-family: 'Roboto';
     font-size: 20px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.column-two .column-two-story .byline, .column-two .column-two-story .byline a, .column-two .column-two-story .byline a:hover, .column-two .column-two-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 15px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.column-two .column-two-story p {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}

.column-two .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #bbbdbf;
     font-family: 'Lato';
     font-weight: 300;
}

.column-two .read-more a {
     color: #ffffff;
}

.column-two .read-more:hover {
     background-color: #000000;
}

.column-two .read-more:hover a {
     color: #ffffff;
}
/*
D. Column Three
------------------------------------------- */
.column-three{
     width: 250px;
     padding-left: 5px;
     padding-right: 5px;
     border-left: 1px #000000 solid;
     float: right;
     position: relative;
}

.column-three .label-head, .column-three .label-head a, .column-three .label-head a:hover, .column-three .label-head a:visited {
     color: #000000;
     background-color: #ffffff;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0px 5px 3px;
     text-transform: uppercase;
}

.column-three .column-three-story .label-head li{
     list-style: none;
}

.column-three .column-three-story {
     width: 100%;
     padding-bottom: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-bottom: 1px #000000 solid;
}

.column-three article.column-three-story:last-child{
     border-bottom: none !important;
}

.column-three .column-three-story .featured-photo {
     width: 239px;
     height: 144px;
     margin: auto;
     overflow: hidden;
}

.column-three .column-three-story .photo-credit {
     width: 100%;
     text-align: right;
}

.column-three .column-three-story p.photo-credit-text {
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
}

.column-three .column-three-story .headline, .column-three .column-three-story .headline a, .column-three .column-three-story .headline a:hover, .column-three .column-three-story .headline a:visited {
     font-family: 'Roboto';
     font-size: 20px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.column-three .column-three-story .byline, .column-three .column-three-story .byline a, .column-three .column-three-story .byline a:hover, .column-three .column-three-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 15px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.column-three .column-three-story p {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}
.column-three .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #bbbdbf;
     font-family: 'Lato';
     font-weight: 300;
}

.column-three .read-more a {
     color: #ffffff;
}

.column-three .read-more:hover {
     background-color: #000000;
}

.column-three .read-more:hover a {
     color: #ffffff;
}

/*
VII. Single Post
------------------------------------------- */
.post-single {
     width: 735px;
     float: left;
     position: relative;
}

.post-single .featured-video {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
     padding-top: 25px;
     height: 0;
}

.post-single .featured-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.post-single .featured-photo {
     width: 735px;
     height: 440px;
     margin: auto;
     overflow: hidden;
}

.post-single p.caption{
     text-align: left;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 3px;
}

.post-single p.photo-credit{
     text-align: right;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
}

.post-single h3.headline {
     font-family: 'Roboto';
     font-size: 30px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.post-single h5.byline, .post-single h5.byline a, .post-single h5.byline a:hover, .post-single h5.byline a:visited{
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.post-single p.tags{
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}

/*
B. Related Stories
------------------------------------------- */
.post-single .related-stories {
     width: 100%;
     float: left;
     position: relative;
}

.post-single .related-stories .story {
     width: 225px;
     float: left;
     position: relative;
     text-align: center;
}

.post-single .related-stories .title {
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 24px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 0 5px 5px;
}

.post-single .related-stories .photo {
     width: 210px;
     height: 125px;
     margin: auto;
     overflow: hidden;
}

.post-single .related-stories .headline, .post-single .related-stories .headline a, .post-single .related-stories .headline a:hover, .post-single .related-stories .headline a:visited {
     font-family: 'Roboto';
     font-size: 14px;
     margin: 10px 0px;
     color: #000000;
}

/*
C. Latest Stories
------------------------------------------- */
.post-single .latest-category {
     width: 100%;
     float: left;
     position: relative;
}

.post-single .latest-category  .title{
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 24px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 0 5px 5px;
}

.post-single .latest-category  .story {
     width: 225px;
     float: left;
     position: relative;
     text-align: left;
}

.post-single .latest-category .photo {
     width: 210px;
     height: 125px;
     margin: auto;
     overflow: hidden;
}

.post-single .latest-category .headline, .post-single .latest-category .headline a, .post-single .latest-category .headline a:hover, .post-single .latest-category .headline a:visited{
     font-family: 'Roboto';
     font-size: 16px;
     color: #000000;
     margin: 10px 0px;
}

/*
A. General
------------------------------------------- */
.index {
     width: 735px;
     float: left;
     position: relative;
}

.index .index-header {
     min-width: 300px;
}

.index .title {
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 26px;
     color: #ffffff;
     background-color: #252525;
     padding: 3px 5px;
     float: left;
     width: 100%;
}

.index .story {
     width: 100%;
     float: left;
     position: relative;
     border-bottom: 1px solid #000000;
     margin-bottom: 5px;
     padding-bottom: 5px;
}

.index .story p {
     float: left;
     position: relative;
}

.index article.story:last-child {
     border-bottom: none !important;
}

.index .photo-area {
     width: 225px;
     float: left;
     position: relative;
     margin-bottom: 5px;
}

.index .photo{
     width: 210px;
     height: 125px;
     margin: auto;
     overflow: hidden;
}

.index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
     font-family: 'Roboto';
     font-size: 24px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
     width: 100%;
}

.index .label-head {
     float: left;
     display: inline-block;
     clear: right;
}

.index .label-head h5 {
     padding: 3px 5px 3px 5px;
}

.index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 14px;
     margin: 0px;
     max-width: 200px;
     margin-bottom: 5px;
}

.index .label-head li {
     list-style: none;
}

.index .label-head ul > li {
     margin-left: 0px;
}

.index .byline, .index .byline a, .index .byline a:hover, .index .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.index .story p {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}

.index .story .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #bbbdbf;
     font-family: 'Lato';
     font-weight: 300;
}

.index .story .read-more a {
     color: #ffffff;
}

.index .story .read-more:hover {
     background-color: #000000;
}

.index .story .read-more:hover a {
     color: #ffffff;
}

.index .older a {
     float: right;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 5px 5px 5px;
}

.index .newer a {
     float: left;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 5px 5px 5px;
}

/*
E. Forms
------------------------------------------- */
input,
select,
textarea {
     background-color: #ffffff;
     border: 1px solid #000000;
     color: #000000;
     font-size: 14px;
     padding: 3px;
     max-width: 100%;
     margin-top: 5px;
     margin-bottom: 5px;
}

input:focus,
textarea:focus {
     border: 1px solid #000000;
     outline: none;
}

::-moz-placeholder {
     color: #000000;
     opacity: 1;
}

::-webkit-input-placeholder {
     color: #000000;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button, .button {
     background-color: #bbbdbf;
     border: 1px solid #ffffff;
     box-shadow: none;
     color: #ffffff;
     cursor: pointer;
     width: auto;
     margin-top: 5px;
     margin-bottom: 5px;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.button:hover {
     background-color: #ffffff;
     color: #000000;
}

.button:hover {
     color: #000000;
}

.button {
     display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
     display: none;
}

input[type="checkbox"],input[type="radio"] {
     margin-right: 5px;
}

/*
XI. Widgets
------------------------------------------- */
.widget-wrap {
     width: 100%;
     padding: 5px;
     float: left;
     position: relative;
}

.widget-title{
     width: 97%;
     margin: auto;
     border-top: 1px solid #000000;
     border-bottom: 1px solid #000000;
     text-align: center;
}

.widget-title h3 {
     font-family: 'Roboto';
     font-size: 18px;
     color: #000000;
     margin: 2px;
}

.widget-body p {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}