@charset "utf-8";
/* CSS Document */
/***************Top Margin *******************/

.logo h1,
.logo h2 { padding-top:20px;
}

.sf-menu a {
    padding-bottom:32px;
}

/*******************BG Image*******************/
.sitecontainer {
    background-image:url(http://www.kandoopremium.com/wp-content/themes/kandoo/images/skins/textures/linen.png);
    background-repeat:repeat;
    background-position:center top;
}

.wmuSlider {
    height:350px !important;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 970px) {

    .wmuSlider {
        height:277px !important;
    }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .wmuSlider {
        height:229px !important;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .wmuSlider {
        height:164px !important;
    }

}


/****************Button Colors***********************/

.button:hover, a.button:hover, a.more-link:hover, #footer .button:hover, #footer a.button:hover, #footer a.more-link:hover, .cancel-reply p a:hover {

    color:#fff;
}

.button, a.button, a.more-link, #footer .button, #footer a.button, #footer a.more-link, .cancel-reply p a {

    color:#fff;
}

/****************Link Colors***********************/
p a, a {
    color:#212121;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, p a:hover,
#footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, a:hover, #footer a:hover, .blogpost h2 a:hover, .blogpost .smalldetails a:hover {
    color:#555555;
}

/****************Selection Colors***********************/
::-moz-selection {
    background:#555555; color:#fff;
}

::selection {
    background:#555555; color:#fff;
}

::selection {
    background:#555555; color:#fff;
}

.recent-project:hover {
    border-color:#555555 !important;
}
/***************Typographic User Values *********************************/

h1, h2, h1 a, h2 a, .blogpost h2 a, h3, .ag_projects_widget h3, h3 a, .aj_projects_widget h3 a {
    font-family:"Open Sans", arial, sans-serif;}

h5, h5 a, .widget h3, .widget h2, .widget h4  {
    font-family:"Open Sans", arial, sans-serif;;}

h4, h4 a, .footer .note h4, .footer h4.subheadline, .newspost h4  {
    font-family:"Open Sans", arial, sans-serif;;}

body, input, p, ul, ol, .button, .ui-tabs-vertical .ui-tabs-nav li a span.text,
.footer p, .footer ul, .footer ol, .footer.button, .credits p,
.credits ul, .credits ol, .credits.button, .footer textarea, .footer input, .testimonial p,
.contactsubmit label, .contactsubmit input[type=text], .contactsubmit textarea {
   }





.container .three.columns.nopadding {
    width: 191px;
    padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container .three.columns.nopadding {
        width: 148px;
    }
}


@media only screen and (max-width: 767px) {
    .container .three.columns.nopadding {
        width: 146px;
        margin:2px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container .three.columns.nopadding {
        width: 204px;
        margin:2px;
        margin-bottom: 6px;
    }
    .slideshowcontainer {
        margin-left:8px;
    }
    .slideshowcontainer .container {
        width:428px;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    ul.filter li {
        width: 137px;
    }

}
