/* Main Background */

/* Chrome Fix */
::-webkit-scrollbar {
  width: 17px; 
  height:auto;
}

body.custom-background {
  background-attachment: fixed;
  background: none no-repeat scroll 0 0 rgba(0, 0, 0, 1)  !important;
  background-position: center top;
}

blockquote {
  background: url("/wp-content/themes/vibration-child-theme/images/blockquote.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

body h1 h2 h3 h4 {
  color:#fff !important;
}

/* Background Colors */

#page_container_holder {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  padding: 0;
}

#page_content {
  background: none repeat scroll 0 0 rgba(255, 255, 255, .15) !important;
  height: 100%;
  margin:0;
}

#page_content #subpage_list_contact li {
  font-size:15px !important;
}

div.page_heading_holder {
  border-bottom: 3px solid #555;
}
.page_content_box {
  padding:20px;
}

/* Added for legibility */
.skyali_module {
  width: 95%;
}

#header_holder {
  background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0)  !important;
  border-bottom: 0px solid rgb(153, 0, 0);
  min-height: 40px;
  height:100%;
}

#header_inside {
  padding: 20px 0 0 0 ;
  margin:0 auto;
  height:100%;
  text-align: center;
}

#header_inside img {
  width:98%;
}

#header_inside,
.top_menu {
  background: none no-repeat scroll 0 0 rgba(0, 0, 0, .6)  !important;
}

/*Fix Drop Menu Gap */
.top_menu li:hover ul, .top_menu li.sfHover ul{top:29px !important;}

/* Remove space between Menu and Slider*/
.box .textwidget,
.box .widget-text {
  margin-bottom: 0px;
}

h1.page_heading,
h1.page_title {
  margin-top:50px;
  background: none repeat scroll 0 0 rgba(21, 50, 75, .6) !important;
  padding:20px;
}

div.page_heading_holder{
  /*  border-bottom:3px solid #15324B; */
  border-bottom:1px solid #fff;
}

#footer_inside {
  background: none repeat scroll 0 0 rgba(153, 0, 0, .8) !important;
  padding: 20px 20px;
  margin:0 auto;
}

/* Added for legibility Changed from 1 */
#footer_holder .social_icons li a, 
#sidebar .social_icons li a {
  border-top: none;
  border-bottom: 1px solid rgba(153, 0, 0, .1) !important;
}

#footer_holder .social_icons li a:hover 
#sidebar .social_icons li a:hover  {
  border-top: none;
  border-bottom: 1px solid rgba(153, 0, 0, .8) !important;
}

/* Devide Header area */
#header_inside .left {
  width:50% !important;
}

#header_inside .right {
  width:45%;
}

/* Social Icons Bottom */
.social_icons img {
}

/* Header image */
.page_content_box .sidebar_widget {
  padding:0px;
  width:100%
}

/* Description */
 .front_description {
}

.description .textwidget,
.description .textwidget a {
  color: #f0e9da;
  font-size: 1.8em;
  line-height: 1.5em;
  margin: 10px auto;
  text-align: center;
}

/* Page Titles */
  div#page_content h4, 
  div#page_content h4 a {
    clear: none;
}

p { clear:none; }

/* post info */
.info h2, 
.info div {
}


/* Sidebar */
#sidebar {
  background: none repeat scroll 0 0 rgba(21, 50, 75, .6) !important;
}

.sidebar_widget{
  margin:0;
  padding:0;
  width: 29.5%;
}

#sidebar span.heading {
  min-height: 28px !important;
}

#sidebar span.heading h3 {
  font-size: 20px;
}

/* Fancy Line */
.devider {
  clear: both; 
  float: none; 
  margin: 10px 0 20px 0;
  text-align:center;
}

.devider img {
  text-align:center;
  margin: 10px 0 20px 0;
}

hr.line_fancy {
  clear: both; 
  float: none; 
  width: 100%; 
  border: 10px; 
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
  background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}

.more_button {
  clear: both; 
  float: none; 
}

.button.yellow_arrow_button {
  margin-bottom: 20px !important;
}

/* Framed Pictures */
.image_container {
  border: 1px solid #AA8800;
  padding: 3px;
  width: 100%;
  margin: 5px 0 10px 0;
}

.image_container img {
  height:auto;
}

.left .image_container {
  max-width:240px;
}

.right .image_container {
  max-width:240px;
}


/* Framed Pictures For Headers */
.picture {
  background-color: rgba(255, 255, 255, .3);
  border: 3px solid rgba(0, 0, 0, .5);
  width:100%;
  margin: 0 auto 10px ;
  z-index:400;
}

