/*
Theme Name: Border Child
Theme URI: http://pixelgrade.com/demos/border
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Description:  BORDER is an indispensable Magazine Style WordPress Theme aimed at providing you with an easy-to-use tool to share your discoveries and showcase the latest findings.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: border_txtd
Template: border
Tags: black, orange, 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
*/

/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: rosa' line. */

a.site-logo {
    border: none;
    /* remove border on logo */
}

.portfolio__body h1.portfolio__title { 
    font-size: 2.25em; 
    text-transform:uppercase; 
    margin-top: 1.75rem;
}

.portfolio__body h2 { 
    font-size: 1.5em; 
    text-transform:uppercase; 
    margin-top: 1.25rem;
}

.separator--transparent {
    border-bottom: 0;
}

/* styles cookielaw */
#cookielaw {
    text-align: left;
    padding: 15px 0;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    position: fixed;
    bottom: 0;
    z-index: 50000;
    width: 100%;
    font-size: 12px;
}

#cookielaw>div {
    width: 80%;
    margin: auto;
}

#cookielaw>div>span {
    display: block;
    width: 100%;
}

#cookielaw a {
    color: #fff;
    text-decoration: none;
}

#cookielaw-accept {
    background: #fff;
    color: #000;
    border-radius: 0;
    border: 0;
    text-align: center;
    padding: 3px 0;
    display: block;
    width: 100%;
    margin-top: 20px;
}

#cookielaw-accept:hover {
    background: #efefef;
}

@media (min-width: 1024px) {
    #cookielaw>div {
        width: 58%;
    }
    #cookielaw>div>span {
        float: left;
        padding-right: 5%;
        display: inline-block;
        width: 75%;
    }
    #cookielaw-accept {
        display: inline-block;
        width: auto;
        padding: 4px 6px;
        margin-top: 0;
        float: right;
    }
}