/*
Theme Name: Pulse-LINK Responsive Theme
Theme URI: http://www.cypress-net.com/
Version: 1.5
Description: Responsive Theme using Gumby Framework by Cypress
Author: Paul Dillon
Author URI: 
*/

/*
Colors
menu blue:; #005384
pattern blue: #8eb6f2;
*/


h1 { font-size: 42px; font-size: 2.625rem; }
h1.xlarge { font-size: 110px; font-size: 6.875rem; }
h1.xxlarge { font-size: 126px; font-size: 7.875rem; }
h1.absurd { font-size: 177px; font-size: 11.0625rem; }

h2 { font-size: 36px; font-size: 2.25rem; }

h3 { font-size: 30px; font-size: 1.875rem; }

h4 { font-size: 26px; font-size: 1.625rem; }

h5 { font-size: 18px; font-size: 1.125rem; }

h6 { font-size: 16px; font-size: 1rem; }

/*------------------------------------------------*/
/*----------------[Major Elements]----------------*/
/*------------------------------------------------*/	

#logo_container { position: relative; padding: 20px 0;}

.logo { padding-left: 20px; max-width: 300px;}

.login-modal { text-align: right; padding-right: 15px; padding-top: 10px; }

.blog_slogan {
  padding: 25px 0 25px;
}

.blog_slogan h1 {
  text-align: center;
  text-transform: uppercase;
}

.navbar {
  margin-bottom: 0;
}

.navbar_extend_color {
  background-color: #4a4d50;
}

#home-page-section {padding: 55px 20px 70px 20px; background-color: #ffffff;}
#home-page-section h2 {text-align: center;}
#home-page-section p {text-align: justify;}
#home-page-section .readmo {margin-bottom: 20px;}

#loop-page-section {
  padding: 75px 20px 70px 20px;
}

#main_container {
  padding-top: 60px;
}

#sidebar { padding-top: 10px; }

#post_content { padding-bottom: 20px; }

#footer_container {	background-color: #4a4d50; 	color: #ffffff; }

#footer_container a { color: #eeeeee; }

#footer_widet_area_1 {
padding-left: 25px;
padding-top: 15px;
}

#footer_widet_area_2 {
padding-left: 25px;
padding-top: 15px;
}

#footer_widet_area_3 {
padding-left: 25px;
padding-top: 15px;
}

#footer_widet_area_4 {
padding-left: 25px;
padding-top: 15px;
}

@media only screen and (max-width: 767px){
#sidebar { display: none; }
.list-comments {display: none;}
.login {display: none;}
.login-modal { position: absolute; top: 20px; right: 30px;}
}

@media only screen and (max-width: 479px){
#sidebar { display: none; }
}



/*------------------------------------------------*/
/*-----------------[Menu]-----------------------*/
/*------------------------------------------------*/

.navbar ul li .dropdown {max-width: 320px;}
.navbar ul li  {display: inline-block;}

/*------------------------------------------------*/
/*-----------------[Widget]-----------------------*/
/*------------------------------------------------*/

.widget { 
  margin-bottom: 50px;
  padding: 10px;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
 }

.widget h4.widgettitle { 
  color: #333; 
  font-weight: 300; 
  font-size: 16px; 
  -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.02))); 
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background-color: #fdfdfd; padding: 20px 48px; -moz-box-shadow:  inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  -webkit-box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  border-bottom: 5px solid #c03d20; 
  margin: -40px -10px 26px; 
}

.gumby-widget-social img {
  margin-right: -8px;
}

/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}

/*------------------------------------------------*/
/*---------------[General Styling]----------------*/
/*------------------------------------------------*/

.entry-meta {padding-bottom: 15px;}

.list-comments {text-align: right;}

.list-meta-comments {position: relative;}

.list-content {clear: both;}

#copy_notices {
	text-align: right;
	padding: 20px 5% 20px 0;
  font-size: .8em;
}

.readmo {
margin-top: 5px;
}

/*search form*/
#searchsubmit {
  display: none;
}

input#s {
  background: url(img/search.png) no-repeat 5px 6px;
/*  border-radius: 2px;
  font-size: 14px;
    line-height: 1.2em;*/
  width: 250px;
  padding: 0 0 0 28px;

}

.loop-tags {
  padding-top: 20px;
}

.archive-title {
padding-bottom: 30px;
}

#pagination-below {
  margin-top: 25px;
}

.pagination {
  margin-top: 20px;
  border: 1px solid #e9e9e9;
  -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.02))); 
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background-color: #fdfdfd; padding: 20px 28px; -moz-box-shadow:  inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  -webkit-box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
}

.gumby-post-titles h1 { padding-top: 0em !important; }

.gumby-post-titles  { padding-bottom: 20px; }

.gumby-post-thumbnail { padding-bottom: 30px; }

.gumby-edit { clear: both; }

.gumby-attachment-caption p { margin-bottom: 0; line-height: 3em; padding-left: 1%;}

.gumby-attachment-caption {
  line-height: 3em;
  height: 3em;
  margin-bottom: 30px;
  margin-top: -20px;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}

