/*
Theme Name: LinxusTheme
Theme URI: http://underscores.me/
Author: Raymond McEvilly
Author URI: http://raymondmcevilly@gmail.com
Description: Custom Theme for Linxus
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: linxus
Tags:
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.
LinxusTheme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.form-submit {
    padding-bottom: 25px;
}

.children {
    padding-left: 30px;
}

.comment-row {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: #CCC 1px dotted;
}

.chip.comment-chip {
    height: 33px;
    line-height: 33px;
}

@media only screen and (max-width: 600px) {
    .service .valign-wrapper {
        height: inherit !important;
    }
}

@media only screen and (max-width: 600px) {
    .main-navigation.pin-top {
        top: 25px !important;
    }
}

@media only screen and (min-width: 600px) {
    .main-navigation.pin-top {
        top: 50px !important;
    }
}

.container {
    width: 90%;
}

.article-listing {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: #CCC 1px dotted;
    margin-bottom: 0;
}

.entry-meta a {
    color: inherit;
}

.byline,
.posted-on,
.comments-link,
.edit-link,
.comment-on {
    padding-right: 15px;
    font-size: 14px;
}

.byline .fa,
.posted-on .fa,
.comments-link .fa,
.edit-link .fa,
.comment-on .fa {
    color: #FF9E1B;
}

.chip a {
    color: inherit;
}

.chip {
    height: 25px;
    line-height: 25px;
    background-color: #DDDDDD
}

.posted-on {
    font-size: 14px;
}

.blog-image {
    height: 250px;
    width: 100%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
}

.blog-video {
    height: 250px;
}

.blog-categories {
    position: absolute;
    padding: 5px;
    width: 100%;
    height: 100%;
    font-weight: 500;
    color: white !important;
}

.blog-read-more {
    text-align: center;
    position: absolute;
    padding: 5px;
    width: 100%;
    height: 100%;
    font-weight: 500;
    color: white !important;
}

.blog-read-no-image {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 35%;
}

.blog-read-no-image span {
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    background-color: #CCC;
    border-radius: 50%;
    transition: .3s;
    vertical-align: middle;
}

.blog-image:hover .blog-image-overlay {
    background-color: rgba(0, 0, 0, 0.298039);
}

.blog-image-overlay {
    background-color: rgba(0, 0, 0, 0.298039);
    width: 100%;
    height: 100%;
    position: absolute;
}

.blog-image:hover .blog-read-more-button {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.blog-read-more-button {
    top: 40%;
    transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
}

body {
    font-weight: 300;
}

a {
    color: #FA4616;
}

.post-title {
    font-size: 16px;
    font-weight: bold;
}

#introduction {
    text-align: center;
}

#testimonials {
    text-align: center;
}

#latest-news .latest-news-header {
    text-align: center;
}

.post .post-image {
    width: 100%;
    height: 213px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 40px 0;
}

.site-header {
    position: relative;
}

.header-image-wrap {
    width: 100%;
    height: 400px;
    background-color: #111;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6);
}

.header-image-wrap .overlay {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.298039);
}

.contact-us-header-wrap .overlay {
    height: 100%;
    min-height: 1000px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.898039);
}

.contact-us-header-wrap {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #111;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.gmap {
    border-radius: 50%;
    height: 260px;
    width: 260px;
    box-shadow: 0px 0px 3px 3px #FA4616;
    overflow: hidden;
    position: relative;
}

.main-navigation {
    z-index: 999;
    top: 50px;
    position: absolute;
}

.main-navigation a {
    color: #FFFFFF;
    top: 0 !important;
}

.main-navigation.pin-top {
    box-shadow: none;
}

.main-navigation.pinned {
    background-color: #374457 !important;
}

.main-navigation .brand-logo {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 100%;
}

.main-navigation .brand-logo img {
    height: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.main-navigation.pinned .brand-logo img {
    height: 80%;
    vertical-align: middle;
    margin-bottom: 5px;
}

.side-nav {
    background-color: #374457
}

.side-nav li {
    padding: 0 0 0 10px
}

.side-nav li:hover,
.side-nav li.active {
    background-color: #FA4616;
}

.side-nav a:hover {
    background-color: rgba(55, 68, 87, 0.8) !important;
}

.collection a.collection-item {
    color: #374457;
}

.collection .collection-item.active {
    background-color: #374457;
}

#resource-center-page .categories-row {
    padding-bottom: 30px;
}

#resource-center-page .categories-row h5 {
    padding-bottom: 10px;
    border-bottom: solid #dddddd 1px;
}

#resource-center-page .categories-row h5 a {
    margin-left: 10px;
    font-size: 13px;
}

#resource-center-page .post-row {
    display: flex;
}

@media only screen and (max-width: 992px) {
    #resource-center-page .post-row {
        flex-direction: column;
        -ms-flex-direction: columnl
    }
}

#resource-center-page .post-card {
    display: flex;
    flex-flow: column;
    -ms-flex-flow: column;
    margin: 10px 0;
}

#resource-center-page .post-card .post-button {
    margin-top: auto;
}


/******************************************************************************/


