/* 
Theme Name: Eva Monkey Verion 4
Theme URI: http://www.evamonkey.com/
Author: Aaron Clark
Author URI: http://www.evamonkey.com/
Description: WordPress theme for Eva Monkey
Version: 4.0
License: 
License URI: 
Text Domain: evamonkey-version-4
*/





/* Extra small devices (phones, less than 768px) */

*{
font-family:Arial, Helvetica, sans-serif;
}

body{
}

.screen-reader-text{
display:none;
}

select, input, textarea{
max-width:100%;
}

.alignright{float:right;margin:0 0 20px 15px}
.alignleft{float:left;margin:0 15px 30px 0}
.aligncenter{display:block;clear:both;margin:0 auto 30px auto}

.size-thumbnail, 
.size-medium, 
.size-large{
border:1px solid #329a34;
}

img {
width:100%;
max-width:100%;
height:auto;
}

blockquote{
font-style: italic;
}



.topbar{
font-size:18px;
text-transform:uppercase;
text-shadow:0px 1px 2px rgba(0,0,0,.25);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2c2c+0,313131+50,2c2c2c+100 */
background:url(images/shadow-bottom.png) bottom repeat-x #313131; /* Old browsers */
background:url(images/shadow-bottom.png) bottom repeat-x, -moz-linear-gradient(top,  #2c2c2c 0%, #313131 50%, #2c2c2c 100%); /* FF3.6-15 */
background:url(images/shadow-bottom.png) bottom repeat-x, -webkit-linear-gradient(top,  #2c2c2c 0%,#313131 50%,#2c2c2c 100%); /* Chrome10-25,Safari5.1-6 */
background:url(images/shadow-bottom.png) bottom repeat-x, linear-gradient(to bottom,  #2c2c2c 0%,#313131 50%,#2c2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */
}

body.logged-in .topbar{
margin-top:0;
}

.topbar,
.topbar .container{
padding:0;
}

.topbar a{
color:#fff;
text-decoration:none;
text-indent:-9999px;
display:block;
cursor:pointer;
background:url(images/icons.png) left top no-repeat;
background-size:318px 50px;
}

.topbar a:hover{background-color:rgba(0,0,0,.5);}
.topbar a:active{background-color:rgba(0,0,0,.75);}

.social{
float:left;
}

.social ul{
margin:0;
padding:0;
list-style:none;
}

.social li{
float:left;
}

.social li a,
.topbar .search a{
width:53px;
height:50px;
}

.social li.patreon a{}
.social li.youtube a{background-position:-42px;}
.social li.twitter a{background-position:-87px;}
.social li.facebook a{background-position:-133px;}
.social li.tumblr a{background-position:-178px;}
.social li.twitch a{background-position:-224px;}

.topbar .search{
float:right;
}

.topbar .search a{background-position:-271px;}

#searchModal{
color:#000;
text-shadow:none;
}

#searchModal .modal-dialog{
margin-top:75px;
}

#searchModal input{
width:100%;
}

#searchModal input#s{
margin-bottom:15px;
text-align:center;
}


#searchModal .btn-default{
width:100%;
}

.gsc-adBlock{
	display:none!important;
}

.gsc-control-cse{
	border:none!important;
	margin:0!important;
	padding:0!important;
}



.gsc-control-cse .gs-web-image-box{
    padding: 2px 0px 2px 0px!important;
    margin-right: 10px!important;
}
.gsc-control-cse img.gs-image{
    border: 1px solid #329a34!important;
}

.gsc-control-cse a.gs-title{
color:#329a34!important;
}
.gsc-control-cse a.gs-title b{
color:#008000!important;
}

.gsc-control-cse .gs-visibleUrl{
color:#329a34!important;
}
.gsc-control-cse .gs-visibleUrl b{
color:#008000!important;
}


.gsc-results{
	padding-top: 14px!important;
}

.gsc-above-wrapper-area{
	padding: 0!important;
}

.gsc-result-info{
margin:0 0 15px 0!important;
padding:0!important;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
font-size:14px!important;
line-height:23px!important;
color:#333!important;
}

.gsc-cursor-box{
	text-align: center!important;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
font-size:16px!important;
line-height:24px!important;
color:#333!important;
	margin-bottom:20px!important;
    padding-top: 7px!important;
}

.gsc-cursor-page{
	color:#329a34!important;
/*	background: #eee!important;
	padding: 6px 10px!important; */
	text-decoration: none!important;
}

