/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */



    /* Colors */
    
    
    /* Pinks */
    /*
    .maincolor{color:#ff4d59;}
    .metacolor{color:#ff3344;}
    */
    
    /* Blues */
    .maincolor{color:#1877F2;}
    .metacolor{color:#1877F2;}
    
    /* Greens */
    /*
    .maincolor{color:#78be20;}
    .metacolor{color:#6DA02C;}
    */
    
    
    
    
    
    /* Content */

    .flag{
        float:left; 
        margin:5px 5px 0px 0px;
    }

    .hideit{
        display:none;
    }
    
    /* Interaction */
    
    #webdev:hover .av-icon-char{color: #1877F2 !important;}
    #graphicdev:hover .av-icon-char{color: #1877F2 !important;}
    #enews:hover .av-icon-char{color: #1877F2 !important;}
    #seo:hover .av-icon-char{color: #1877F2 !important;}
    
    /* Theme (Overwrites) */
    
    /* Vertically Center Landing Page Content/Title */
    .html_header_transparency #top .avia-builder-el-0 .container, 
    .html_header_transparency #top .avia-builder-el-0 .slideshow_caption{padding-top:20px !important;}
    
    /* Header Social Icons Recolor */
    #top #wrap_all .av-social-link-linkedin a {
        color: #1877F2;
        background-color: transparent;
    }
    #top #wrap_all .av-social-link-linkedin:hover a {
        color: #1877F2 !important;
        opacity:.7 !important;
        background-color: transparent;
    }
    /* Header Social Icons No Background */
    #top .av-logo-container .social_bookmarks li a {
        border-radius: 0 !important;
    }
    #top #wrap_all .av-social-link-instagram:hover a {
        background-color: transparent !important;
        color: #1877F2 !important;
        opacity:.7 !important;
    }
    /* Form Submit Button and Hover State */
    .av-custom-form-color .button {
        border-color: black !important;
        background-color: #1877F2 !important;
    }
    .av-custom-form-color .button:hover {
        background-color: #1877F2 !important;
        color: white !important;
    }
    /* Form Input Field(s) and Hover State */
    .av-custom-form-color input:focus,
    .av-custom-form-color textarea:focus {
        border-color: #1877F2 !important;
    }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}