/* ====================================== Custom CSS Code =================================================*/

/* you can add any custom css code for any class, id, tags and anything here, it will be active.. */


/** Add loading gif to project slider */
.flexslider2 {
    background:url(../images/loader.gif) no-repeat center center;
}

h3.title {
    color: #686868;
}

footer {
    margin: 0!important;
}

.slider-comment {
    text-align: center;
    margin-bottom: 10px;
}
.portfolio-return {
    text-align: center;
}

.slides .caption {
    border: 1px solid #b3b3b3;
}
body {
    overflow-y:scroll;
}

/* my list type for experience */
ul.experience_list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.experience_list li, ul.skills_list li {
    background:url('../images/icons/services/development-blue.png') no-repeat top left;
    padding: 0 0 20px 55px;
}
ul.experience_list h3, ul.skills_list h3 {
    line-height: 20px;
}

ul.skills_list li {
    background:url('../images/icons/services/webdesign-blue.png') no-repeat top left;
    padding: 0 0 20px 55px;
}
/* fix for if slider has only one image, force it to show */
.flexslider2 ul.slides li:only-child{
    display: block !important;
}
.logo {
    text-align: left;
}
.logo {
    margin: 28px 0!important;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* Move next and prev buttons in so they are not outside of screen */
    .flex-direction-nav li .next {
        right:0!important;
    }
    .flex-direction-nav li .prev{
        left:0!important;
    }
    /* Hide zoom image so zooming does not happen on mobiles */
    .zoomImg {
        display: none!important;
    }
}
/* All screen sizes bigger than mobile */
@media only screen and (min-width: 768px) {
    /* magnifying glass icon for image zoom. Only show on non mobile screens, as zoom is disabled on mobile */
    .flexslider2:after {
        content:'';
        display:block;
        width:33px;
        height:33px;
        position:absolute;
        top:0;
        right:0;
        background:url(../images/jquery_zoom/zoom.png);
    }
}