.gsc-cursor-current-page{
	color:#333!important;
}

.gcsc-branding{
	display: none!important;
}


.masthead{
background-image:url(images/masthead-tokyo3-mobile.jpg);
background-size:cover;
background-position:right center;
background-repeat:no-repeat;
height:162px;
}

.masthead a{
background:url(images/logo-eva-monkey.png) center center no-repeat;
background-size:100% auto;
text-indent:-9999px;
display:block;
width:100%;
height:162px;
}

/*
body.page-template .masthead a,
body.page-template-default .masthead a,
body.single-post .masthead a{
background:url(images/logo-eva-monkey-short.png) center center no-repeat;
}
*/

@media (min-width: 360px) {.masthead,.masthead a{height:171px;}}
@media (min-width: 375px) {.masthead,.masthead a{height:185px;}}
@media (min-width: 414px) {.masthead,.masthead a{height:199px;}}

@media (min-width: 500px) {.masthead,.masthead a{height:205px;}}
@media (min-width: 550px) {.masthead,.masthead a{height:219px;}}
@media (min-width: 600px) {.masthead,.masthead a{height:231px;}}
@media (min-width: 650px) {.masthead,.masthead a{height:245px;}}
@media (min-width: 700px) {.masthead,.masthead a{height:273px;}}
@media (min-width: 750px) {.masthead,.masthead a{height:271px;}}

