/*
Theme Name: Bold Magazine
Theme URI: http://kopatheme.com
Author: Kopasoft
Author URI: http://kopatheme.com
Description: Bold Magazine Wordpress theme is designed for magazine, news and editorial ventures with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 2.0
License: GNU General Public License
License URI: license/README_License.txt*/

#SearchBoxImage {
    background: url("images/icons/social-icons.png") no-repeat scroll -76px 0 transparent !important;
}

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

    .error-404 .left-404-col p {display:none;}

}

.search-box .dropdown_filter {
    width: 10%;
    height:32px;
    font-size:smaller;
    font-weight:bold;
    min-width:77px;
    max-width:77px;
}

/*---------------- Search Box - Toggle Buttons -----------------*/
#ab_ctls {
    float: right;
    position: relative;
    z-index: 3;
}

.ab_ctl {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    margin-top: 1px;
    vertical-align: middle;
}

a.ab_button, a.ab_button:visited {
    display: inline-block;
    color: #444;
    margin: 0;
    padding:8px 8px;
    outline: none;
}

.ab_button.selected, .ab_button.selected:hover {
    background-color: #eee;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));
    background-image: -webkit-linear-gradient(top,#eee,#e0e0e0);
    background-image: linear-gradient(top,#eee,#e0e0e0);
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: #222;
    margin: 0;
}
.ab_button.left {
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    margin-right: 0;
}

.ab_button.right {
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    margin-left: 0;
}

.ab_ctl_sp0 {
    height: 10px;
    width: 50px;
    font-size:smaller;
    font-weight:bold;
}
.ab_ctl_sp {
    bottom: 1px;
    text-align:center;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ab_ctl_sp1 {
    height: 10px;
    width: 50px;
    font-size:smaller;
    font-weight:bold;
}

/* NASA Footer */
@media screen and (max-width: 400px) {

    #nasa-credit {
        /*text-align:left;*/
    }

}

#nasa-credit {
    text-align:left;
	position: relative;
	height: 80px;
    float:left;
    width:49%;
    /*width: 500px;*/
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	
}
#nasa-credit img {
	position: relative;
	float:left;
	height: auto;
	width: 80px;
}

#nasa-credit a {
    color: #fff;
    text-decoration: none;
}

#nasa-credit a:hover {
	color: #005FA9;
    text-decoration: none;
}

/* responsive iframe */

@media (min-width: 1440px) {
	.responsive-iframe {
		width: 100%;
		height: 550px;
	}
}

@media all and (max-width: 1024px) and (min-width: 1439px) {
	.responsive-iframe {
		width: 100%;
		height: 500px;
	}
}

@media all and (max-width: 1023px) and (min-width: 769px) {
	.responsive-iframe {
		width: 100%;
		height: 400px;
	}
}

@media all and (max-width: 768px) and (min-width: 481px) {
	.responsive-iframe {
		width: 100%;
		height: 300px;
	}
}

@media all and (max-width: 480px) and (min-width: 321px) {
	.responsive-iframe {
		width: 100%;
		height: 200px;
	}
}

@media (max-width: 320px) {
	.responsive-iframe {
		width: 100%;
		height: 180px;
	}
}