#captcha-field {padding-bottom: 20px;}

/*-----------------Comments-----------------------*/
.comments-submit {float: right;}

#comments_wrap {
  margin-top: 50px;
}

.single-comment {
  -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.02))); 
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); 
  background-color: #fdfdfd; padding: 20px 48px; -moz-box-shadow:  inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  -webkit-box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); 
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
}

.nav-next { float: right; padding: 10px 0; text-align: right; }

.nav-previous { float: left; padding: 10px 0; }

.comment-meta { padding-bottom: 30px; font-size: 16px;}

.comment-meta h6 { font-size: .8rem; padding-bottom: .8rem;}

.eighty_percent_text { font-size: .8em;}

.entry-utility { margin: 15px 0 50px 0;}

/*******************************************************************************************/
/* Woocommerce 
/*******************************************************************************************/ 

.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {display: block;}

.woocommerce a.button, .woocommerce-page a.button { border: none;}

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

.woocommerce ul.products li.product {
width: 30.8%;
float: left;
}

.woocommerce ul.products li.first {
clear: none;
}

.woocommerce ul.products li.last {
margin-right: 3.8%;
}

.woocommerce ul.products li:nth-child(3n) {margin-right: 0;}

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary 
{float: none; clear: both; width: 100%;}

}

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

.woocommerce ul.products li.product {
width: 48%;
margin-right: 0;
float: left;
clear: left;
}

.woocommerce ul.products li:nth-child(2n) {
float: right;
clear: none;
}

}

/*------------------------------------------------*/
/*---------------[Fixes and Tweaks]---------------*/
/*------------------------------------------------*/

.post-break {margin-bottom: 13px;}

.wp-caption { max-width: 96% !important; width: auto !important; }

.youtube-wrap {padding: 15px 0 25px;}

/*------------------------------------------------*/
/*--------------------[Forms]---------------------*/
/*------------------------------------------------*/
/* Contact Form 7 wrapper*/
.cf7-cg-wrap {max-width: 450px;}
/* End Contact Form 7 */

.ninja_styler {
position: relative;
padding: 0 10px;
background: #fff;
border: 1px solid #d8d8d8;
height: 36px;
line-height: 34px;
font-size: 16px;
font-size: 1rem;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

/* Adds padding to all submit buttons*/
.cg_contact_submit  {padding: 0 18px !important;}

#et_contact_captcha {margin-left: 0;}
/*
#et-contact p textarea { width: 70% !important; }*/
#et-contact p .et_contact_error { border: 1px solid red !important; }
#et-contact .et_hidden { display: none; }
#et-contact-message {color: red;}
/*
@media only screen and (max-width: 768px) {
#et_contact_left .field .input { width: 100% !important; }
#et-contact p textarea { width: 100% !important; }
}
*/
@media only screen and (max-width: 479px) {
#et-contact .normal { width: 100% !important; }
}


/* ------------------------- Facebook comments ------------------------- */
.fb_iframe_widget span { width: 100% !important; position: static !important; }

.fb_iframe_widget iframe { width: 100% !important; }

.fb_iframe_widget { width: 100% !important; }

#facebook-comments { padding-bottom: 30px; max-width: 558px;}


/*------------------------------------------------*/
/*----------------[Home page custom area]-----------------*/
/*------------------------------------------------*/

#custom_area_1 { text-align: center; padding: 75px 20px 80px 20px; }

#custom_area_2 {
  background: url(img/custom-area-2-bkgrnd.png) no-repeat right bottom;
  padding: 75px 20px 70px 20px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#custom_area_3 {
  /*background: url(img/custom-area-3-bkgrnd.png) no-repeat left bottom;*/
  padding: 125px 20px 70px 20px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  }

#custom_area_4 {
  background: url(img/custom-area-4-bkgrnd.png) no-repeat left bottom;
  padding: 125px 20px 70px 20px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  }  

@media only screen and (max-width: 767px) {
  #custom_area_2 { background: url(img/1pix-back.png) !important; background-position: 135% bottom; background-color: #e9e9e9 !important;}
  #custom_area_4 { background: url(img/1pix-back.png) !important; background-position: -40% bottom;   }
}

@media only screen and (max-width: 479px) {
  #custom_area_2 {
    background-color: #e9e9e9 !important;
    background-position: 120% bottom;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  #custom_area_4 {
    background-position: -30% bottom;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
}

.shaded {
  background-color: #e9e9e9 !important;
  /*background-size: cover;*/
}


/*------------------------------------------------*/
/*----------------[Flexslider Styling]-----------------*/
/*------------------------------------------------*/

/* -------------------------  muneeb slider ------------------------- */
/*.flexslider {
  border: 0 !important;
}

.flex-direction-nav li {
  padding-bottom: 0;
}
*/
/* -------------------------  end muneeb ------------------------- */

/* woo flexsilder */

.flexslider {
  border: 0;
}

/* flexslider space at bottom */
li {
padding-bottom: 0;
}

