/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious
Author: ThemeGrill
Author URI: http://themegrill.com
Description: Spacious is an incredibly spacious multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site. It has 4 page layouts, 2 page templates, 4 blog display types, 13 widgets areas, 5 custom widgets focusing on business template, awesome slider, primary color option to match your logo & website, boxed & wide layout, light & dark color skin, translation ready and many more. You can get free support in http://themegrill.com/support-forum/ and check the demo at http://demo.themegrill.com/spacious/.
Version: 1.4.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, footer-widgets, blog, e-commerce, education, entertainment, food-and-drink, holiday, news, photography, portfolio
Text Domain: spacious
Template: spacious
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */
#s-c-t-a{
    position: absolute;
    top: 3%;
    left: 14%;
    border-radius: 5px;
    padding:15px;
    background-color: rgba(37, 37, 37, .7);
    z-index: 999;
    
}


#s-c-t-a h3{
    padding-bottom: 12px;
    color: #FFFFFF;
    padding-left: 6px;
}

.s-red-bg-button{
   background-color: #ed1c24;
   color:#fff;
   padding:10px 15px;
   margin:20px 0px;
   border-radius: 5px;
   
}

.s-red-bg-button:hover {
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}

.s-blue-bg-button{
   background-color: #0054a6;
   color:#fff;
   padding:10px 15px;
   margin:20px 0px;
   border-radius: 5px;
   
}

.s-blue-bg-button:hover {
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}

.s-submit-bg-button{
    background-color: #fafbfd;
    color: #f7941d;
    width: 35%;
    border: 4px solid #f7941d;
    border-style: dashed;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    float: right;
    font-weight:bold;
}

.s-submit-bg-button:hover {
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}

.s-r-b-text{
float:left;
font-size:20px;
line-height: 22px;
max-width:90%;
}

.s-r-b-img{
float:right;
max-width:9%;
}


@media screen and (min-width: 1500px) {
   .wide-978 #s-c-t-a {
      left: 17.6%;
   }
   .wide-1218 #s-c-t-a {
      left: 9.6%;
   }
}
@media screen and (min-width: 1650px) {
   .wide-978 #s-c-t-a {
      left: 19.45%;
   }
   .wide-1218 #s-c-t-a {
      left: 11.9%;
   }
}


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

#s-c-t-a{
    top: 20%;
    max-width: 40%;
}
}

@media screen and (min-width: 980px){

#s-c-t-a{
    position: absolute;
    top: 15%;
    left: 14%;
    border-radius: 5px;
    padding:15px;
    background-color: rgba(37, 37, 37, .7);
    z-index: 999;
    max-width: 50%;
}

.s-submit-bg-button{
    background-color: #fafbfd;
    color: #f7941d;
    width: 27%;
    border: 4px solid #f7941d;
    border-style: dashed;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    float: right;
    font-weight:bold;
}

.s-r-b-text{
float:left;
font-size:20px;
line-height: 22px;
max-width:60%;
}

}

@media screen and (min-width: 767px){
#s-c-t-a{
    position: absolute;
    top: 10%;
    left: 14%;
    border-radius: 5px;
    padding:15px;
    background-color: rgba(37, 37, 37, .7);
    z-index: 999;
    max-width: 60%;
}

}

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

#s-c-t-a{
    top: 1%;
    left: 4%;
    border-radius: 5px;
    padding:10px;
    background-color: rgba(37, 37, 37, .7);
    z-index: 999;
    max-width: 88%;
}

#s-c-t-a h3{
    padding-bottom: 2px;
}

.s-red-bg-button{
   padding:5px;
   margin:10px 0px;
   border-radius: 3px;

.s-blue-bg-button{

   padding:5px;
   margin:10px 0px;
   border-radius: 3px;

}

.s-r-b-text{
font-size:10px;
line-height: 10px;
}

.s-r-b-img{
float:right;
max-width:6%;
}

}


@media only screen and (max-width: 420px) {
#s-c-t-a{
   display: none;
  }
}