/* 
Theme Name: Goldstone Responsive Theme
Theme URI:
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support/

Template: responsive
Version: 1.0.0
Author: Christine Hong 
Author URI: 
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');


	
/* =Start From Here
-------------------------------------------------------------- */
/*adjust link font color*/
a{
color:#86bad3;
}
/*adjust header footer menu text color*/
.top-menu li a{
color:#E2E2E2;
display:inline;
}
.top-menu li a div{
display:inline;
white-space:nowrap;
}
.top-menu li a:hover{
color:#FFF;
}
#footer a{
color:#E2E2E2;
}
#footer a:hover{
color:#FFF;
}
.copyright,.powered{
color:#AAA;
}
/*adjust main bar color schema*/
.menu{
background-color:#373737;
background-color: -moz-linear-gradient(center top , #373737, #272727);
}
/*adjust image feed layout*/
.image-feed-list{
display:block;
float:left;
margin:2px 0px;
max-width:300px;
}
.image-feed-small{
float:left;
margin: 5px 0px;
font-size:13px;
}
ul{
list-style-type:none;
}

/*tofix menu*/
.js .main-nav #responsive_current_menu_item {
color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: 5px 40px 5px 10px;
}
.main-nav #responsive_current_menu_item{
display:none;
}

/*to adjust slideshow size*/
#featured{
    padding-bottom:5px;
    display:inline;
    float:left;
    background-color:#1F1F1F;
    border:1px solid #000;
}
#featured-image{
    width:60%;
    margin:30px;
    margin-top:40px;
}
.feat_sidebar{
    width:240px;
    margin-left:10px;
    padding-top:-10px;
}
/*adjust sidebar*/
#widgets{
    margin-top:15px;
}

.widget-wrapper{
  margin: 0px 0px 8px;
  background-color: #1F1F1F;
  border: none;
  padding: 8px;
  color: #dddddd;
}

.sidebar_txt{
  text-align: center;
}

.widget-title{
  font-size:20px;
}

/*adjusting flex image*/
.flexslider{
    text-align:center;
    max-width:600px;
}

/*image link*/
.widget_sp_image-image-link{
width:90%;
}

/*adjust background color*/
#wrapper{
background-color:#1F1F1F;
color:#dddddd;
border:#1F1F1F;
}
h1{
font-size:1.8em;
}
h2{
font-size:1.5em;
}
#shailan-countdown-5, .shailan-countdown-5.hasCountdown{
max-width:300px;
}
/* Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
    body {}
	
    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
    .hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }
}

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

    body {}

    #logo {
	    float: none;
        margin: 0;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	
    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav {
        display: block;
    }
    
    .sb-holder {
        display: block;
    }
    
    #author-meta {
        padding: 20px;
    }
    
    .hide-650 {
        display: none;
    }
    
    .show-650 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
	    text-align: center;
    }
}

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

    body {}

    #logo {
	    float: none;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .featured-subtitle {
        font-size: 24px;
    }
    
    .navigation .next,
    .navigation .previous {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    .hide-480 {
        display: none;
    }
    
    .show-480 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 320px) {
    
    body {}
	
	#featured p {
	    font-size: 12px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }

    .hide-320 {
        display: none;
    }
    
    .show-320 {
        display: block;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: left;
    }
    
    .hide-240 {
        display: none;
    }
    
    .show-240 {
        display: block;
    }
}