/*
Theme Name: Avada Child HCOM
Template: Avada
Text Domain:  Avada
Author: Holy Cow Online Marketing
Version: 1.3.7
Updated: 2018-04-18 14:46:18
*/

@charset "UTF-8";

/* BEGIN: Global Styles */

table th
{
    font-family: inherit;
}

.fusion-main-menu > ul > li > a,
h1.entry-title {
    font-family: Arial, Helvetica, sans-serif !important;
}

.heading.with-bg > h2 {
    font-family: Antic Slab, Arial, Helvetica, sans-serif !important;
}

@media (max-width: 611px) {
    .heading > h1 {
        font-size: 38.625px !important;
        line-height: 51.5px !important;
    }
}

@media (max-width: 396px) {
    .heading > h1 {
        font-size: 25.65px !important;
        line-height: 34.2px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 400 !important;
    }
    .heading.with-bg > h2 {
        font-family: Arial, Helvetica, sans-serif !important;
    }
}

img.Slice {
    width: 100%;
}

.SliceWrapper {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Style Form Placeholder text */
input::-webkit-input-placeholder {
    color: gray !important;
}
input::-moz-placeholder {
    color: gray !important;
}
input:-moz-placeholder {   /* Older versions of Firefox */
    color: gray !important;
}
input:-ms-input-placeholder { 
    color: gray !important;
}

/* tables should have margins before and after */
.post-content table
{
    margin: 20px 0;
}

.post-content table th, .post-content table td
{
    padding: 0.25em;
}

.post-content table th
{
    font-weight: bold;
}

/* END: Global Styles */

.tfs-slider .slide-content-container .fusion-title-size-two h2 {
    font-size: 60px !important;
    line-height: 80px !important;
    font-family: Antic Slab, Arial, Helvetica, sans-serif !important;
    color: #FFF;
    display: inline-block;
    padding: 3px 15px;
}


/* BEGIN: Portfolio */

.CSPortfolio {
    width: 90%;
    padding: 50px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.CSPortfolio .Title a,
.CSPortfolio .Title a:link,
.CSPortfolio .Title a:hover,
.CSPortfolio .Title a:active {
    color: #0661A0;
    text-decoration: none;
}

.CSPortfolio .Title {
    margin: 0 !important;
}

.CSPortfolio .Location {
    color: #0061A0;
}

.CSPortfolio .Laptop,
.CSPortfolio .Tablet,
.CSPortfolio .Mobile,
.HCOMPortfolio .Laptop,
.HCOMPortfolio .Tablet,
.HCOMPortfolio .Mobile {
    float: left;
}

.CSPortfolio .Laptop > img {
    width: 100%;
}

.CSPortfolio .Tablet,
.CSPortfolio .Mobile,
.HCOMPortfolio .Tablet,
.HCOMPortfolio .Mobile {
    margin-left: 2em;
}

.CSPortfolio .Description {
    float: right;
    width: 38%;
}

.CSPortfolio .ItemWrapper {
    overflow: auto;
}

@media (max-width: 635px) {
    .CSPortfolio .Mobile {
        clear: both;
    }
    .CSPortfolio .Description {
        width: auto;
    }
}

@media (max-width: 1010px) {
    .CSPortfolio {
        width: 100%;
        padding: 1em;
        margin-left: -2.35em;
    }
}


/* END: Portfolio */


/* BEGIN: Testimonials */

.TestimonialLogo {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    width: 40%;
}

.TestimonialBlock {
    float: right;
    width: 55%;
}

.Testimonials {
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: auto;
}

.Testimonialhr {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

@media (max-width: 750px) {
    .TestimonialBlock {
        float: none;
        width: 100%;
    }
    .TestimonialDescription {
        margin-right: 1em;
    }
    .TestimonialLogo {
        float: none;
    }
}


/* END: Testimonials */


/* BEGIN: Essentials */

.Essentials {
    margin-top: 1em;
    margin-bottom: 1em;
}

.Essentials img {
    width: 100%;
}

.EssentialsLogo {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    max-width: 270px;
}

.EssentialsBlock {
    float: right;
    width: 55%;
}

.Essentialshr {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

@media (max-width: 750px) {
    .EssentialsBlock {
        float: none;
        width: 100%;
    }
    .EssentialsDescription {
        margin-right: 1em;
    }
    .EssentialsLogo {
        float: none;
    }
}

@media (max-width: 468px) {
    .EssentialsLogo {
        width: 50%;
    }
}


/* END: Essentials */


/* BEGIN: Payments */

.qpp-style.invoicepayment #roundshadow {
    background-color: white;
}


/* END: Payments */


/* BEGIN: Marketing */

.ServiceBoxWrapper {
    float: left;
    width: 32%;
    margin-right: 0.5em;
    margin-bottom: 1em;
}

.ServiceBoxWrapper img {
    width: 100%;
}

.Servicecaption {
    text-align: center;
    font-size: medium;
    font-style: italic;
}

.MarketingConsultation {
    float: right;
    margin-left: 0.5em;
    margin-bottom: 1em;
}

.MarketingConsultation img {
    width: 100%;
}

@media (max-width: 1110px) {
    .Servicecaption {
        font-size: small;
    }
}

@media (max-width: 530px) {
    .MarketingConsultation {
        float: none;
        margin-left: 0;
    }
}

@media (max-width: 470px) {
    .ServiceBoxWrapper {
        float: none;
        width: 70%;
    }
}


/* END: Marketing */


/* BEGIN: Websites */

.Device {
    float: left;
    margin-right: 4em;
}

.DeviceLast {
    float: left;
    margin-right: 1em;
}

.DeviceItemWrapper {
    margin-top: 1em;
    margin-bottom: 1em;
}

.DeviceItemWrapper img {
    width: 100%;
}

.Consultation {
    float: right;
    margin-left: 0.5em;
}

.Consultation img {
    width: 100%;
}

@media (max-width: 900px) {
    .Device {
        margin-right: 1em;
    }
}


/* END: Websites */


/* BEGIN: Our Story */

/* top-justify the "Our Story" image in the slide */
/*
.page-id-10 .tfs-slider .background-image {
    background-position: top;
}
*/
/* position title higher on slide to avoid faces */
.page-id-10 .tfs-slider .slide-content-container {
    top: 18%;
}


.TeamBoxWrapper {
    float: left;
    width: 27%;
    margin-right: 0.5em;
    margin-bottom: 1em;
    margin-left: 3em;
}

.Teamcaption {
    text-align: left;
    font-size: medium;
    font-style: italic;
    margin-left: 1.8em;
}


/* END: Story */


/* BEGIN: FAQ styles */

.FAQ .Question {
    font-weight: bold;
}

.FAQ .Answer {
    font-style: italic;
}


/* END: FAQ styles */


/* BEING: DNN FAQ */

@media (max-width: 500px) {
    .FAQ img {
        max-width: 350px;
    }
}

@media (max-width: 410px) {
    .FAQ img {
        max-width: 300px;
    }
}

@media (max-width: 350px) {
    .FAQ img {
        max-width: 250px;
    }
}

@media (max-width: 300px) {
    .FAQ img {
        max-width: 200px;
    }
}


/* END: DNN FAQ */


/* BEGIN: What is a Responsive Website */

@media (max-width: 700px) {
    img.DesktopWebsite {
        width: 100%;
    }
}

@media (max-width: 500px) {
    img.TabletWebsite {
        width: 75%;
    }
    img.SmartphoneWebsite {
        width: 50%;
    }
}


/* END: What is a Responsive Website */


/* BEGIN: Website Maintenance */

.BlueBox {
    padding: 1em;
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: #B0CFE8;
    background-color: #CDE6F2;
    margin-bottom: 1em;
}


/* END: Website Maintenance */


/* BEGIN: Meet Our Team */

.FlipImageWrapper {}

.FlipImage {
    text-align: center;
}

.FlipImage img {
    width: auto !important;
}

.Last {
    margin-right: 0;
}

.FlipName {
    font-size: large;
    color: #0061A0;
    text-align: center;
    margin-bottom: 6px !important;
}

.FlipTitle {
    text-align: center;
    font-size: 13px;
}

.FlipImage img {
    width: 100%;
}

.TeamPhoto {
    float: left;
    margin-right: 2%;
    width: 33%;
}

.TeamPhoto img {
    width: 100%;
    max-width: 250px;
}

.TeamDescription {}

@media(max-width: 626px) {
    .TeamPhoto {
        float: none;
        margin-right: 0;
        margin-bottom: 0.5em;
    }
    .TeamDescription {
        float: none;
        width: 95%
    }
}


/* END: Meet Our Team */


/* BEGIN: Landing page */

.LandingBoxes {
    overflow: auto;
    margin-top: 1em;
}

.LandingBox {
    float: left;
    width: 19%;
    margin-right: 0.5em;
    text-align: center;
}

.LandingBox a {
    text-decoration: none;
}

@media (max-width: 600px) {
    .LandingBox {
        width: 25%;
        margin-bottom: 1em;
    }
}

@media (max-width: 468px) {
    .LandingBox {
        width: 40%;
        margin-bottom: 1em;
    }
}

@media (max-width: 380px) {
    .LandingBox {
        width: 100%;
        margin-bottom: 1em;
    }
}


/* END: Landing page */


/* BEGIN: Holy Cow, It Really Works! Styling */


/** Sidebar **/


/*** Tag Cloud ***/

.ui-widget-content {
    border: none !important;
}

.ui-tabs .ui-tabs-nav {
    display: none !important;
}

.tag-groups-cloud-tabs .ui-widget-content a {
    color: #0061A0 !important;
}


/* END: Holy Cow, It Really Works! Styling */

/* BEGIN: EDD (Easy Digital Downloads) Styling */

#edd_user_history
{
    margin-bottom: 1em;
}

/* END: EDD (Easy Digital Downloads) Styling */


.HCOMDiscounts th:first-child, .HCOMDiscounts td:first-child
{
    white-space: nowrap;
}

/* BEGIN: NAMA Styles */

/* Set NAMA fusion slide to contain image, position from center top */
#fusion-slider-106 .tfs-slider .background-image
{
    background-position: center top;
    background-size: contain;
}

/* END: NAMA Styles */