/****************            Ball CSS                   ***********************/


/******************************************************************************/

.ball {
    display: block;
    text-align: center;
    color: white;
    line-height: 250px;
    font-size: 80px;
    text-shadow: 2px 2px #000;
    background: black;
    border-radius: 50%;
    height: 250px;
    width: 250px;
    background: radial-gradient(circle at 100px 100px, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%);
}

.ball-secondary-1 {
    background: #FF9E1B;
}

.ball-secondary-2 {
    background: #88DBDF;
}

.ball-secondary-3 {
    background: #FA4616;
}

.stage:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.stage {
    width: 250px;
    height: 250px;
    margin: auto;
    margin-bottom: 50px;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}


/* ----------------------------------- */


/*       Global CSS definitions        */


/* ----------------------------------- */

nav ul a,
nav .brand-logo {
    color: #444;
}

nav ul a {
    font-weight: bold;
}

nav ul a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #FA4616;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    line-height: 1.1;
}

.btn,
.btn-large {
    border-radius: 50px;
    color: black;
    margin: 5px
}

.inline>li {
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}

section {
    padding: 40px;
}

.section-header {
    padding: 10px;
    text-align: center;
}

.section-header span {
    position: relative;
}

.section-header span:after {
    border-bottom: 2px solid #FA4616;
    content: '';
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    width: 50px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.article-header {
    padding: 10px 0;
}

.article-header span {
    position: relative;
}

.article-header span:after {
    border-bottom: 2px solid #FA4616;
    content: '';
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    width: 50px;
    bottom: -10px;
    left: 0;
}

.lead {
    text-align: center;
    margin: 25px 0;
}

.card-panel-linxus,
.card-panel-white,
.card-panel-gray,
.card-panel-primary {
    margin-top: 0;
    margin-bottom: 0;
}

.card-panel-primary {
    background-color: #374457;
}

.card-panel-white {
    background-color: #fff;
}

.card-panel-gray {
    background-color: #eeedee;
}

.large-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.service-header {}

.service-paragraph {
    padding-top: 20px;
    padding-bottom: 20px;
}

.link-icon {
    position: relative;
    margin: auto;
    bottom: -33px;
    line-height: 25px;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    text-align: center;
    color: #eeedee;
    font-size: 11px;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}


/* icon prefix focus color */

.input-field .prefix.active {
    color: #88DBDF;
}

blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: none;
}


/* ----------------------------- */


/*       Color Definitions       */


/* ----------------------------- */

.color-primary {
    color: #374457 !important;
}

.color-secondary-1 {
    color: #FF9E1B !important;
    ;
}

.color-secondary-2 {
    color: #88DBDF !important;
}

.color-secondary-3 {
    color: #FA4616 !important;
}

.bg-color-primary {
    background-color: #374457 !important;
}

.bg-color-secondary-1 {
    background-color: #FF9E1B !important;
}

.bg-color-secondary-2 {
    background-color: #88DBDF !important;
}