.cyp-slides{
  position: relative;
  z-index: 1;
  font-family: sans-serif;
}
.cyp-slides .slides-caption {
  position: absolute;
  bottom: 2%;
  left: 1%;
  padding: 1%;
  color: #eee;
  width: auto;
  background: #006eb9;
  /*opacity: .6;*/
  line-height: 1.5em;
  font-size: 1.5em;
  z-index: 2;
}
.cyp-slides .slides-caption p {
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: center;
}
.cyp-slides .slides-caption a:hover {
  color: #000;
}

.cyp-slides .slides-caption a {
  color: #eee;
}

.flexslider {margin: 0;}
ol.flex-control-paging li a {width: 18px; height: 18px;}
ol.flex-control-nav {bottom: 2.5%}

@media only screen and (max-width: 767px) {
.cyp-slides .slides-caption p {font-size: .75em;}
.navbar ul li .dropdown {max-width: 100%;}
ol.flex-control-nav {width: 25%; left: 60%;}
ol.flex-control-paging li a {width: 11px !important; height: 11px !important; }
ol.flex-control-paging li a:hover {width: 11px !important; height: 11px !important;}
}
@media only screen and (max-width: 479px){
.cyp-slides .slides-caption p { font-size: .5em;} 
ol.flex-control-nav {left: 50% !important;}
}

/* ------------------------- Jumptable  ------------------------- */

#jumptable {
  padding: 0 20px; z-index: 999;
}

.jumplinks ul {
  border: 1px solid #ececec;
  display: table;
  width: 100%;
}

.jumplinks li {
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .jumplinks li {
    text-align: center;
  }
}

.jumplinks a {
  display: block;
  color: #4A4D50;
  background: #fff;
  padding: 1em 0;
}
.jumplinks a:hover {
  color: #333;
}
@media only screen and (max-width: 768px) {
  .jumplinks a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.jumplinks li + li a {
  border-left: 1px solid #ececec;
}

@media only screen and (max-width: 768px) {
  #jumptable {
    display: none;
  }
}

/* ------------------------- Home page HTML ------------------------- */
#robust { padding-bottom: 25px; }


/* ------------------------- CG Shortcodes ------------------------- */
  .cg_quote { padding-left: 57px; min-height: 40px; font-family: Georgia, serif; font-size: 14px; font-style: italic; position: relative; line-height: 1.5; margin-bottom: 18px; }
    .cg_quote .cg_quote_sign { background: url(img/shortcodes-sprite.png) no-repeat -206px -20px; position: absolute; top: 0; left: 0; display: block; width: 40px; height: 34px; }
    .quote-center .cg_quote_sign { background-position: -251px -2px; width: 20px; height: 16px; top: 3px; }
    .quote-center .cg_quote_additional_sign { background: url(img/shortcodes-sprite.png) no-repeat -251px -22px; position: absolute; top: 3px; right: 13px; display: block; width: 20px; height: 16px; }
    .cg_right_quote { width: 100%; }
  .quote-center { font-size: 24px; line-height: 1.2; text-align: center; padding-left: 30px; }
    .quote-center .cg_right_quote { padding-right: 30px; width: 95%; }


/*******************************************************************************************/
/* Site Specific */
/*******************************************************************************************/

.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a { background: #8990ac; }   

.slider-wrapper {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#8eb6f2;
background-size:16px 16px;
border-bottom: 1px solid #e1e1e1;
padding: 0;
box-shadow: inset 0 0 10px 0 #111111;
-webkit-box-shadow: inset 0 0 10px 0 #111111;
-moz-box-shadow: inset 0 0 10px 0 #111111;
-o-box-shadow: inset 0 0 10px 0 #111111;
}

.slider {
width: 100%;
max-width: 1240px;
/*min-width: 479px;*/
margin: 0 auto;
background-color: #fff;
}

.navbar a.toggle {background: #8eb6f2;}

.blue-wrapper {background-color: #8eb6f2}

.welcome {background-color: #8990ac; padding: 20px 0;}

.power.sixteen.columns {margin-left: 20px;}

@media only screen and (max-width: 767px){
#home-page-section { text-align: center; }
.welcome h1 {font-size: 1.625rem;}
}

@media only screen and (max-width: 479px){
.welcome h1 {font-size: 1.125rem;}
}

.widget h4.widgettitle { border-bottom: 5px solid #005384;}

#ssba-footer img {   
  width: 30px !important;
  padding: 4px;
  border:  0;
  box-shadow: none !important;
  display: inline;
  vertical-align: middle;
}

#ssba-footer  {padding-left: 10px; text-align: left;}

#footer-bottom-band {
  padding: 20px 2% 20px 2%;
  font-size: .8em;
}

.copyright-notice {text-align: right; padding-top: 4px;}

.left_footer_text {padding-top: 4px;}

.gumby-post-content ul {margin-left: 1em;}
.gumby-post-content li {list-style: disc outside none;  display: list-item; margin-left: 1em;}

@media only screen and (max-width: 767px){
#ssba-footer { padding-top: 10px; text-align: center !important;}
.left_footer_text { text-align: center;}
}
.pricing-table {
width: 33% !important;
}