/*
Theme Name: cosway-wp
Theme URI: http://wordpress.org/themes/twentythirteen
Author: Ceri Cosway
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: coswaywp

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.template_hero_wrapper{
    background-color: #EEEEEE;
    color: #ffffff;
    background-image: url("images/background001.jpg");    
    background-repeat: no-repeat;    
    background-size: cover;
    background-position: center;
}

.template_hero{
}



.hero_card{
    background-color: rgba(255, 255, 255, 0.8);
    color:#333333;
}


.hero_date{
    background-color: rgba(0, 0, 0, 0.5);
    color:#ffffff;
    position: absolute;
    right:0px;
    bottom:0px;
    width:200px;
    padding:10px;
    z-index: 10;
    text-align:center;
    
}

.hero_card .hero_title{
    color:#333333;
    text-decoration: none;
}

.hero_readmore{
}

.hero_article_image{
    position:absolute;
    height:250px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.hero_article_image_wrapper{
    position:relative;
    width:200px;
    height:250px;
    overflow: hidden;
}


.hero_article_headline{

}

.hero_article_body{

}

.sidenews {
}

.sidenews a{
    text-decoration: none;
    color: #222222;
}

.sidenews .imgdisabled{
    width:100%;
    height:auto;
}

.newslitemcard .image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.newslitemcard .image img{
    position:absolute;
    height:280px;
    min-width:280px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.newslitemcard .image .newsitemcard-title-wrapper {
    position: absolute;
    bottom: 0%;
    width:100%;
    transform: translate(0%, 0%);
    background-color: rgba(0, 0, 0, 0.7);
  }
  .newslitemcard .thumbnail{
    color:#ffffff;
  }

.newslitemcard h2{
    font-size: 1.2rem;
    font-weight: bold;
    opacity: 1.0;
}

.fullarticle {
}

.fullarticle img{
    width:100%;
    height:auto;
}

.fullarticle a{
    /*
    display: inline-block;
    text-decoration: none;
    background-color: #333333;
    color:#ffffff;
    border-radius: 5px;
    */
    padding-left: 10px;
    padding-right: 10px;
}


.nav{
    position: relative;
    display: block;
    width:100%;
}

.nav li {
    display: block;
    width:48%;
    text-decoration: none;
    background-color: #333333;
    color:#ffffff;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    float:left;
    box-sizing: border-box;
}

.nav li a{
    text-decoration: none;
    color:#ffffff;
}

.nav li:nth-of-type(odd){
    position: absolute;
    top:0px;
    left:0px;
}

.nav li:nth-of-type(even){
    position: absolute;
    top:0px;
    right:0px;
}

.fullarticle a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    padding-right: 3px;
  }

.comment-respond{
    border: 1px solid #333333;
    padding:10px;
    background-color: #cccccc;
    color:#333333;
}

.comment-respond h3 .py-3{
    padding:0px !important;
}

aside {
    background-color: #cccccc;
}



.nb_footer{
    border: 1px solid #333333;
    padding:10px;
    background-color: #eeeeee;
    color:#333333;
    margin-top:10px;
    margin-bottom:40px;
}
.nb_footer_source_name{

}
.nb_footer_source_url{}
.nb_footer_source_date{}