/* ---------------------------------------- */
/* ----- Mental works custom style    ----- */
/* ----- edits (c) 2014 JE ---------------- */
/* ---------------------------------------- */

body {
    background: #414141;
}

::selection {
    background: #009EE3;
    color: white;   
}

::-moz-selection {
    background: #009EE3;
    color: white;
}

/* ---------------------------------------- */
/* ----- Navigation ----- */
/* ---------------------------------------- */

.nav {
    background: #009EE3; /*#16a085;*/
	
}

.nav a {
    color: white !important;
}

.nav li:nth-child(2) a {
    background: #87dbff; /*#2ecc71;*/
}

.nav li:nth-child(2) a:hover, .nav li:nth-child(2).active a {
    color: #87dbff !important;
}

.nav li:nth-child(3) a {
    background: #6dc4fe;
}

.nav li:nth-child(3) a:hover, .nav li:nth-child(3).active a {
    color: #6dc4fe !important;
}

.nav li:nth-child(4) a {
    background: #60bfff;
}

.nav li:nth-child(4) a:hover, .nav li:nth-child(4).active a {
    color: #60bfff !important;
}

.nav li:nth-child(5) a {
    background: #009ee3;
}

.nav li:nth-child(5) a:hover, .nav li:nth-child(5).active a {
    color: #009ee3 !important;
}

/* ---------------------------------------- */
/* ----- Resume ----- */
/* ---------------------------------------- */

/* ----- Icon Color ----- */
.ro-timeline > li .ro-icon {
    color: #2ecc71;
}

/* ---------------------------------------- */
/* ----- Skills ----- */
/* ---------------------------------------- */

.sidebar h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #2ecc71;
}

.skills span {
    background: #2ecc71;
}

.skills li:nth-child(even) span {
    background: #27ae60;
}

.skills span:hover {
    background: #000 !important;
}

.rt-spanbg {
    background: #2ecc71 !important;
}

/* ---------------------------------------- */
/* ----- Profile ----- */
/* ---------------------------------------- */

.p-details a:hover {
	/* button hover color #87dbff */
    background: #87dbff;
	/*#2ecc71;*/
    color: white;
}

/* ---------------------------------------- */
/* ----- Social Icons ----- */
/* ---------------------------------------- */

.social a:hover {
    background: #87dbff;
    color: white;
    height: 35px;
}

/* ---------------------------------------- */
/* ----- Work ----- */
/* ---------------------------------------- */

/* ----- Filter ----- */

.gridfilter li:hover {
    color: white !important;
    background: #000;
}

.activefilter {
    background: #2ecc71 !important;
    color: white;
}

/* ---------------------------------------- */
/* ----- Single Project ----- */
/* ---------------------------------------- */

.project-nav a:hover {
    background: #000;
    color: white;
}


/* ---------------------------------------- */
/* ----- Nivo Slider ----- */
/* ---------------------------------------- */

/* ----- Control Navigation ----- */

.theme-default .nivo-controlNav a {
  background: #000;
  border: 2px solid #000;
  box-shadow: inset 0 0 0 4px white;
}

.theme-default .nivo-controlNav a:hover {
  background: #2ecc71;
  border: 2px solid #2ecc71;
  box-shadow: inset 0 0 0 3px white;
}

.theme-default .nivo-controlNav a.active {
  background: #2ecc71;
  border: 2px solid #2ecc71;
  box-shadow: inset 0 0 0 2px white;
}


/* ---------------------------------------- */
/* ----- Contact ----- */
/* ---------------------------------------- */

.contact form input[type="text"]:focus, 
.contact form input[type="email"]:focus, 
.contact form input[type="password"]:focus, 
.contact form textarea:focus { 
    border: 2px solid #87dbff;
    color: #999;
}

.contact form input[type="text"]:required:valid, 
.contact form input[type="email"]:required:valid, 
.contact form input[type="password"]:required:valid, 
.contact form textarea:required:valid { 
    border: 2px solid #87dbff;
    color: #87dbff;
} 

.contact form .radio:hover {
    background: #000;
    color: white;
}

.contact form input[type="radio"]:checked + label {
    background: #2ecc71;
}

.contact form .required { 
    color: #009ee3;
}

.contact form input[type="submit"]:hover { 
    color: #fff;
	/* button hover color #87dbff */
	background: #87dbff;
    cursor: pointer;
}

/* custom for maps */
div.gomapMarker {height:40px;}

.mwcustomcontrol {
	background-color:#ffffff;
	cursor:pointer;
	-moz-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  0px 1px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	border-radius:2px;
	
	}

.mwcustomcontrol:hover {
	background-color:#dedede;
	}
	
.mwcustomcontroltext, a.mapslink, a.mapslink:link, a.mapslink:visited, a.mapslink:hover, a.mapslink:active {
	font-family: Roboto, Arial, sans-serif;
	font-weight:400;
	font-size:11px;
	padding:1px 4px;
	color:#565656;
	text-decoration:none;
}

/* custom footer */
.footer {text-align:right; color:#777; font-size:1.2em}
.footer .copyright {float:left;}
.footer a {color:#777;}
.footer a:hover {color:#87dbff;}

.social {display:none;}

/* ---------------------------------------- */
/* ----- Media Queries ----- */
/* ---------------------------------------- */

@media screen and (max-width: 767px) {

    .nav a {
        background: #009EE3 !important;
    }

    .nav li:nth-child(2) a:hover, .nav li:nth-child(2).active a,
    .nav li:nth-child(3) a:hover, .nav li:nth-child(3).active a,
    .nav li:nth-child(4) a:hover, .nav li:nth-child(4).active a,
    .nav li:nth-child(5) a:hover, .nav li:nth-child(5).active a
    {
        color: #009EE3 !important;
        background: white !important;
    }

    #nav-toggle {
        background: #87dbff url("../../img/hamburger.gif") no-repeat 50% 50%;
    }
}

@media screen and (max-width: 420px) {
	.footer {font-size:1.1rem}
}

/* overwrite text colors */
h1,h2,h3,h4,p, label {color:#444 !important;}