@charset "utf-8";

/**
*
* -------------------------------------------------
*
* Template : UKskins - Uikit Element Packages
* Author : thecodude
* Author URI : http://thecodude.com
*
* --------------------------------------------------
*
**/

/*-----------------------
    Thumbnav
------------------------*/
.thumbnav-style {position: relative;padding: 50px;margin: 5px 0px;text-align: center;}
.thumb-photo img {width: 150px;border-radius: 50%;margin-bottom: 20px;}
.thumb-info {margin-bottom: 30px;}
.thumb-info .name {font-size: 19px;font-weight: bold;}
.thumb-info .position {font-size: 15px;padding-top: 5px;color: #999;}
.thumb-info .position a {text-decoration: none;transition: all .3s ease;color: #999;}
.thumb-desc p {font-size: 20px;line-height: 1.5;color: #999;}
.tc-thumbnav .uk-thumbnav>*>* {background: transparent;}
.tc-thumbnav .uk-thumbnav li img {border-radius: 10px;opacity: 0.6;transition: all .3s ease;}
.tc-thumbnav .uk-thumbnav li:hover img, 
.tc-thumbnav .uk-thumbnav li.uk-active img {opacity: 1;}
.tc-thumbnav.thumbnav-light .name {color: #fff;}
.tc-thumbnav.thumbnav-light .position, 
.tc-thumbnav.thumbnav-light .thumb-desc p, 
.tc-thumbnav.thumbnav-light .thumb-info .position a {color: rgba(255, 255, 255, 0.6);}

@media (max-width: 480px) {
    .tc-thumbnav .uk-thumbnav li {
    	width: 50%;
    }
    .thumbnav-style {
        padding: 0;
    }
}