/*
 Theme Name:   Compass Security Blog
 Theme URI:    http://www.andersnoren.se/teman/hemingway-wordpress-theme/
 Description:  Compass Security Blog Theme with responsive layout and cooperate design. Requires Hemingway 4.9 or higher.
 Author:       David Staeheli
 Author URI:   https://www.compass-security.com
 Template:     hemingway
 Version:      21.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hemingway
*/

* { /*original 'Lato'*/
    font-family: 'Source Sans Pro', sans-serif;
}

a, .blog-info h2 > a, .blog-menu li {
    transition: all 0.2s ease-in-out 0s;
}

li a:hover {
    letter-spacing: 0.5px;
}

.post-content a:hover {
    letter-spacing: 0;
}

.post-content a.more-link,
.post-content a.more-link:hover {
    color: #FFF
}

/* Title Styling*/
.blog-info {
    background: none;
}

.blog-info h2:hover > a {
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.25em;
}

.blog-description:before {
    background: rgba(255, 255, 255, 0.8);
}

.blog-description {
    color: rgba(255, 255, 255, 0.8);
}

.blog-menu li:hover > a {
    letter-spacing: 1.8px;
}

.blog-menu a:hover,
.blog-menu a:focus,
.blog-menu .current-menu-item > a {
    text-decoration: none;
}

ul.blog-menu {
    margin-left: 0;
}

.comments-title {
    margin-bottom: 2%;
}

/* Images */

/* Floated content doesn't work well at this size */
.alignleft,
.alignright {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
    max-width: 40%;
}

.post-content .alignleft {
    float: left;
    margin-right: 1em;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
.post-content .size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.post-content .size-medium {
    max-width: 60%;
}

.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 1.625em;
}

p img,
.wp-caption {
    margin-top: 0.4em;
}

.wp-caption {
    background: #eee;
    margin-bottom: 1.625em;
    max-width: 100%;
}

.wp-caption img {
    display: block;
    max-width: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 0.85em;
    padding-top: 0.5em;
    font-style: italic;
    color: #888;
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin-bottom: 0.6em;
    padding: 10px 0 5px 0;
    position: relative;
}

/* minus before image description */
.wp-caption .wp-caption-text:before {
    color: #888;
    content: '\2014';
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    margin-right: 5px;
}

#content .gallery {
    margin: 0 auto 1.625em;
}

#content .gallery a img {
    border: none;
}

img#wpstats {
    display: block;
    margin: 0 auto 1.625em;
}

#content .gallery-columns-4 .gallery-item {
    width: 23%;
    padding-right: 2%;
}

#content .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}

/*End Image*/


/* Post */
.post-content li {
    margin-bottom: 0;
}


/* Footer*/
.footer li a {
    color: rgba(4, 102, 183, 1.0);
}

.footer li a:hover, .footer a:hover, .credits a:hover {
    color: rgba(4, 102, 183, 1.0) !important;
}

.footer .footer-inner .column {
    width: 45%;
}

::selection {
    background: rgba(4, 102, 183, 0.45);
    color: #000;
}

/* read more button*/
.read-more-center {
    text-align: center;
}

.post, .page, .post-nav, .sidebar .widget {
    border-bottom-color: #d8d7d7;
}

.post-nav {
    border-top-color: #d8d7d7;
}

/* Dropdown select format*/
select {
    color: rgb(102, 102, 102);
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    font-size: 1rem;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 1px solid rgb(221, 221, 221);
}

select:active, select:focus {
    color: rgb(0, 0, 0);
}

/* Subscribe formatting */

.subscribeform form p br, .subscribeform form p label {
    display: none;
}

.subscribeform input, select {
    height: 52px;
    font-family: "Lato", sans-serif;
    border-radius: 3px;
}

.subscribeform input[type="submit"] {
    line-height: 1;
    background: rgba(1, 65, 118, 1) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8rem;
    border: 1px solid rgba(1, 65, 118, 1);
    margin: 5px 10px 5px 0;
}