.bg-color-secondary-3 {
    background-color: #FA4616 !important;
}


/* ----------------------------- */


/*       Top Social Header       */


/* ----------------------------- */

#social-header {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 0;
    color: #FFFFFF;
    font-size: 13px;
    z-index: 999;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.social-contact a {
    color: #FFFFFF;
}

.social-nav a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 37px;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
}

.social-nav-sm a:before {
    line-height: 20px;
}

.social-nav ul {
    list-style: none;
    margin: 0 0 -0.4375em;
}

.social-nav li {
    float: left;
    margin: 0 0.4375em 0.4375em 0;
    padding-right: 0 !important
}

.social-nav a {
    border-radius: 50%;
    color: #000 !important;
    display: block;
    height: 37px;
    width: 37px;
    position: relative;
    background-color: #DDDDDD
}

.social-nav-sm a {
    height: 20px;
    width: 20px;
}

.social-nav a:hover {
    color: #DDDDDD;
    background-color: #FA4616;
}

.social-nav a:before {
    content: "\f08e";
    height: 37px;
    width: 37px;
    line-height: 37px;
    text-align: center;
}

.social-nav-sm a:before {
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.social-nav a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-nav a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-nav a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-nav a[href*="dropbox.com"]:before {
    content: "\f16b";
}

.social-nav a[href*="facebook.com"]:before {
    content: "\f09a";
}

.social-nav a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-nav a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-nav a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-nav a[href*="github.com"]:before {
    content: "\f09b";
}

.social-nav a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-nav a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-nav a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.social-nav a[href*="reddit.com"]:before {
    content: "\f281";
}

.social-nav a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-nav a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-nav a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-nav a[href*="twitter.com"]:before {
    content: "\f099";
}

.social-nav a[href*="vimeo.com"]:before {
    content: "\f27d";
}

.social-nav a[href*="wordpress.com"]:before,
.social-nav a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.social-nav a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-nav a[href*="spotify.com"]:before {
    content: "\f1bc";
}

.social-nav a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.service {
    text-align: center;
    margin-top: 30px;
}

.serviceHeader {
    font-size: 20px;
    font-weight: normal;
}

.service>.fa-stack {
    text-shadow: 2px 2px rgba(0, 0, 0, 0.50);
}


/* ------------------------------*/


/*        Footer Section         */


/* ------------------------------*/

footer.page-footer {
    margin: 0;
    color: white;
}

footer.page-footer li {
    padding: 3px;
}

footer.page-footer a {
    color: white;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
    box-shadow: none;
    box-sizing: inherit;
    transition: all .3s;
}


/* label focus color */

.input-field input[type=text]:focus+label,
.input-field input[type=email]:focus+label,
.input-field input[type=tel]:focus+label,
.input-field input[type=url]:focus+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #88DBDF;
}


/* label underline focus color */

.input-field input[type=text]:focus:not([readonly]),
.input-field input[type=email]:focus:not([readonly]),
.input-field input[type=tel]:focus:not([readonly]),
.input-field input[type=url]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #88DBDF;
    box-shadow: 0 1px 0 0 #88DBDF;
}

textarea.materialize-textarea {
    overflow-y: hidden !important;
    padding: 1.6rem 0 !important;
    resize: none !important;
    min-height: 1rem !important;
}

.page-footer {
    font-size: 85%;
}

.page-footer p {
    line-height: 1.5rem;
}

.linxus-ul {
    list-style-type: none;
    padding-left: 15px
}

.linxus-ul li {
    position: relative;
    padding-left: 5px;
}

.linxus-ul li:before {
    content: "\f111";
    color: #FA4616;
    font-family: FontAwesome;
    position: absolute;
    left: -15px;
}

#contact-details span[data-customizer="email"]>a {
    color: white !important;
}

#contact-details>.row {
    margin-bottom: 5px;
}

#contact-details .fa-stack {
    font-size: 12px;
}

.crm_img_container {
    position: relative;
    display: inline-block;
    text-align: center;
}

