OwlCyberSecurity - MANAGER

Edit File: _helper.scss

$other-color: #464a4d;

.inverse {
  color: white;

a {
    color: $light;
  }
}

.highlighted{
    color: $accent-color;
}

/**
 * A padding for the span-#
 * Also, floats them left.
 */
.row-shortcode{
    margin-left: 0;

div[class*='span-']{
        float: left;
    }
}

/**
 * Ensure that all the links in the post's entry-content
 * are black, that images are 100% in width,
 * nav's are stacked vertically with no bullets,
 * & others.
 */
.entry__content{
    a{
      color: black;

img{

}
    }

ul{
        @extend .nav;
        // @extend .nav--stacked;

li{
            display: block;
            @include rem(padding, $half-spacing-unit/4 0);
            font-family: "Josefin Slab", serif;
            @include font-size(15px);
            font-weight: bold;
        }
    }

h1, h2, h3{
        color: $dark;
    }

.social-link{
        display: inline;
        text-decoration: none;
    }
}

/*----------------------------------------*\
    $WORDPRESS CORE
\*----------------------------------------*/

/**
 * Ensure that a caption won't expand more than the content
 */
.wp-caption{
    max-width: 100%;
}

.hidden, [hidden] {display: none !important}

.alignnone {
    // margin: 5px 20px 20px 0;
}

.small {
    @include font-size(14px);
    line-height:1.5;
}

.aligncenter,
div.aligncenter {
    display: block;
    @include rem(margin, $base-spacing-unit/2 auto);
}

.alignright {
    float:right;
    @include rem(margin, 0 0 $base-spacing-unit $base-spacing-unit);
}

.alignleft {
    float: left;
    @include rem(margin, 0 $base-spacing-unit $base-spacing-unit 0);
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    // margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption.alignnone {
    // margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 4px 15px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.gallery-caption {
    /*ceva*/
}

.post.sticky {
    // background-color: #f5f5f5;
    // @include rem(padding, 10px 20px);
    // border: 3px solid #f5f5f5;
    @include box-shadow(0 0 15px -3px rgba(black, 0.7));
}

.bypostauthor > .comment {
    @include rem(border-right, $half-spacing-unit solid #eee);
    @include rem(padding-right, $base-spacing-unit);
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.inline {
    display:inline-block;
}

//Margins hacks
//Top
.mt1 {
    margin-top:1rem !important;
}
.mt2 {
    margin-top:2rem !important;
}
.mt3 {
    margin-top:3rem !important;
}
.mt4 {
    margin-top:4rem !important;
}

//Top Negative
.mt-1 {
    margin-top:-1rem !important;
}
.mt-2 {
    margin-top:-2rem !important;
}
.mt-3 {
    margin-top:-3rem !important;
}
.mt-4 {
    margin-top:-4rem !important;
}

//Bottom
.mb1 {
    margin-bottom:1rem !important;
}
.mb2 {
    margin-bottom:2rem !important;
}
.mb3 {
    margin-bottom:3rem !important;
}
//Bottom Negative
.mb-1 {
    margin-bottom:-1rem !important;
}
.mb-2 {
    margin-bottom:-2.25rem !important;
}
.mb-3 {
    margin-bottom:-3rem !important;
}
.mb-50 {
    margin-bottom:-50px !important;
}

//Paddings
.well-small {
    padding:15px;
}