/*
Title: Custom CSS File
Theme Name: Ashoka
Author Name: GeeksLabs
Author URI: http://themeforest.net/user/geekslabs
Website: http://geekslabs.com

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
I WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.home-text h2 {
	font-size: 3em;
}

/*********** General and Bootstrap Override **************/

a:hover, a:focus {
	color: #c01efa;
}

/*********** 6. About ***********/

.post-dremers:before {
    content: "\e030";
    font-family: "ElegantIcons"; 
}

.post-researchers:before {
    content: "\e00a";
    font-family: "ElegantIcons";  
}


/*********** 4. Menu ***********/
.navbar{
	background: rgba(0, 0, 0, 0.95);
}

.navbar ul {
    height: 35%;
}
.navbar ul li a .primary:hover, .navbar ul li a .primary:focus {
    color: #7c03a8;
    text-decoration: none;    
}
.navbar ul li {
    display: block;
    height: 20%;
    height: calc(100% / 6);
    min-height: 20px;
}

.navbar ul li a .primary {    
    font-size: 120%;
    line-height: 100%;
    color: rgba(137, 193, 68, 0.8);        
    padding-top: 7px;    
}
.navbar ul li a .secondary {
    font-size: 90%;
    visibility:hidden;
    color: rgba(255,255,255,0.6);    
    margin-bottom: 5px;
    letter-spacing: 2px;    
}

/* SAME BUT FOR MOBILE */
/* Menu Media Queries*/ 
@media screen and (max-height: 30.5em) {
    .navbar ul {
    height: 35%;
    }
    .navbar nav {
        height: 70%;
        font-size: 95%; /* was 34px */
    }
    .navbar ul li {
        min-height: 14px; /* was 34px */
        height: 10%;
    }
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    .navbar ul li a .primary {    
        font-size: 90%;
        line-height: 90%;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {  
.navbar nav{
        font-size: 95%; /* was 34px */
    }
    .navbar ul li a .primary {    
        font-size: 90%;    /* 30px */
        line-height: 90%;    /* 18px */
        padding-top: 5px;    /* 18px */
        padding-bottom: 5px;    /* ---- */
    }
    .navbar ul li .secondary{
        color: #fff;    /* ---- */
        font-size: 80%;    /* 15px */
        display: block;    /* ---- */
        visibility: hidden;    /* ---- */
        line-height: 80%;    /* 15px */
    }
    .navbar ul li a:hover .secondary{
        color: #fff;    /* ---- */
        visibility: visible;    /* ---- */
        font-size: 80%;    /* 15px */
    }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .navbar nav{
        font-size: 85%;    /* 24px */
    }
        .navbar ul li a .primary {
        font-family: "Raleway",Arial,sans-serif;    /* ---- */
        font-size: 80%;    /* 22px */
        color: rgba(255,255,255,0.8);    /* ---- */
        line-height: 80%;    /* 22px */
        padding-top: 5px;    /* ---- */
    }
    .navbar ul li a .secondary {
        font-size: 70%;    /* 12px */
        color: rgba(255,255,255,0.6);    /* ---- */        
        letter-spacing: 2px;    /* ---- */    
    }
 }  
/*********** Product List ***********/
.product-list > div {overflow: auto; border:1px solid #000; padding:30px;}
.product-list > div:hover{border:1px solid #fff;}
.product-list .right { float: right; margin-left: 15px; }
.product-list .left .cart  .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:left; }

.product-list > div + div { border-top: 1px solid #fff; }
.product-list > div:hover + div{border-top: 1px solid #000;}
.product-list .image { float: left; margin-right: 15px; }
.product-list .name { margin-bottom:12px; }
.product-list .name a { color: #95c757; font-weight: bold; text-decoration: none; font-size:130%; text-transform:uppercase; }
.product-list .name a:hover { color:#fff; }
.product-list .description { font-size:115%; line-height: 18px; margin-bottom: 10px; color: #fff; }
.product-list .rating { color: #95c757; margin-bottom:5px;}
.product-list .price {font-size:100%; font-weight: bold; color:#95c757; margin-bottom:5px;}
.product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; }
.product-list .price-tax { font-size: 100%; font-weight: normal; color: #aaa; }
.product-list .cart input {padding:2px 3px; font-size:10px; height:auto; line-height:normal; text-transform:uppercase;}
.product-list .wishlist, .product-list .compare {margin-left:10px;}
.product-list .wishlist a{color: #aaa; text-decoration: none; display:inline-block; font-size:15px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;}
.product-list .compare a {color: #aaa; text-decoration:none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;}
a.wishlist:hover { color:#fff; }

ul.hr li.hr-line {
    width: 30%;
    height: 4px;
    margin-bottom: 6px;
    border-bottom: 1px solid #a9a9a9;
    border-top: 1px solid #a9a9a9;
}


.grid-gallery figcaption h3 {    
    font-size: 1em;
    font-family: "Raleway",Arial,sans-serif;
    font-weight: 600;    
    /*color: #029ece;*/
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 0.3em;
}

.slideshow li figure img {
        width: 70%;
	height: 70%;
        margin: 0 auto;
        max-width: 100%;
    }
.soc-item a{
    color: #fff;
    text-align: center;
    font-size: 0.9em;    
    display: block;
    text-decoration: none;
}
.slideshow figcaption {
    padding-bottom: 10px;
}
figure h4 small {
	font-weight: 600;
	line-height: 1;
	color: #333;
}
#social .facebookAlt:hover,#social .twitterAlt:hover,#social .linkedinAlt:hover,#social .googleAlt:hover,#social .duboisAlt:hover{
    opacity: 0.9;
}
#social .facebookAlt{
    background: #049909;
    webkit-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    -moz-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.40);
    border: 6px solid #049909;
}
#social .twitterAlt{
    background: #a09603;
    webkit-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    -moz-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.40);
    border: 6px solid #a09603;
}
#social .linkedinAlt{
    background: #674ea0;
    webkit-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    -moz-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.40);
    border: 6px solid #674ea0;
}
#social .googleAlt{
    background: #c17f03;
    webkit-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    -moz-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.40);
    border: 6px solid #c17f03;
}
#social .duboisAlt{
    background: #ad1d07;
    webkit-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    -moz-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.40);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.40);
    border: 6px solid #ad1d07;
}
/* 19. Google Map
-------------------------------------------------------------- */
#map {
    width: 100%;
    height: 350px;
    filter: grayscale(40%);    
    filter: gray;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);    
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#map:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}
.info_content h3, .info_content p{
	font-weight: 600;
	line-height: 1;
	color: #000 !important;
	text-align: center;
}
/* 20. Bootstrap 5 col fix https://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap
-------------------------------------------------------------- */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/* 21. NavMenu Fix
-------------------------------------------------------------- */
.navbar .navbar-close {
    position: absolute;
    right: 40px;
    top: 10px;
    overflow: hidden;
    text-indent: 0%;
    font-size: 3em;
    color: #FFF;
    outline: none;
    z-index: 1000000;
}
/* 22. Bootstrap 4 col fix 
-------------------------------------------------------------- */
.col-xs-4ths,
.col-sm-4ths,
.col-md-4ths,
.col-lg-4ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-4ths {
    width: 25%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-4ths {
        width: 25%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-4ths {
        width: 25%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-4ths {
        width: 25%;
        float: left;
    }
}