.subscribeform input[type="submit"]:hover {
    cursor: pointer;
}

.subscribeform input#s2email {
    width: 100%;
    padding: 18px 95px 18px 18px;
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgba(221, 221, 221, 1.0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 1rem;
    transition: all 0.2s ease-in-out 0s;
    color: rgb(102, 102, 102);

}

.subscribeform input#s2email:hover {
    outline: none;
}

/* Search Menu*/

.header-search .search-lupe {
    float: right;
    display: inline-block;
    position: relative;
    height: 67px;
    width: 32px;
    padding: 14px 0;
}

.search-lupe:hover .metal, .search-lupe:hover .handle {
    background: rgb(1, 65, 118) !important;
    cursor: pointer;
}

.search-lupe:hover {
    cursor: pointer;
}

.header-search .search-lupe .metal {
    width: 24px;
    height: 24px;
    top: 18px;
    left: 6px;
    border-radius: 999px;
    background: #555;
    position: absolute;
}

.header-search .search-lupe .glass {
    width: 14px;
    height: 14px;
    top: 23px;
    left: 11px;
    border-radius: 999px;
    background: #1D1D1D;
    position: absolute;
}

.header-search .search-lupe .handle {
    height: 5px;
    width: 14px;
    top: 40px;
    left: 0;
    background: #555;
    border-radius: 2px 0 0 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
}

.header-search input {
    margin: 5px 0;
    display: inline-block;
    height: 52px;
    color: rgba(255, 255, 255, 0.4);;
    -webkit-border-image: none;
    -webkit-appearance: none;
    padding: 18px 95px 18px 18px;
    background: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);;
    border-right: none;
    border-top: none;
    border-left: none;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    transition: all 0.2s ease-in-out 0s;
    width: auto;
}

li + li.header-search:before {
    content: "";
}

li.header-search form {
    margin: 0;
}

li.header-search {
    margin-left: auto;
}

.header-search input:active, .header-search input:focus, .header-search input:hover {
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    border-right: none;
    border-top: none;
    border-left: none;
    color: rgba(255, 255, 255, 1);
    outline: none;
}


.search-toggle {
    margin-left:auto;
    margin-right: 7%;
}

.nav-toggle {
    margin-left: 7%;
}

/* Navigation Icons */

.blog-menu i.fa, .blog-menu i.fas,
.mobile-menu i.fa, .mobile-menu i.fas {
    display: inline-block;
    height: 13px;
    background-size: auto 100%;
    opacity: 0.5;
    transform: translateY(-2px);
    vertical-align: top;
}

.blog-menu i.fa:hover, .blog-menu i.fas:hover,
.blog-menu i.fa:focus, .blog-menu i.fas:focus,
.mobile-menu i.fa:hover, .mobile-menu i.fas:hover,
.mobile-menu i.fa:focus, .mobile-menu i.fas:focus {
    opacity: 1.0;
}

.blog-menu li i.fa-twitter,
.mobile-menu li i.fa-twitter {
    width: 14px;
    background: transparent url("images/twitter.svg") no-repeat center center;
    background-size: 80% auto;
}

.blog-menu li i.fa-linkedin,
.mobile-menu li i.fa-linkedin {
    width: 13px;
    background: transparent url("images/linkedin-in.svg") no-repeat center center;
}

.blog-menu li i.fa-globe,
.mobile-menu li i.fa-globe {
    width: 14px;
    background: transparent url("images/globe-solid.svg") no-repeat center center;
}

@media (min-width: 1040px) {
    .blog-description {
        font-size: 21px;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    .blog-description {
        font-size: 21px;
    }
}

@media (max-width: 800px) {
    .blog-search #searchsubmit {
        height: 100%;
        border: none;
    }

    .subscribeform input#s2email {
        padding-right: 18px;
    }

    .mobile-menu a {
        line-height: 13px;
    }
}