/* import font */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

/* web publish background color*/
body.desktop {
  background-color: #ccc;
}

/* TAB BACKGROUND ----------------------------- */

#wrapper{
  background-color: #fff;
}

/* DEFAULT WIDGET STYLE ----------------------- */

.ss_box{
  background: #fff;
  border:solid 1px #ddd; /* no border */
  border-radius: 1px; /* rounded corners */
}

/* header box background for show_title Extra CSS class */
.ss_box_header h3 {
  background:#111;
  color:#fff;
  border:none;
}

/* font color for show_title Extra CSS class */
.show_title .ss_box_header h3 {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}

/* TEXT --------------------------------------- */

/* general font size and weight */
#wrapper, p, .boxy-inner{
  font-family: 'droid serif', "Times New Roman", serif;
  font-size: 13px;
}

/* default font styles */
#wrapper, label, p, .boxy-inner{
  color: #111;
}

/* headlines */
.ss_box h1{
  color:#111;
}

.ss_box h2,
.ss_box h3,
.ss_box h4{
  color:#111;
}

/* text links */
a,
.tweet a{
  color:#111;
  transition: all .2s ease-in;
  text-decoration: underline;
}

/* less important text */
.tweet .tweetDate,
.rssEntry .author,
.foursquareTip .author{
  color:#aaa;
}

/* border color */
.tweet,
.rssEntry,
.yelpReview,
.foursquareTip,
.ss_product_content .widget_item{
  border-color: #ddd;
}

/* horizontal rule */
hr {
  border-top: 1px solid #ddd;
  border-bottom: transparent;
  color: transparent;
}

/* Button styles--------------------------------- */

/* general buttons (not link widget buttons) */
.ss_box .ss_btn,
.ss_box .comment_link, 
.ss_box .share_link, 
.ss_box .form_submit,
.product_btn .product_info_link,
.ss_poll_content .ss_poll_layout .ss_poll_vote{
  background:#111; 
  border:none; 
  border-radius:1px;
  color:#fff;
  font-weight:normal;
  padding:5px 15px;
  text-decoration: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  transition: all .2s ease-in;
}

/* general buttons hover */
.ss_box .ss_btn:hover,
.ss_box .comment_link:hover,
.ss_box .share_link:hover,
.ss_box .form_submit:hover,
.product_btn .product_info_link:hover,
.ss_poll_content .ss_poll_layout .ss_poll_vote:hover {
  box-shadow: none;
  position: relative;
  top: 1px;
}

/* product widget more info button styling */
.product_btn .product_actions {
  margin-top: 2%;
}

/* vote buttons */
.ss_voting_v2_layout .vote_link.vote {
  background-color: #111;
  border: none;
  border-radius: 1px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  transition: all .2s ease-in;
}

.ss_voting_v2_layout .vote_link.voted,
.ss_voting_v2_layout .vote_link.voting,
.ss_voting_v2_layout .vote_link.vote:hover {
  box-shadow: none;
  position: relative;
  top: 1px;
  opacity: 1;
  background-color: #111;
  border: none;
  border-radius: 1px;
  color: #fff;
  font-weight: normal;
}

