/**** GENERAL ****/
a:hover, a:focus{
	color:#e8432e
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
/**** PRELOADING ****/
.mask-color, .social-share ul.social li:hover a, #showRightPush:hover, .slicknav_btn:hover, .slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover {
	background-color:#e8432e;
}

.prev:hover, .next:hover, .close-port:hover i, .read-more:hover, .read-more i, .view-all-blog:hover, .view-all-blog:hover span i, a.et-like-post.active span i, .btn.get-in-touch:hover, .et-post-data-left.single-blog a.home-icon:hover i, .form-submit input[type="submit"]:hover, .social-footer li a:hover i, .contact-form-wrapper input[type="submit"]:hover, #test_content .item .name-client, h1.title-blog a:hover, .btn.btn-oe:hover{
	color:#e8432e;
}
.close-port:hover, .view-all-blog:hover span, .btn.get-in-touch:hover, .image-blog-wrapper, .et-post-data-left.single-blog a.home-icon:hover, .form-submit input[type="submit"]:hover, .contact-form-wrapper input[type="submit"]:hover, .btn.btn-oe:hover, .popup-video:hover .icon-play-video{
	border-color:#e8432e;
}
.line-wrapper .line-circle, .pie-content h2, .percent-chart, .et-post-month, .et-post-date, .title-blog, .counter .timer, .btn.get-in-touch, .title-single, .post-tags a, .oe-comments-title, .copyright, .contact-form-wrapper input[type="submit"], .text-slider, a#scroll_to, .quote-charater, #test_content .item .name-client, .slicknav_menu  .slicknav_menutxt, .slicknav_nav a, .form-submit input[type="submit"], .btn.btn-oe, .blog-filer ul li a{
	font-weight:700;
}
.color-white *{
	color:#ffffff !important;
}
.color-white .popup-video:hover, .color-white .popup-video:hover .icon-play-video i{
	color:#e8432e !important;
}

                body {
    background-attachment: initial !important;
}
.link, .link:hover, .link:active {
    text-decoration: underline;
}
.link:active {
    color: #ccc !important;
}
.site-inner {
    width: 100%;
}
#header {
    border: 0;
    height: 34px;
    margin-top: 0.1px;
}
#header, #header.stuck-sticky {
    background-image: url("https://josephwebber.ca/wp-content/uploads/MenuBackground.png");
    background-size: 100%;
}
#header a {
    display: none !important;
}
.col-md-9, .col-xs-9, .col-md-10, .col-md-11 {
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.profile_image {
    width: 35%;
    min-width: 120px;
    min-height: 120px;
    max-width: 300px;
    max-height: 300px;
    margin-left: 5px;
    float: right;
}
.rounded-corners {
    border-radius: 15px;
}
.stars {
    font-size: 24px;
}
.skill_item, .sample_item {
    margin: 4px 2px 4px 2px;
    width: 150px;
    height: 150px;
}
.social-footer li:last-child {
    margin: 15px 0;
    padding: 0;
}
.footer-img img {
    height: 34px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.wpcf7-form {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-family: Lato;
    font-style: normal;
    text-align: center;
    font-size: 20px;
}
.wpcf7-form p {
    color: #fff;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
    color: #000;
    width: 100%;
    line-height: normal;
}
.wpcf7-not-valid-tip {
    font-size: 0.9em !important;
}
.wpcf7-form-control, .wpcf7-submit {
    margin-top: 0 !important;
    outline: none;
}
.wpcf7-response-output {
    font-family: Lato;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.wpcf7-response-output {
    margin: 1.5em 0.5em 1em;
}
.recaptcha {
    margin-bottom: 15px;
}
.recaptcha > div {
    margin: 0 auto;
}
.site-info {
    margin: 0 15px 20px 15px;
}
@media (max-width: 720px) {
    .col-md-9, .col-xs-9, .col-md-10, .col-md-11 {
        width: 98%;
    }
}
@media (max-width: 480px) {
    .title {
        font-size: 2em !important;
    }
    .col-md-11 {
        font-size: 2em !important;
    }
    .col-md-12 p {
        font-size: 1em !important;
    }
    .profile_image {
        width: 20%;
    }
    .skill_item {
        padding: 4px 2px 4px 2px;
        width: 100px;
        height: 100px;
    }
    .sample_item {
        padding: 4px 2px 4px 2px;
        width: 100px;
        height: 100px;
    }
    .wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
        height: 28px;
    }
    .wpcf7-form textarea {
        height: 200px;
    }
}