.picture img {
  padding: 15px 0;
  width: 95%;
}

/* Paragraph Icons */
img.paragraph {
  float: left;
  margin: 0 10px 5px 0;
  width: 40px;
}

img.bio {
  float: left;
  margin: 0 10px 5px 0;
  width: 58px;
}

/* Copyright Icons */
.copyright {
  background:none rgba(0,0,0,0) !important;
}

.copyright.inside {
  background:none rgba(0,0,0,1) !important;
  height:120px;
}

.copyright ul li a {
  color: #fff;
  float: right;
  font-size: 16px;
  margin-right: 13px;
}

.copyright p{
  padding:0;
  margin:0px 0 0 0 ;
  font-family: "Noto Sans", sans-serif;
  font-size:16px;
  line-height:60px;
}

.copyright .left,
.copyright .right {
  background:none rgb(0,0,0) !important;
  float: left;
}

.copyright .left {
  width:80%;
}

.copyright .right {
  width:20%;
  text-align:right
}
.copyright .right img{
  width:47px;
  height:56px;
}

/* Lyrics Box */
.lyrics {
  background: none;
  font-family:'Open Sans', sans-serif;
  width:auto;
  height:600px;
  color:#000;
}

.top_social_icons_large img {
/*  display:none  !important; */
  width:100%;
}


/************ Responsive ***************/

@media only screen and (min-width: 768px) and (max-width: 959px) {

  /* Devided Header */
  #header_inside .left {
    width:50% !important;
  }

  #header_inside .right {
    width:50% !important;
  }

  /* Description */
  .description .textwidget,
  .description .textwidget a {
  font-size: 1.4em;
    line-height: 1.4em;
  }

  .sidebar_widget{
    width: 35.5% !important;
  }

  .right_sidebar {
  }

  div#footer_holder form#searchform .search, 
  div#sidebar form#searchform .search {
    width: 67.6% !important; 
  }
}

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

  /* Devide Header area  display:none  !important; */
  #top_logo_large img,
  .top_social_icons_large,
  #stservicewidget, .sthoverbuttons-pos-right {
  }

  #header_inside .left {
    float:none;
    width:100% !important;
    text-align: center;
  }

  #header_inside .right {
    top:-30px;
    float:none;
    width:100% !important;
    text-align: center;
  }

  .top_social_icons_large .sidebar_widget  {
    float: left;
    margin: 40px 0 0;
    padding: 0 ;
    width:100%
  }

  /* Description */
  .description .textwidget,
  .description .textwidget a {
    font-size: 1.4em;
    line-height: 1.4em;
  }

  #sidebar {
    float: left;
    margin: 20px 0 0;
    position: relative;
    z-index: 400;
  }

  .sidebar_widget{
    width: 100% !important;
  }

  .right_sidebar {
  }

  h1.page_heading,
  h1.page_title {
    margin-top:0px;
  }

  #footer_inside {
    padding: 20px 60px;
  }

  #page_container_holder {
    padding-top: 0;
  }

  .copyright p {
    font-family: "Noto Sans",sans-serif;
    font-size: 12px;
    line-height: 40px;
    margin: 20px 0 0 10px;
    padding: 0;
  }
}

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

  /* Devide Header area */
  #top_logo_large img,
  .top_social_icons_large,
  #stservicewidget, .sthoverbuttons-pos-right {
  }

  .top_social_icons_large img {
    width:275px;
  }

  .top_social_icons_large .sidebar_widget  {
    float: left;
    margin: 40px 0 0;
    padding: 0 ;
    width:100%
  }
  
  #header_inside .left  {
    float:none;
    width:100% !important;
    text-align: center;
  }

  #header_inside .right {
    top:-30px;
    float:none;
    width:100% !important;
    text-align: center;
  }

  /* Description */
  .description .textwidget,
  .description .textwidget a {
    font-size: 1.0em;
    line-height: 1.0em;
  }

  #page_container_holder {
    padding-top: 0;
  }

  h1.page_heading,
  h1.page_title {
    margin-top:0px;
  }

  #sidebar {
    float: left;
    margin: 20px 0 0;
    position: relative;
    width: 27.2%;
    z-index: 400;
  }

  .sidebar_widget{
    width: 100% !important;
  }

  .right_sidebar {
  }

  #footer_inside {
    padding: 20px 40px;
  }

  .copyright p {
    font-family: "Noto Sans",sans-serif;
    font-size: 12px;
    line-height: 40px;
    margin: 20px 0 0 10px;
    padding: 0;
  }
}