.crm_img_container a {
    position: absolute;
    bottom: 150px;
    right: 30px;
}

.crm_img_container .credentials {
    position: absolute;
    bottom: 20px;
    right: 60px;
}


/*************************************************/


/*     Front Page App Page CSS                   */


/*************************************************/

#front-page section {
    padding: 0;
}


/*************************************************/


/*     K2 Business App Page CSS                  */


/*************************************************/

#k2-business-apps .page-header {
    text-align: center
}

#k2-business-apps .page-header>h4 {
    padding: 20px;
}

#k2-business-apps .page-header>p {
    width: 40%;
    margin: auto;
}


/* K2 Intro Section */

#k2-intro .product-feature {
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    text-align: center;
    padding: 25px 0;
}

#k2-intro .product-feature img {
    height: 100px;
    margin: 0px 20px 0 20px;
}

#k2-intro .product-feature div {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    #k2-intro .product-feature {
        flex-direction: column;
        -ms-flex-direction: column;
    }
    #k2-intro .product-feature-right {
        flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
    }
}


/* K2 Core Section */

#k2-core-features {
    background-color: white;
}

#k2-core-features .product-feature {
    text-align: center;
    padding: 25px 0;
}

#k2-core-features .product-feature img {
    height: 50px;
}

#k2-core-features .product-feature {
    display: block;
    color: inherit;
}

#k2-core-features .product-feature:hover {
    cursor: pointer;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}


/* K2 Companies Section */

#k2-companies {
    padding: 0;
}

#k2-companies .companies-showcase {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
}

#k2-companies .companies-showcase>div {
    padding: 10px;
}

#k2-companies .companies-showcase>div img {
    height: 35px;
    width: inherit;
}


/* K2 Call to Action Section */

#k2-call-to-action {
    text-align: center;
    color: white;
    padding: 120px 0;
}


/*************************************************/


/*     Accelerator Business App Page CSS         */


/*************************************************/

#accelerator-intro .product-feature {
    text-align: center;
}

#accelerator-intro .product-feature>.feature-image {
    text-shadow: 2px 2px rgba(0, 0, 0, 0.50);
}


/* Accelerator Core Section */

#accelerator-features {
    background-color: white;
}

#accelerator-call-to-action {
    text-align: center;
    color: white;
}


/*************************************************/


/*     Testimonial Plugin CSS Overwrites         */


/*************************************************/

div.testimonial_rotator_wrap div.testimonial_rotator {
    color: white;
}

div.testimonial_rotator_wrap div.testimonial_rotator .testimonial_rotator_img {
    border-radius: 0;
}


/*************************************************/


/*     Search and Filter Plugin CSS Overwrites   */


/*************************************************/

.searchandfilter .select-dropdown {
    display: none;
}

.searchandfilter li {
    width: 100%;
}


/* Sigh, plugin does not allow to add class to its elements, so
copying Materilize button styling - Could have added the class to the button
via javascript - but laze :P */

.searchandfilter input[type=submit] {
    background-color: #88DBDF !important;
    border-radius: 50px;
    color: black;
    margin: 5px;
    vertical-align: bottom;
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
    text-decoration: none;
    text-align: center;
    letter-spacing: .5px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    outline: 0;
    padding: 0 1rem;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.searchandfilter input[type=submit]:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#submit {
    background-color: #88DBDF;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#content ul {
    -webkit-padding-start: 40px;
}

#content ul>li {
    list-style-type: disc;
}

#primary-menu .sub-menu {
    display: none;
    position: absolute;
    background-color: #374457;
    min-width: 140px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#primary-menu .menu-item-has-children:hover>ul {
    display: block;
}

#primary-menu .sub-menu::after,
#primary-menu .sub-menu::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 70px;
    margin-left: -10px;
    border: 10px solid transparent;
    height: 0;
}

#primary-menu .sub-menu::after {
    border-bottom-color: #000000a8;
}

#primary-menu .sub-menu::before {
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .1);
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

#primary-menu .sub-menu>li {
    float: none;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: relative;
	left: inherit;
	visibility: inherit;
}