.navbar{
overflow:hidden;
border:none;
margin-bottom:0;
font-size:18px;
text-transform:uppercase;
border-radius:0;
text-shadow:0px 1px 2px rgba(0,0,0,.25);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#674683+0,6d4a8a+50,674683+100 */
background:url(images/shadow-bottom.png) bottom repeat-x, url(images/shadow-top.png) top repeat-x, #6d4a8a; /* Old browsers */
background:url(images/shadow-bottom.png) bottom repeat-x, url(images/shadow-top.png) top repeat-x, -moz-linear-gradient(top,  #674683 0%, #6d4a8a 50%, #674683 100%); /* FF3.6-15 */
background:url(images/shadow-bottom.png) bottom repeat-x, url(images/shadow-top.png) top repeat-x, -webkit-linear-gradient(top,  #674683 0%,#6d4a8a 50%,#674683 100%); /* Chrome10-25,Safari5.1-6 */
background:url(images/shadow-bottom.png) bottom repeat-x, url(images/shadow-top.png) top repeat-x, linear-gradient(to bottom,  #674683 0%,#6d4a8a 50%,#674683 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#674683', endColorstr='#674683',GradientType=0 ); /* IE6-9 */
}

body.sticky .navbar{
top:50px;
left:0px;
right:0px;
position:fixed;
z-index: 1;
}



.navbar a{
color:#fff!important;
cursor:pointer;
}

.navbar a:hover{background-color:rgba(0,0,0,.5)!important;}
.navbar a:active{background-color:rgba(0,0,0,.75)!important;}

.navbar li{
text-align:center;
}

.navbar-toggle{
margin-right:20px;
border-color:#fff!important;
box-shadow:0px 1px 2px rgba(0,0,0,.25);
}


.navbar-toggle .icon-bar{
background-color:#fff!important;
box-shadow:0px 1px 2px rgba(0,0,0,.25);
}

.navbar-default .navbar-toggle:hover{background-color:rgba(0,0,0,.5)!important;}
.navbar-default .navbar-toggle:active{background-color:rgba(0,0,0,.75)!important;}
.navbar-default .navbar-toggle:focus{background-color:rgba(0,0,0,.75)!important;}


.navbar-brand{
padding-left:20px;
padding-right:20px;
}



.navbar-nav{
margin-top:0;
margin-bottom:0;
}

.navbar-default .navbar-collapse{
border:none;
}

.navbar-default .navbar-collapse{
background-color:#313131;
}

.navbar-default .navbar-collapse.collapsing,
.navbar-default .navbar-collapse.collapse.in{
background:
url(images/shadow-top.png) top repeat-x,
url(images/shadow-bottom.png) bottom repeat-x,
#313131;
}


.body{
background:#c0c0c0;
padding:20px;
}

.body a{
color:#329a34;
}

.body h1,
.body h2,
.body h3,
.body p{
margin-top:0;
margin-bottom:15px;
}

.body article{
padding-bottom:30px;
clear:both;
}

.body article:first-of-type{
}



.body .container{
box-shadow:0 0 10px rgba(0,0,0,.25);
padding:0;
}


.body .container ul{
padding-left:16px;
margin-bottom:20px;
}

.body .container ul ul{
margin-bottom:0;
}



.primary{
background:#fff;
padding:30px 20px 5px 20px;
font-size: 14px;
line-height: 23px;
overflow:hidden;
}

.primary .page-header{
margin-top:0;
border-color:#329a34;
}

.primary h1{
font-size:30px;
}

.primary a.btn{
color:#fff;
background:#54d153;
box-shadow:inset 0 0 10px rgba(0,0,0,.25);
border:2px solid #329a34;
border-radius:10px;
text-shadow:0 1px 1px rgba(0,0,0,.25), 0 0 5px rgba(0,0,0,.5);
padding:9px 15px;
display:inline-block;
text-align:center;
width:100%;
margin-top:0;
}



.sidebar{
background:#eee;
padding:30px 20px 0 20px;
}

.sidebar .widget{
margin-bottom:30px;
}

.sidebar .widget h3,
.sidebar .widget h3 label{
font-weight: normal;
}



.callouts{

color:#fff;
padding:20px;
text-align:center;
text-shadow:0px 1px 2px rgba(0,0,0,.25);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#62427c+0,6d4a8a+50,62427c+100 */
background:url(images/shadow-top.png) top repeat-x, url(images/eva-unit-01-line-art.jpg) center/cover no-repeat #62427c; /* Old browsers */
background:url(images/shadow-top.png) top repeat-x, url(images/eva-unit-01-line-art.jpg) center/cover no-repeat, -moz-linear-gradient(top,  #62427c 0%, #6d4a8a 50%, #62427c 100%); /* FF3.6-15 */
background:url(images/shadow-top.png) top repeat-x, url(images/eva-unit-01-line-art.jpg) center/cover no-repeat, -webkit-linear-gradient(top,  #62427c 0%,#6d4a8a 50%,#62427c 100%); /* Chrome10-25,Safari5.1-6 */
background:url(images/shadow-top.png) top repeat-x, url(images/eva-unit-01-line-art.jpg) center/cover no-repeat, linear-gradient(to bottom,  #62427c 0%,#6d4a8a 50%,#62427c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#62427c', endColorstr='#62427c',GradientType=0 ); /* IE6-9 */
}



.callouts .container{
padding:0px;
}

.callouts .widget .textwidget div{
padding:0;
}


.callouts .widget h3{
display:none;
}

.callouts .widget div h3{
font-size:20px;
text-transform:uppercase;
display:block;
margin-top:0;
}

.callouts .widget div p{
font-size:14px;
line-height:28px;
margin-bottom:0;
}

.callouts .widget div p a{
color:#fff;
background:#54d153;
box-shadow:inset 0 0 10px rgba(0,0,0,.25);
border:2px solid #329a34;
border-radius:10px;
text-shadow:0 1px 1px rgba(0,0,0,.25), 0 0 5px rgba(0,0,0,.5);
padding:5px 15px;
display:block;
text-align:center;
width:100%;
margin-top:20px;
}

.callouts .widget div p a:hover{
text-decoration:none;
}

.callouts .widget div img{
margin-bottom:20px;
width:100%;
box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.bottombar{
font-size:14px;
color:#fff;
text-transform:uppercase;
text-align:center;
text-shadow:0px 1px 2px rgba(0,0,0,.25);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2c2c+0,313131+50,2c2c2c+100 */
background:url(images/shadow-top.png) top repeat-x #313131; /* Old browsers */
background:url(images/shadow-top.png) top repeat-x, -moz-linear-gradient(top,  #2c2c2c 0%, #313131 50%, #2c2c2c 100%); /* FF3.6-15 */
background:url(images/shadow-top.png) top repeat-x, -webkit-linear-gradient(top,  #2c2c2c 0%,#313131 50%,#2c2c2c 100%); /* Chrome10-25,Safari5.1-6 */
background:url(images/shadow-top.png) top repeat-x, linear-gradient(to bottom,  #2c2c2c 0%,#313131 50%,#2c2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */
}

.bottombar a{
color:#fff;
text-decoration:none;
}

.bottombar,
.bottombar .container{
padding:0;
}

.disclaimer{
padding:20px 0 20px 0;
}

.utility{
display:none;
}

mark{
background-color:#cdc1d7;
}




/* --- FULL WIDTH TEMPLATE --- */
/* --- BLOG ARCHIVE TEMPLATE --- */

body.page-template-page-full-width .body .container,
body.page-template-page-full-width .body .container .primary,
body.page-template-page-archives .body .container,
body.page-template-page-archives .body .container .primary{
background:#fff;
}





/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	img{
		width: auto;
	}
	
	
	
.topbar .search a{
width:auto;
padding:13px 19px 12px 43px;
text-indent:0;
}

.masthead{
background-image:url(images/masthead-tokyo3-small.jpg);
}

.masthead, .masthead a{
height:272px;
}

.navbar-default .container,
.navbar-collapse{
padding:0;
}

div.navbar-collapse{
float:left;
width:100%;
overflow:hidden;
position:relative;
}

.navbar-default .navbar-collapse{
background-color:transparent;
}

div.navbar-collapse ul.navbar-nav{
clear:left;
float:left;
position:relative;
left:50%;
}

div.navbar-collapse ul.navbar-nav li{
position:relative;
right:50%;
}

.navbar-brand{
display:none;
}

.navbar li{
background:none;
}

ul.navbar-nav li a{
padding:15px 12px;
}

.navbar li.mobile{
display:none!important;
}

.masthead .container,
.body .container,
.callouts .container{
width:711px;
}

.body,
.callouts{
padding:30px 20px;
}





.primary a.btn{
width:auto;
}




.callouts{
text-align:left;
}

.callouts .widget div{
text-align:center;
}

.callouts .widget div h3{
font-size:30px;
}
.callouts .widget div h3 br{
display:none;
}

.callouts .widget div p a{
margin-top:15px;
margin-left:10px;
padding:5px 32px;
width:auto;
display:inline-block;
}

.bottombar{
font-size:18px;
line-height:10px;
}

.disclaimer{
float:left;
padding:21px 0 19px 20px;
}

.utility{
float:right;
display:block;
}

.utility ul{
margin:0;
padding:0;
list-style:none;
}

.utility li{
float:left;
}

.utility li a{
display:block;
text-align:center;
padding:21px 20px 19px 20px;
}

.utility li a:hover{
background:rgba(0,0,0,.5);
}

.utility li a:active{
background:rgba(0,0,0,.75);
}

}





/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

.masthead .container,
.body .container,
.callouts .container{
width:935px;
}


.masthead, .masthead a{
height:300px;
}

/*
	
body.page-template .masthead,
body.page-template .masthead a,
body.page-template-default .masthead,
body.page-template-default .masthead a,
body.single-post .masthead,
body.single-post .masthead a{
height:218px;
}

	*/
	
	
.masthead{
background-image:url(images/masthead-tokyo3-medium.jpg);
}

.masthead a{
background-size:auto 300px;
}




.navbar-default .navbar-collapse.collapsing,
.navbar-default .navbar-collapse.collapse.in{
	background:none;
}


ul.navbar-nav li a{
padding:15px 20px;
}

.body .container{
background-color:#fff;
}

body.home .body .container,
body.single .body .container,
body.page-template-default .body .container,
body.archive .body .container,
body.search .body .container{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+75,eeeeee+75,eeeeee+100 */
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(left,  #ffffff 0%, #ffffff 75%, #eeeeee 75%, #eeeeee 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(left,  #ffffff 0%,#ffffff 75%,#eeeeee 75%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right,  #ffffff 0%,#ffffff 75%,#eeeeee 75%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
}

.body,
.callouts{
padding:50px 0;
}

.primary,
.sidebar{
background:none;
position: relative;
}

.callouts .widget .textwidget div{
padding:0 20px;
text-align:left;
}

.callouts .widget div p{
font-size:18px;
line-height:36px;
}

.callouts .widget div p a{
margin-top:0;
line-height:24px;
}

.callouts .widget div img{
margin-bottom:0px;
}

}





/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.masthead .container,
.body .container,
.callouts .container{
width:1143px;
}

.masthead{
background-image:url(images/masthead-tokyo3-1920.jpg);
}

ul.navbar-nav li a{
padding:15px 20px;
}

.callouts .widget .textwidget div{
padding:0 20px;
}

}





/* Ultra devices (large desktops, 1921px and up) */
@media (min-width: 1921px) {

.masthead{
background-image:url(images/masthead-tokyo3-ultra.jpg);
}

}