/* buttons */
.ss_links a{
  background: #111;
  color:#fff;
  display:inline-block;
  font-weight:normal;
  padding:8px 17px;
  text-decoration:none;
  transition: all .2s ease-in;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.ss_links a:hover{
  box-shadow: none;
  position: relative;
  top: 1px;
  opacity: 1;
}

.ss_links {
  box-shadow: none;
}

/* padding for links widget */
.full_width .ss_box .ss_links_content,
.container_bg .ss_box .ss_links_content,
.alternate_bg .ss_box .ss_links_content{
  padding: 2%;
}

/* POPUPS----------------------------- */

/* border around pop-ups */
.boxy-wrapper{
  background-color: #bbb; 
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

/* pop-up title bar background */
.boxy-wrapper .title-bar{
  background-color: #bbb;
}

.boxy-wrapper .title-bar h2{
  color: #111;
  text-transform: uppercase;
}

.boxy-wrapper .title-bar .close {
  color: #111;
  text-transform: uppercase;
}

/* pop-up inner background */
.boxy-inner, .image_zoom {
  background-color: #fff;
}

/* pop-up error message */
.boxy-wrapper .ss_alert p {
    color: #333;
    font-size: 13px;
    padding: 20px;
}

/* pop-up button area background */
.showchoice_buttons {
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 10px;
    text-align: right;
}

/* pop-up button */
.showchoice_buttons .boxy_choice_ok,
.showchoice_buttons a,
.ss_fb_photo_btn,
.ss_fb_photo.selected {
  background:#111; 
  border:none; 
  border-radius:1px;
  color:#fff;
  font-weight:normal;
  padding:5px 15px;
  text-decoration: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  transition: all .2s ease-in;
}

/* pop-up OK hover */
.showchoice_buttons a:hover {
  box-shadow: none;
  position: relative;
  top: 1px;
  opacity: 1;
}

/* pop-up cancel button */
.showchoice_buttons .boxy_choice_cancel{
  background: #ddd; /* Old browsers */
  color: #353535;
  border: none;
  border-radius: 1px;
  font-size: small;
  font-weight: 300;
  text-decoration: none;
  box-shadow: none;
}

.ss_check_instagram_username_btn {
  background-color: #111;
}

/* widgets----------------------*/

/* FORM/PROMOTION WIDGET */

/* Required fields asterisk */
.field_block label .required,
.horizontal_container label .required {
  color: #ff6600;
  font-weight: normal;
}

/* required field error message */
label.error, 
.errors p {
  color: #ff6600 !important;
  font-weight: normal;
}

/* field labels */
label {
  font-weight: normal;
}

/* text input field */
.field_block input, .field_block textarea {
  border: 1px solid #ddd;
  min-height: 2em;
}

select {
  border: 1px solid #ddd;
  min-height: 2em;
}

select:focus, input:focus, textarea:focus {
  border: 1px solid #ddd;
  min-height: 2em;
  background: #fff;
}

/*field instructions text */
.field_block_instructions {
  color: #111;
}

/* thank you/sending message */
.ajax_message p { 
  color: #777;
  font-size: large;
}

/* remove border for photo select */
.image_field_block input{
  border: none;
}

/* VOTING WIDGET */

/* templates v1 */
.ss_voting_content .ss_voting_template6 .my_db_entry,
.ss_voting_content .ss_voting_template1 .my_db_entry,
.ss_voting_content .ss_voting_template2 .my_db_entry,
.ss_voting_content .ss_voting_template3 .my_db_entry,
.ss_voting_content .ss_voting_template4 .my_db_entry,
.ss_voting_content .ss_voting_template5 .my_db_entry {
border: 1px solid #ddd;
}

/* v2 templates */
.ss_voting_v2_layout .my_db_entry,
.ss_voting_v2_layout .my_db_entry:first-child{
  border: 1px solid #ddd;
  border-radius:0px;
}

.ss_voting_content .ss_voting_default .entry_votes:hover,
.ss_voting_content .ss_voting_voting_layout2 .entry_votes:hover,
.ss_voting_content .ss_voting_voting_layout3 .entry_votes:hover {
  position: absolute;
  top: 1px;
  right: 1px;
}

/* Product widget-----*/

.ss_product_default .widget_item,
.ss_product_product_layout2 .widget_item, 
.ss_product_product_layout3 .widget_item,
.ss_product_manual .widget_item{
  border: 1px solid #ddd !important;
  border-radius:0px;
}

/* TILER FOR PRODUCT WIDGET/GALLERY WIDGET */

/* index dots - not selected */
.tiler_index a{
  background-color:#ddd;
  border-radius: 0;
}
/* index dots - selected */
.tiler_index a.selected{
  background-color:#555;
}

/* tiler arrows */

/* tiler arrow background */
.tiler_btn{
  background-color:#111; /* <--- you can also set this to transparent */
  border:none;
  height:25px;
  position:absolute;
  top:30%;
  padding: .5%;
  width: 20px;
}

.tiler_next{
  background-image:url('https://d2xcq4qphg1ge9.cloudfront.net/assets/19/2448800/original_thumb_gb-next_copy.png');
  right:-1.8%;
}
.tiler_prev{
  background-image:url('https://d2xcq4qphg1ge9.cloudfront.net/assets/19/2448799/original_thumb_gb-prev_copy.png');
  left:-1.8%;
}

/* POLL WIDGET */

/* poll percentage border */
.ss_poll_graph_container{
  border-color: #ddd;
}
/* poll percentage bar color */
.ss_poll_graph_percentage{
  background-color: #111;
}

/* poll entry border */
.ss_poll_content .ss_poll_layout .ss_poll_choice {
  border: 1px solid #ddd;
}

/* GIFT WIDGET */

/* gift thumbnail */
.ss_gift_thumbs a{
  border:solid 2px transparent;
  border-radius:0;
}

.ss_gift_thumbs a img{
  vertical-align: bottom;
}

/* gift thumbnail hover */
.ss_gift_thumbs a:hover{
  border:solid 2px #111;
}

.ss_gift_thumbs img{
  border-radius:0px;
}

/* gift pop-up thumb not selected */
.ss_gift_selector_item {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
}

/* gift pop-up thumb selected */
.ss_gift_selector_item.selected {
    background: none repeat scroll 0 0 #000;
}

/* gift pop-up  main image */
.ss_gift_selected_image img {
    border: 2px solid #000;
}

/* COUNTDOWN WIDGET */
/* font weight/color */
.ss_countdown_content {
  color: #111;
  font-weight: 300;
}

/* template 1 */
.ss_countdown_content .ss_countdown_layout span {
  font-size: x-large;
  padding: 5px;
  border-radius: 3px;
font-weight: 600;
}

body.mobile .ss_countdown_content .ss_countdown_layout .ss_countdown_word {
  margin: 5px 0 0;
  padding: 0;
  border: none;
  background: none; 
  font-size: medium;
  color: #111;
  font-weight: 300;
}

.ss_countdown_content .ss_countdown_layout span {
  font-size: x-large;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #111;
  background-color: #111;
  color: white;
  background: linear-gradient(to bottom, #111 0%, #111 49%, #333 50%, #333 100%); 
}
/* template 2 */

.ss_countdown_content .ss_countdown_layout_2 .ss_countdown_number {
  display: inline-block;
  margin: 0 auto;
  padding: 5px 15px; 
}

.ss_countdown_content .ss_countdown_layout_2 .ss_countdown_word {
  margin: 5px 0 0;
  padding: 0;
  color: #311133;
  border: none ;
  background: none ; 
  font-size: medium ;
  font-weight: 300;
}

/* template 3 */

.ss_countdown_content .ss_countdown_layout_3 span {
  font-size: x-large;
  color: #333;
  background-color: #5ba7bd;
  border: 1px solid #CCC;
  background: linear-gradient(to bottom, #c4c4c4 0%, #e0e0e0 20%, #f5f6f6 49%, #e2e2e2 79%, #c4c4c4 100%); 
}


/* template 4 */

.ss_countdown_content .ss_countdown_layout_4 .ss_countdown_time {
  font-weight: 600;
}

/* INSTAGRAM WIDGET */
/* thumb image border */
.ss_zoom_content_trigger {
}

/* OPTIONAL ----------------------------------

   Edit a widget, click the Options tab,
   then add one or more of these to the
   Extra CSS Classes field. Don't type
   the period, just the class name.
   For example: left

*/

/* Extra CSS Class: left
   2-column, left */

/* Extra CSS Class: right
   2-column, right */

/* Extra CSS Class: show_title
   Display widget title */
.show_title
.ss_box_header h3{
  display:block;
}
/* Extra CSS Class: hide_title
   Hide widget title */
.hide_title
.ss_box_header h3{
  display:none;
}
/* Extra CSS Class: cascade
   Video thumbnails cascade down the tab */
.cascade .ss_video_thumbs{
  margin-left:0;
  margin-right:0;
  text-align:center;
  white-space:normal;
}
/* video thumbs border */
.cascade .ss_video_thumbs a{
  border:solid 2px transparent;
  border-radius:0;
  display:inline-block;
  margin:10px;
}

.cascade .ss_video_thumbs a img {
  vertical-align: bottom;
}

/* video thumbs hover  border */
.cascade .ss_video_thumbs a:hover{
  border:solid 2px #111;
}
.cascade .ss_video_thumbs img{
  border-radius:0px;
  }

/* Extra CSS Class: no_box
   Shows content without box */
.ss_box.no_box{
  background:transparent;
  padding:0;
}
.no_box .ss_box_content{
  padding:0;
}

/* no background extra css class - applies to widgets */
.transparent_bg .ss_box{
  background: transparent;
  border: none;
  border-radius: 0px;
}

/* no background extra css class - applies to containers - will effect all widgets within that container */
.transparent_bg {
  background: transparent;
  border: none;
  border-radius: 0px;
}

/* remove individual widget styling - applies to containers - affects widgets within that container */
.container_bg {
  background: #fff;
  border:solid 1px #ddd; /* no border */
  border-radius: 1px; /* rounded corners */
}

.container_bg .ss_box {
  background: transparent;
  border: none;
  box-shadow: none;
}

/* full width extra css class - applies to widgets and containers */
.full_width {
  margin-left:-16px;
  margin-right:-16px;
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* black color bg---------------------------- */

/* containers only - removes individual widget styling */

.alternate_bg .ss_box{
  background: #111;
  border: none;
}

.alternate_bg {
  background: #111 !important;
}

/* header box background for show_title Extra CSS class */
.alternate_bg .ss_box_header h3 {
  background:#fff;
  color:#111;
  border:none;
}

/* font color for show_title Extra CSS class */
.alternate_bg .show_title .ss_box_header h3 {
  color: #111;
  font-weight: normal;
  text-transform: uppercase;
}

/* Black BG TEXT --------------------------------------- */

/* default font styles */
#wrapper .alternate_bg , 
.alternate_bg label, 
.alternate_bg p, 
.alternate_bg .boxy-inner{
  color: #fff;
}

/* headlines */
.alternate_bg h1{
  color:#fff;
}

.alternate_bg h2,
.alternate_bg h3,
.alternate_bg h4{
  color:#fff;
}

/* text links */
.alternate_bg a,
.alternate_bg .tweet a{
  color:#fff;
  transition: all .2s ease-in;
  text-decoration: underline;
}

/* less important text */
.alternate_bg .tweet .tweetDate,
.alternate_bg .rssEntry .author,
.alternate_bg .foursquareTip .author{
  color:#777;
}

/* border color */
.alternate_bg .tweet,
.alternate_bg .rssEntry,
.alternate_bg .yelpReview,
.alternate_bg .foursquareTip,
.alternate_bg .ss_product_content .widget_item{
  border-color: #333;
}

/* horizontal rule */
.alternate_bg hr {
  border-top: 1px solid #333;
  border-bottom: transparent;
  color: transparent;
}

/* Black BG Button styles--------------------------------- */

/* general buttons (not link widget buttons) */
.alternate_bg .ss_btn,
.alternate_bg .comment_link, 
.alternate_bg .share_link, 
.alternate_bg .form_submit,
.alternate_bg .product_btn .product_info_link,
.alternate_bg .ss_poll_content .ss_poll_layout .ss_poll_vote{
  background:#fff; 
  border:none; 
  border-radius:1px;
  color:#111 !important;
  font-weight:normal;
  padding:5px 15px;
  text-decoration: none;
  transition: all .2s ease-in;
  text-decoration: none !important;
}

/* general buttons hover */
.alternate_bg .ss_btn:hover,
.alternate_bg .comment_link:hover,
.alternate_bg .share_link:hover,
.alternate_bg .form_submit:hover,
.alternate_bg .product_btn .product_info_link:hover,
.alternate_bg .ss_poll_content .ss_poll_layout .ss_poll_vote:hover{
  position: relative;
  top: 1px;
}

/* vote buttons */
.alternate_bg .ss_voting_v2_layout .vote_link.vote {
  background-color: #fff;
  background-position: right 10px center;
  padding: 5px 50px 5px 13px;
  border-radius: 1px;
  color: #111;
  font-size: 25px;
  font-weight: normal;
  transition: all .2s ease-in;
  text-decoration: none;
}

.alternate_bg .ss_voting_v2_layout .vote_link.voted,
.alternate_bg .ss_voting_v2_layout .vote_link.voting,
.alternate_bg .ss_voting_v2_layout .vote_link.vote:hover {
  position: relative;
  top: 1px;
  opacity: 1;
  text-decoration: none;
  background-color: #fff;
  border-radius: 1px;
  color: #111;
  font-size: 25px;
  font-weight: normal;
}

/* buttons */
.alternate_bg .ss_links a{
  background: #fff;
  color:#111;
  display:inline-block;
  font-weight:normal;
  padding:8px 17px;
  text-decoration:none;
  transition: all .2s ease-in;
}

.alternate_bg .ss_links a:hover{
  position: relative;
  top: 1px;
  opacity: 1;
}

/*field instructions text */
.alternate_bg .field_block_instructions {
  color: #fff;
}

/* thank you/sending message */
.alternate_bg .ajax_message p { 
  color: #ccc;
  font-size: large;
}

/* BLACK BG GIFT WIDGET */

/* gift thumbnail hover */
.alternate_bg .ss_gift_thumbs a:hover{
  border:solid 2px #fff;
}

/* BLACK BG POLL WIDGET */

/* poll percentage border */
.alternate_bg .ss_poll_graph_container{
  border-color: #333;
}
/* poll percentage bar color */
.alternate_bg .ss_poll_graph_percentage{
  background-color: #fff;
}

/* video thumbs hover  border */
.alternate_bg .cascade .ss_video_thumbs a:hover{
  border:solid 2px #fff;
}

/* COUNTDOWN WIDGET */
/* font weight/color */
.alternate_bg .ss_countdown_content {
  color: #fff;
  font-weight: 300;
}

/* template 1 */
.alternate_bg .ss_countdown_content .ss_countdown_layout span {
  font-size: x-large;
  padding: 5px;
  border-radius: 3px;
font-weight: 600;
}

body.mobile .alternate_bg .ss_countdown_content .ss_countdown_layout .ss_countdown_word {
  margin: 5px 0 0;
  padding: 0;
  border: none;
  background: none; 
  font-size: medium;
  color: #fff;
  font-weight: 300;
}

.alternate_bg .ss_countdown_content .ss_countdown_layout span {
  font-size: x-large;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #ddd;
  color: #111;
  background: linear-gradient(to bottom, #ddd 0%, #ddd 49%, #fff 50%, #fff 100%); 
}
/* template 2 */

.alternate_bg .ss_countdown_content .ss_countdown_layout_2 .ss_countdown_number {
  display: inline-block;
  margin: 0 auto;
  padding: 5px 15px; 
}

.alternate_bg .ss_countdown_content .ss_countdown_layout_2 .ss_countdown_word {
  margin: 5px 0 0;
  padding: 0;
  color: #fff;
  border: none ;
  background: none ; 
  font-size: medium ;
  font-weight: 300;
}

/* template 3 */

.alternate_bg .ss_countdown_content .ss_countdown_layout_3 span {
  font-size: x-large;
  color: #333;
  background-color: #5ba7bd;
  border: 1px solid #CCC;
  background: linear-gradient(to bottom, #c4c4c4 0%, #e0e0e0 20%, #f5f6f6 49%, #e2e2e2 79%, #c4c4c4 100%); 
}


/* template 4 */

.alternate_bg .ss_countdown_content .ss_countdown_layout_4 .ss_countdown_time {
  font-weight: 600;
}