a, a:hover, a:visited, a:focus{ text-decoration: none; color: inherit; outline: 0; } a[href="#"] { cursor: pointer!important; } a img { border: 0px; } img { max-width: 100%; vertical-align: middle; border: 0; } #asterion_toolbar::-webkit-scrollbar, #asterion_toolbar scrollbar, .mini_dialog scrollbar, .mini_dialog::-webkit-scrollbar, #dialog_wrapper::-webkit-scrollbar, #dialog_wrapper scrollbar { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 12px; height: 12px; } #asterion_toolbar::-webkit-scrollbar-track-piece, #asterion_toolbar scrollbar-track-piece, .mini_dialog::-webkit-scrollbar-track-piece, .mini_dialog scrollbar-track-piece, #dialog_wrapper::-webkit-scrollbar-track-piece, #dialog_wrapper scrollbar-track-piece { background-color: #fff; border-radius: 4px; } #asterion_toolbar::-webkit-scrollbar-thumb, #asterion_toolbar scrollbar-thumb, .mini_dialog::-webkit-scrollbar-thumb, .mini_dialog scrollbar-thumb, #dialog_wrapper::-webkit-scrollbar-thumb, #dialog_wrapper scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); border: 2px solid #fff; padding: 2px; } #asterion_toolbar::-webkit-scrollbar-thumb:hover, #asterion_toolbar scrollbar-thumb:hover, #after_effect::-webkit-scrollbar-thumb:hover, #asterion_toolbar scrollbar-thumb:hover, #dialog_wrapper::-webkit-scrollbar-thumb:hover, #dialog_wrapper scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .6); } ::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } #primary_navigation li { position: relative; } #primary_navigation .sub_navigation { z-index: 10000; height: auto; } #primary_navigation .sub_navigation li { display: block; } /* Component iframes */ .component iframe { z-index: 0 !important; max-width: 100%; } /* Friend list */ ul.friends { display: block; list-style-type: none; margin: 0px; padding: 0px; background-image: none; border-style: none; overflow: auto; line-height: normal; zoom: 1; } #lightbox-image, .google_map_component img { background: none !important; padding: 0px !important; } ul.friends li { float: left; width: 65px; list-style-type: none !important; list-style-image: none !important; background-image: none !important; text-align: center; margin: 0px; padding: 5px; border-style: none; } ul.friends li div { height: 24px; } ul.friends li a { text-decoration: none; } ul.friends li img { display: inline; margin: 0px; padding: 0px; border: 1px solid black; } ul.friends .friend_name { overflow: hidden; font-size: 11px; margin-top: 3px; } /* ShareButtons Component - AddThis */ .addthis_toolbox { padding: 12px 0 15px 0; } /* Gamer Card */ .gamer_card { text-align: center } /* Feed Component * Contain elements inside, to stop feeds like news.google.com from breaking * layouts with their injected
, etc. */ .feed_component { overflow: hidden; zoom: 1; } .feed_component .feed_entry .content::after { content: ""; display: block; clear: both; } /* Blog archive styling */ .blog_archive_component .blog_archive_show_all_link { text-align: right; } /* Blog styling */ .unpublished, .unpublished { opacity: .50; filter: alpha(opacity=50); } .tags, .category { display: inline; } .category, .tags, .comments, .share { padding-right: 10px; } .blog_post .share { margin: 5px 0; line-height: 16px !important; text-align: right; } .blog_post .share a { text-decoration: none; margin-left: 5px; } .blog_post .share div{ display: inline-block; color: #fff; } .blog_post .share .share_text { margin: 0 2px 0 7px; } .blog_post .share img { border: 0 !important; padding: 0 !important; background: none; vertical-align: middle; } .custom_component .component_content, .blog_post .content, .google_map_component .component_content, .paypal_component .component_content { overflow: hidden; zoom: 1; } .google_map_component .component_content { padding-top: 10px; padding-bottom: 10px; } .blog_post .date span.unpublished { opacity: 1; filter: alpha(opacity=100); background-color: #000; color: #fff; padding: 2px; } .comment { padding: 10px 10px 0px 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; overflow: hidden; zoom: 1; } .comment p { margin: 10px 0px; } .comment.featured { background: url(/images/comment-bg.png); } .comment.owner { background: url(/images/comment-bg.png); } .comment.owner textarea { background: #fff; color: #000; } .comment .avatar { display: block; float: left; padding: 3px; margin-right: 10px; margin-bottom: 10px; } .comment .avatar img { border: 1px solid #777; padding: 0; } .comment .content { padding-top: 5px; } /* End user comment editing in place */ .comment #modify_comment { margin: 10px; } .comment #modify_comment { overflow: hidden; zoom: 1; } .comment #modify_comment input { margin-top: 5px; } #comment_form_area { margin-top: 10px; } #comment_form label { display: block; } .comment_number { float: right; font-size: 25px; padding: 10px; } .comment_number a { text-decoration: none; } #comment_form .input_wrapper { margin: 10px 0px; } #comment_form .input_wrapper input { width: 200px; } #comment_form textarea { height: 180px; max-width: 500px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .comment_form .input_wrapper { margin: 10px 0px; } .comment_form .input_wrapper input { width: 200px; } .comment_form textarea { height: 90px; width: 300px; } .comment_children, .comment_reply .toggleable_content { margin-left: 20px; } .comment_children .comment_number { display: none; } .comment_children .comment { margin-right: -10px; } .comment_children .comment:last-child { border-bottom: none !important; } .comment_reply { margin-bottom: 10px; } .comment_reply .input_wrapper { margin: 10px 0; } .comment_reply label { display: block; } .comment_reply .submit_wrapper { margin-bottom: 10px; } .component input { min-height: 25px; } .component input, .component textarea, .component select { background: #FFF; border: 1px solid #ddd; padding: 3px; } .submit_wrapper input, input.form_field_submit_button { padding: 6px 12px; margin-bottom: 15px; margin-left: 0px; color: #000; background: #ddd; min-height: auto; } .radio_option input, .form_field_check input { min-height: auto; } .comment_form .formError { margin-left: 100px; } .comment_form_area { margin-top: 10px; } .comment_form label { display:block; } .fieldWithErrors { display: inline; } .form_field.fieldWithErrors { display: block; } .fieldWithErrors input, .fieldWithErrors textarea { border: 1px solid #f00; } .formError { color: #f00; background: url(/images/icons/bullet_error.png) left top no-repeat; padding-left: 20px; } .inputBox .formError { margin-left: 145px; margin-bottom: 10px; } .comment .formError { margin-left: 0; } .comment textarea { width: 300px; height: 90px; } #form_submit_message { margin: 40px 0; } .passwordError { margin-left: 64px; } /* Form component styles */ .form_field { margin: 10px 0; } .form_field .label, .form_text_field_field label, .form_text_area_field label, .form_select_box_field label, .form_date_field_field label, .form_time_field_field label, .form_attachment_field_field label, .form_attachment_field_field label { display: block; margin-right: 10px; margin-bottom: 3px; } .form_field.form_radio_field input, .form_field.form_check_box_field input { margin-right: 5px; } .form_field.field_invalid { background: rgba(255, 0, 0, 0.25); } /* Powered by */ #powered_by { margin-top: 5px; } #powered_by img { border: 0px } /* Image components */ .flickr_gallery_component .image, .image_gallery_component .image { margin: 2px; } .flickr_gallery_component .image img, .image_gallery_component .image img { border: 1px solid #000; vertical-align: bottom; box-sizing: border-box; } .image_gallery_component .cropped_fluid_images img { width: 100%; height: auto; } .image_gallery_component .image .thumbnail_text { margin: 10px 0 0 0; } .carousel_gallery { margin: 0px auto; padding: 0; } .images .carousel_controls { position: relative; margin: 8px 0; font-size: 10px; height: 14px; line-height: 14px; } .images .carousel_controls .prev { position: absolute; left: 0; } .images .carousel_controls .next { position: absolute; right: 0; top: 0; } .same_width_images, .same_height_images { position: relative; } /* Float cropped images by default */ .flickr_gallery_component .size_thumbnail, .flickr_gallery_component .size_small, .cropped_images { padding: 0 0px 15px 5px; overflow: hidden; zoom: 1; } .flickr_gallery_component .size_thumbnail .image, .flickr_gallery_component .size_small .image, .cropped_images .image, .flickr_gallery_component .size_large_square .image { float: left; } .flickr_gallery_component .size_thumbnail .image { width: 100px; height: 100px; } .cropped_images, .normal_images { padding: 12px 0 15px 0; } div.lastfm_component .lastfm_entry { overflow: hidden; zoom: 1; padding: 10px; } div.lastfm_component .lastfm_entry .lastfm_metadata { padding-left: 58px; } div.lastfm_component .lastfm_entry .lastfm_image { float: left; padding-right: 10px; } div.lastfm_component .lastfm_entry .lastfm_playcount { font-style: italic; opacity: .60; filter: alpha(opacity=60); } .flickr_gallery_component .size_thumbnail, .flickr_gallery_component .size_small, .cropped_images { padding: 0 0px 15px 5px; overflow: hidden; zoom: 1; } .flickr_gallery_component .size_thumbnail .image, .flickr_gallery_component .size_small .image, .cropped_images .image { float: left; } .flickr_gallery_component .size_thumbnail .image { width: 100px; height: 100px; } .flickr_gallery_component .size_small .image { width: 240px; height: 240px; } .cropped_images, .normal_images { padding: 12px 0 15px 0; } div.lastfm_component .lastfm_entry { overflow: hidden; zoom: 1; padding: 10px; } div.lastfm_component .lastfm_entry .lastfm_metadata { padding-left: 58px; } div.lastfm_component .lastfm_entry .lastfm_image { float: left; padding-right: 10px; } div.lastfm_component .lastfm_entry .lastfm_playcount { font-style: italic; opacity: .60; filter: alpha(opacity=60); } div.lastfm_component .lastfm_entry .lastfm_artist, div.lastfm_component .lastfm_entry .lastfm_album_name, div.lastfm_component .lastfm_entry .lastfm_playcount { display: block; } div.lastfm_component div.top_artists .lastfm_artist, div.lastfm_component div.top_tracks .lastfm_track_name, div.lastfm_component div.top_albums .lastfm_album_name, div.lastfm_component div.recent_tracks .lastfm_track_name { font-weight: bold; } div#google_map_canvas { margin: 0 auto; background-color: silver; } /* Nav component */ .navigation_label { /*font-weight: bold;*/ /*display: inline-block;*/ } /* Do not overide #asterion_captcha - it's a fake-captcha to trick spam bots, we hide it with CSS so people don't see it, but bots still will. (If anything is entered in it, the post will fail) */ /* hide feedburner feedflare boxes displayed in the feed components */ #asterion_captcha, .feedflare { display: none; } div.paging { overflow: hidden; zoom: 1; position: relative; margin-top: 10px; } div.paging .paging_links { float: right; } div.paging_info { float: left } /* Blog Seach component */ .search_wrapper { zoom: 1; padding: 15px 0; } .search_wrapper .input_wrapper { float: left; margin-right: 10px; margin-bottom: 3px; max-width: 100%; } .search_wrapper .submit_wrapper input, .search_wrapper form { width: auto; } .ecwid-SearchPanel-field { margin-bottom: 3px; } /* Recent comments Component*/ .recent_comment { padding-bottom: 10px; } span.quote_link { text-decoration: underline; } /* Twitter Component */ .tweet_source { display: none; } .tweet_in_reply_to { margin-left: 3px; } /* Ebay Component */ .ebay_item { line-height: normal !important; margin: 35px 0px; width: 100%; } .ebay_image { float: left; width: 75px; height: 75px; } .ebay_information { margin-left: 90px; } .ebay_image img { width: 75px; height: 75px; } .ebay_image .no_image { font-size: x-small; color: gray; margin-top: 25px; display: block } .ebay_items_component .paging { font-size: x-small; padding: 10px 0px; } .ebay_items_component .sort { text-align: right; margin-bottom: 5px; font-size: x-small; } .ebay_items_component .sort .sort_descending { padding: 1px 10px 0 0; background: url('/images/icons/arrow_down_trimmed.png') no-repeat right; } .ebay_items_component .sort .sort_ascending { padding: 1px 10px 0 0; background: url('/images/icons/arrow_up_trimmed.png') no-repeat right; } .ebay_title { margin-bottom: 5px; } .ebay_price { font-weight: bold; margin-top: 10px; } .ebay_buy_it_now { padding: 5px 75px 0 0; background: url('/images/buyitnow.png') no-repeat right; font-style: italic; } /* Blogroll Component */ .blogroll_component .blog_icon img { border-width: 0px; height: 16px; width: 16px; padding: 0 !important; margin: 0; border: none !important; } .blogroll_component .blog_icon { float: left; width: 16px; height: 16px; padding-right: 5px; } .blogroll_component .blogroll_blog { padding-bottom: 20px; } .blogroll_component .blog_title { margin-bottom: 5px; line-height: normal !important } .blogroll_component .item_title { font-weight: bold; } .guestbook_component input, .guestbook_component textarea, .form_component input, .form_component textarea { max-width: 95%; } @media only screen and (max-width: 650px) { .asterion_input{ width: 100% !important; } } .vimeo_component iframe, .mceYoutubeVideo, .gamer_card iframe { max-width: 100%; } /* Git hub Component */ .git_hub_repositories_component { min-width: 100px; max-width: 100%; display: block; font-size: 100%; width: auto !important; overflow: hidden; } .git_hub_repositories_component * { margin: 0; background: none; border: 0; display: block; } .git_hub_repositories_component .component_content { padding: 0 !important; margin: 0 !important; } .git_hub_repositories_component h2 { margin: 0 !important; margin-bottom: 20px !important; height: auto !important; } .git_hub_repositories_component img { padding: 2px; border: 1px solid #ddd; margin-bottom: 10px; display: block; } .git_hub_repositories_component ul { clear: both; display: block; padding-left: 0; } .asterion_expandable a.loading { background-image: url('/images/loading.gif') !important; background-repeat: no-repeat !important; background-position: 99% 50%; } .asterion_expandable a.asterion_expand { background-image: url('/images/arrow-r.gif'); background-repeat: no-repeat; background-position: 99% 50%; } .asterion_expandable a.asterion_collapsed { background-image: url('/images/arrow-d.gif'); background-repeat: no-repeat; background-position: 99.6% 50%; } .asterion_expandable { border: none; border: 1px solid #ccc; border-top: none; list-style-type: none; padding: 0 !important; margin: 0 !important; } .asterion_expandable li { width: 100% !important; display: block; border: none !important; border-top: 1px solid #ccc !important; padding: 0 !important; margin: 0 !important; background: inherit !important; line-height: 1; } .asterion_expandable li a, .asterion_expandable li span { display: block; padding: 5px; text-transform: capitalize; font-weight: normal !important; color: #000 !important; } .asterion_expandable li a:hover { background: #909090; color: #fff !important; cursor: pointer; text-decoration: none !important; border: none !important; } .asterion_expandable li .loading:hover { background-image: url('/images/loading-gw.gif') !important; background-repeat: no-repeat !important; background-position: 99% 50%; } .asterion_expandable li div { background: #fff !important; color: #333 !important; padding: 10px; border-top: 1px solid #ccc; line-height: 1.48em; overflow: hidden; } .asterion_expandable li div a { color: #5699A7 !important; } .asterion_expandable li div a:hover { background: inherit !important; color: #5699A7 !important; text-decoration: underline !important; } .asterion_expandable li div a.left { float: left; padding-left: 0px !important; } .asterion_expandable li div a.right { float: right; padding-right: 0px !important; } .asterion_expandable li.highlight { background: #5699A7 !important; } .asterion_expandable li.even { background-color: #D8D8D8 !important; } .asterion_expandable li.odd { background-color: #EFEFF0 !important; } /* Digg Component */ .digg_component ul.diggs { list-style-type: none; margin: 0; padding: 0; text-decoration: none !important; } .digg_component ul.diggs .digg_diggs a { background: none; text-decoration: none; margin: 0; padding: 0; color: #93883F; } .digg_component li { list-style-type: none !important; background: none !important; clear: left; display: block; margin: 0; min-height: 30px; padding: 4px 0 0 5px; text-indent: 0; } .digg_component li a { text-decoration: none; } .digg_component span.digg_title { display: block; clear: none; font-size: 100%; letter-spacing: normal; line-height: 1; margin-bottom: 0; margin-left: 36px; padding-top: 4px; } .digg_component span.digg_diggs { position: absolute; border: 0 none; color: #93883F; display: block; float: left; font-size: 85%; font-weight: bold; height: 21px; letter-spacing: 0; line-height: 1em; margin-top: 2px; margin-right: 4px; padding: 9px 0 0; text-align: center; text-decoration: none; width: 30px; background: url('/images/component/digg/shade-com.png') no-repeat top left; } /* Twitter */ ul.twitter_friends, ul.twitter_followers { overflow: hidden; margin-left: 0; margin-right: 0; } ul.twitter_friends li, ul.twitter_followers li { float: left; padding: 2px !important; margin: 0 !important; line-height: 0; list-style-type: none !important; list-style-image: none !important; background-image: none !important; text-align: center; border-style: none; } ul.twitter_friends li img, ul.twitter_followers li img { width: 24px; height: 24px; padding: 0; } /* Ultraviolet */ pre.highlighted_code { overflow: auto; font-family: Consolas, Monaco, 'Courier New', Courier, monospace; font-size: 90%; padding: 15px; line-height: normal; } .paypal_component form, .paypal_component input[type="image"] { border-width: 0px; padding: 0px; margin: 0px; background-color: transparent; } #commerce-notice { padding: 0; text-align: center; z-index: 999; position: relative; } #commerce-notice > div { display: block !important; margin: 0 auto; width: 728px; } .extra_margin { margin-bottom: 90px; } #fixed_commerce-notice { background: rgba(255, 255, 255, 0.75); } #fixed_commerce-notice div { margin: 0 auto; } #fixed_commerce-notice .close_ad { position: absolute; top: 2px; right: 2px; color: #333; padding: 5px 10px; font-family: sans-serif; font-size: 20px; text-decoration: none; } #commerce-notice img { border: 0px; padding: 0px; margin: 0px; } #recaptcha_widget { max-width: 100%; float: left; position: relative; line-height: normal; } #recaptcha_widget img { border: 0px; margin: 0px; padding: 0px; max-width: 100%!important; } #recaptcha_image { margin-bottom: 10px; border: 1px solid #000; background-color: #fff; max-width: 95%!important; min-width: 180px; height: auto !important; } #recaptcha_image img { min-width: 175px; } #recaptcha_image a { margin-left: 20px; } #recaptcha_options span { margin-left: 10px; } #recaptcha_options { padding-top: 5px; } #recaptcha_response_field { width: 220px; } #recaptcha_powered { font-size: 9px; font-family: verdana, sans-serif; text-align: left; padding: 5px 0px 15px 5px; } #recaptcha_only_if_incorrect_sol { color: #f00; } /* Video Player */ .html5_video_player_component .video_player_container { position: relative; } .video_player_component .video_player_container { position: relative; padding: 0; margin: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .video_player_component object { padding: 0; margin: 0; position: absolute; left: 0; top: 0; } .video_player_caption { background-image: url(/images/video_player/translucent_bg.png); position: absolute; height: 30px; top: 0; left: 0; z-index: 176; font-size: 13px; color: #ECF2FF; font-family: Geneva, "Gill Sans", Arial, sans-serif; line-height: 30px; vertical-align: center; } .video_player_caption .content { padding: 0 8px; } .video_player_caption .is_buffering { width: 24px; height: 24px; display: block; position: absolute; top: 12px; right: 12px; background-image: url(/images/video_player/loading.gif); background-repeat: no-repeat; display: none; } .video_player_component .video_player_controls { background-image: url(/images/video_player/translucent_bg.png); position: absolute; height: 48px; bottom: 0; left: 0; z-index: 177; font-size: 13px; color: #ECF2FF; font-family: Geneva, "Gill Sans", Arial, sans-serif; line-height: 48px; vertical-align: center; } .video_player_component .video_player_controls a { color: #ECF2FF; } .video_player_component .video_player_controls .playback_button { width: 19px; height: 21px; display: block; position: absolute; top: 12px; left: 10px; } .video_player_component .video_player_controls .play_button { background-image: url(/images/video_player/play.png); background-repeat: no-repeat; } .video_player_component .video_player_controls .pause_button { background-image: url(/images/video_player/pause.png); background-repeat: no-repeat; } .video_player_component .video_player_controls .progress { font-size: 80%; position: absolute; left: 39px; right: 50px; } .share_buttons_component a, .share_buttons_component a:hover { min-height: 25px; margin: 0 8px 10px 0px; display:inline-block; text-decoration:none; } .video_player_component .video_player_controls .progress .current_time { float: left; width: 40px; } .video_player_component .video_player_controls .progress .total_time { float: right; width: 40px; } .video_player_component .video_player_controls .progress .progress_bar { height: 8px; border: 1px solid #888; margin-top: 18px; float: left; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .video_player_component .video_player_controls .progress .loaded_bytes { display: none; } .video_player_component .video_player_controls .progress .total_bytes { display: none; } .video_player_component .video_player_controls .progress .panner { background-color: transparent; width: 0px; position: absolute; left: 0; height: 10px; cursor: pointer; } .video_player_component .video_player_controls .progress .buffer_progress_bar { background-color: #555; width: 0px; position: absolute; left: 0; height: 8px; } .video_player_component .video_player_controls .progress .playback_progress_bar { background-color: #AAA; width: 0px; left: 0; height: 8px; position: absolute; } .video_player_component .video_player_controls .progress .playhead { width: 2px; height: 6px; background-color: #fff; border: 1px solid #fff; position: absolute; left: 0; margin-left: -2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .video_player_component .video_player_controls .volume { width: 45px; position: absolute; right: 5px; } .video_player_component .video_player_controls .volume .toggle_mute { width: 17px; height: 18px; display: block; position: absolute; left: 6px; top: 13px; } .video_player_component .video_player_controls .volume .muted { background-image: url(/images/video_player/volume_mute.png); } .video_player_component .video_player_controls .volume .active { background-image: url(/images/video_player/volume.png); } .video_player_component .video_player_controls .volume .volume_level { position: absolute; display: block; width: 4px; height: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .video_player_component .video_player_controls .volume .set_33 { left: 22px; top: 18px; } .video_player_component .video_player_controls .volume .set_66 { left: 28px; top: 18px; } .video_player_component .video_player_controls .volume .set_100 { left: 34px; top: 18px; } .video_player_component .video_player_controls .percent_100 .set_33, .video_player_component .video_player_controls .percent_66 .set_33, .video_player_component .video_player_controls .percent_33 .set_33 { background-color: #eee; } .video_player_component .video_player_controls .percent_0 .set_33 { background-color: #555; } .video_player_component .video_player_controls .percent_100 .set_66, .video_player_component .video_player_controls .percent_66 .set_66 { background-color: #eee; } .video_player_component .video_player_controls .percent_33 .set_66, .video_player_component .video_player_controls .percent_0 .set_66 { background-color: #555; } .video_player_component .video_player_controls .percent_100 .set_100 { background-color: #eee; } .video_player_component .video_player_controls .percent_66 .set_100, .video_player_component .video_player_controls .percent_0 .set_100, .video_player_component .video_player_controls .percent_33 .set_100 { background-color: #555; } /* Do not show the close-description button in the image slideshow */ .descpanelfg .close { display: none; } .gallerylayer a { display: block; } .ecwid-ProductBrowser-auth-anonim { margin-right: 0 !important; } .ecwid-results-topPanel-viewAsPanel { display: none !important; } .ecwid-productBrowser-productsTable-table { width: 100% !important; } .fss_links { text-align: center; overflow: hidden; height: 10px; margin: 0 27px; } .fss_links a { display: inline-block; width: 12px; height: 0; margin: 0 5px; padding-top: 12px; background-image: url(/images/pagination.png); background-position: 0 0; overflow: hidden; } .fss_links a.active { font-weight: bold; background-position: 0 -13px; } .metadata { padding-bottom: 15px; } .blog_component ul, .blog_archive_component ul { list-style-type: none; padding-left: 10px; } .blog_component .blog_post ul { list-style-type: disc; padding-left: 30px; } .facebook_like_component .component_content { padding: 10px 0; } .audio_player_component .component_content { padding: 10px 0; } .aclearfix:after { content: ""; display: table; clear: both; } #branding_wrapper img { position: absolute; top: 2px; right: 0px; height: 25px; margin-top: 3px; border: none !important; background: none !important; margin: 0; padding: 0; max-width: none; } #branding_container a { text-decoration: underline; color: #69a1d5; } #branding_container .upgrade_button { color: #fff; padding: 2px 5px 2px 5px; margin: 0 10px 0 0; font-size: 14px; text-decoration: none; cursor: auto; font-weight: normal; text-shadow: none; border: 1px solid transparent; border-radius: 3px; text-align: center; background-color: #FF575B; border: 1px solid #FF575B; color: #fff; margin: 0 10px; } #branding_container .upgrade_button:hover { background-color: #b11623; border: 1px solid #b11623; } #remove_branding_link { text-decoration: none; padding: 7px 10px; background-color: #333; z-index: 949; bottom: 0; right: 5px; position: fixed; color: #fff; visibility: visible; display: block; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: 'Trebuchet MS'; font-size: 12px; line-height: 1.5; } #remove_branding_link:hover { opacity: 0.75; filter: alpha(opacity=75); /* For IE8 and earlier + iOS */ } #admin_google_map_canvas img, .google_map_component img, #map_canvas img, .google-maps img { max-width: none; } .image_slideshow_component .carousel_gallery { max-width: 100%; overflow: hidden; } .image_slideshow_component .carousel_gallery img { margin: 0px!important; padding: 0px!important; } .image_slideshow_component .carousel_controls { max-width: 100%; } .image_slideshow_component .carousel_gallery div { background: transparent!important; max-width: 100%; } .post_wrapper .subscribe_link { text-align: right; } .subscribe_link a:before { display: inline-block; width: 1.2em; font-family: FontAwesome; content: "\f09e"; } #primary_navigation li ul { display: none; } .comment { position: relative; } p.modify_remove { float: right; margin-right: -5px; } .modify_remove a { width: 16px; height: 16px; background-color: #fff; display: inline-block; padding: 3px; background-position: center; margin: 0px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .modify_remove a span { display: none; } .modify_comment { background: url(/images/icons/edit.png) 0 2px no-repeat; } .remove_comment { margin-left: 16px; background: url(/images/icons/trash.png) 0 2px no-repeat; } .reddits, .tweets, .facebook_statuses, .feed ul { list-style-type: none; padding: 0px; margin: 0px; } .reddits li, .tweets li, .facebook_statuses li, .feed li { padding-bottom: 10px; } #comment_body { width: 100%; max-width: 500px; height: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #site_heading a { text-decoration: none; } #site_heading a:hover { text-decoration: none; } .asterion_left { text-align: left; } .asterion_right { text-align: right; } .asterion_center { text-align: center; } #mobile_wrapper { display: none; width: 100%; position: sticky; position: -webkit-sticky; top: 0px; z-index: 9999; } #asterion_page_wrapper #mobile_wrapper {} #mobile_navigation { font-family: 'Open Sans', sans-serif; max-height: calc(100vh - 52px); overflow: auto; overflow-x: hidden; } #mobnav-btn { font-size: 20px; background-color: #000; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; padding: 10px; } #mobnav-btn div span { background: none repeat scroll 0 0 #fff; display: block; height: 2px; width: 25px; margin: 6px 0 4px; } #mobnav-btn div { float: right; } #mobile_navigation ul { width: 100%!important; display: none; margin: 0; padding: 0; } #mobile_navigation ul li { box-sizing: border-box; float: none; display: block; width: 100%; background-color: #222; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); /* border-bottom:1px solid rgba(0,0,0,0.1); */ } #mobile_navigation .mobile_subnav { background-image: url('/images/g-triangle-down.png'); background-repeat: no-repeat; background-position: 97% 50%; } #mobile_navigation .mobile_subnav.expanded { background-image: url('/images/g-triangle-up.png'); background-repeat: no-repeat; background-position: 97% 50%; } /* links */ #mobile_navigation ul li a { float: none; display: block; padding: 10px; } #mobile_navigation ul a { color: #ddd; text-decoration: none; } #mobile_navigation a:hover { text-decoration: none; color: #fff; } #mobile_navigation ul li > a:hover, #mobile_navigation ul li.active > a { background-color: #333; } #mobile_navigation ul ul li a { padding-left: 20px; } #mobile_navigation ul ul ul li a { padding-left: 30px; } #mobile_navigation ul ul ul ul li a { padding-left: 40px; } #mobile_navigation ul ul ul ul ul li a { padding-left: 50px; } #mobile_navigation ul ul ul ul ul ul li a { padding-left: 60px; } #mobile_navigation ul ul ul ul ul ul ul li a { padding-left: 70px; } .ecwid_product_search_component .ecwid-SearchPanel .ecwid-SearchPanel-field, .search_wrapper .input_wrapper { max-width: 250px; width: 50%; } .google_map_component .component_content .directions .input > * { display: block; } .google_map_component .component_content .directions .input > label { margin-bottom: 3px; } .google_map_component .component_content .directions .input > button { margin-top: 10px; } .google_map_component .component_content .directions input { display: block; width: 100%; padding: 0; border-width: 1; box-sizing: border-box; min-height: 35px; max-width: 600px; } .google_map_component .component_content div[id*="google_map_canvas"] { width: auto !important; background-color: #fff; } .google_map_component .component_content div[id*="google_map_canvas"] * { border: none !important; } .theme_name { text-transform: capitalize; } .feed_component .component_content .feed .feed_entry img, .ebay_image img { float: left; margin-right: 10px; display: block; width: auto; height: auto; } .post_wrapper .metadata > * { display: inline-block; } .blog_comment_component .recent_comment { list-style-type: none; } .form_check_box_field label, .dialog_form_check_box_field label { vertical-align: middle; } .dialog_form_check_box_field input { margin-top: 3px; } .asterion_selectbox { max-width: 100%; } .ecwid-SearchPanel .ecwid-SearchPanel-field, .search_wrapper input { max-width: 97%; width: 145px; } .blog_component ul, .blog_archive_component ul, .blog_comment_component ul { list-style-type: none; padding-left: 0; } .component input, .component textarea, .component select { font: normal 14px Arial; } .ecwid_shopping_bag_component .ecwid { text-align: center; } .component > h2 span { display: block; } .nav-dots, .owl-dots { text-align: center; height: 30px; width: 100%; left: 0; } .sliced_slideshow_component .nav-dots { display: none; } .sliced_slideshow_component .nav-arrows { display: none; } .owl-dots{ padding: 15px 0; position: absolute; } .nav-dots a, .owl-dots div, .nav-dots a:visited { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 6px; cursor: pointer; text-indent: -9000px; background: #999; border: 3px solid #999 ; } .nav-dots .active, .owl-dots .active { background: #ffffff; } .nav-arrows a, .owl-nav > div { position: absolute; left: 10px; width: 50px; height: 50px; z-index: 8; top: 50%; transform: translate(0, -50%); font-family: 'Courier New', sans-serif; font-weight: bold; font-size: 50px; color: #f1f1f1; text-decoration: none; text-shadow: rgb(71, 71, 71) 1px 1px 1px; line-height: 28px; cursor: pointer; opacity: 0.8; outline: 0; } .lazy .item{ background-image: url('/images/loading.gif') !important; background-repeat: no-repeat !important; background-position: 50% 50%; } .nav-arrows a, .nav-arrows a:visited, .nav-arrows a:hover { color: #f1f1f1; text-decoration: none; } .nav-arrows a:last-child, .owl-nav .owl-next { left: auto; right: 10px; text-align: right; } .nav-arrows a:hover, .owl-nav div:hover { opacity: 1; } .nav-arrows a:visited, .nav-arrows a:hover, .nav-arrows a:focus { outline: 0; } .flickr_gallery_component .images { margin: 0 auto; } html#ecwid_html body#ecwid_body .component .ecwid a, html#ecwid_html body#ecwid_body .component .ecwid a:active, html#ecwid_html body#ecwid_body .component .ecwid a:visited { font: inherit; color: inherit; } html#ecwid_html body#ecwid_body .component div.ecwid-productBrowser-categoryPath a, html#ecwid_html body#ecwid_body .component div.ecwid-productBrowser-categoryPath a:active, html#ecwid_html body#ecwid_body .component div.ecwid-productBrowser-categoryPath a:visited { color: inherit; font: inherit; } html#ecwid_html body#ecwid_body .component div.ecwid-productBrowser-categoryPath { font: inherit; color: inherit; } html#ecwid_html body#ecwid_body .component div.ecwid-minicart-link * { font: inherit; color: inherit; line-height: 2; } a:focus { color: initial; } .comment_name { font-size: 1.2em; } .date { font-style: italic; display: block; } .image_gallery_component .component_content, .flickr_gallery_component .component_content { padding: 0; } .ecwid-SearchPanel-button { vertical-align: top; } .component .title a { color: inherit; } .component .component_heading a { color: inherit; } .ui-datepicker { z-index: 10010 !important; } .sliced_slideshow_inner_wrapper { position: relative; } #spinner { position: absolute; width: 220px; height: 220px; left: 50%; top: 50%; margin: -110px 0 0 -110px; padding: 0; z-index: 20000; background-color: #fff; opacity: 0.8; border-radius: 3px; /*border: 4px solid #ddd;*/ background: #fff url('/images/pop-spinner.gif') no-repeat center center; display: none; } .video_player_container { max-width: 100%; } .video_player_container video { background-color: black; max-width: 100%; } .video_player_container .video_player_caption { max-width: 100%; } .video-js { max-width: 100%; } #asterion_marker{ background-color: yellow; width: 15px; height: 15px; border-radius: 90px; border: 1px solid rgb(108, 94, 40); } #form_container{ padding: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .asterion_vector_map{ /*max-width:100%;*/ width: 100%; position: relative; } .asterion_vector_map:before { content: ""; display: block; padding-top: 50% } .asterion_vector_map .jvectormap-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #map_dialog{ min-width: 400px; min-height: 400px; } #map_dialog .title, #map_dialog .title:active{ display: block; font-size: 24px; line-height: 2em; font-family: 'Open Sans'; } #map_dialog .msg, #map_dialog .msg:active{ font-size: 16px; line-height: 1.4em; font-family: 'Open Sans'; max-height: 500px; overflow-y: auto; display: block; } #map_dialog .asterion_wrapper{ padding: 0 20px; padding-bottom: 10px; } #asterion_mini_delete{ border: 1px solid #dd4444 } /********************************************** Some fixes for Bootstrap 3 **********************************************/ #asterion_toolbar *, #dialog_wrapper *, .dialog_body *, .asterion_component_editor *, #copyright * { box-sizing: initial; } .dialog_body .radio input[type="radio"], .dialog_body .radio-inline input[type="radio"], .dialog_body .checkbox input[type="checkbox"], .dialog_body .checkbox-inline input[type="checkbox"] { position: relative; margin: 0; } .dialog_body .radio label, .dialog_body .checkbox label { padding-left: 7px; } .dialog_body .radio + .radio, .dialog_body .checkbox + .checkbox { margin-top: 0; } .dialog_body .picker label { padding-left: 5px; margin: 0; margin-bottom: 15px; margin-right: 20px; } .mini_dialog .restore:hover { border: 1px solid #fff; color: #fff; } #dialog_wrapper .dialog_button.cancel:hover, #dialog_wrapper .dialog_button.red_button:hover, #dialog_wrapper .dialog_button.close:hover, .mini_dialog .revert:hover, .dialog_button.close:hover, .mini_dialog .save:hover { color: #fff; } /********************************************** End fixes for Bootstrap 3 *********************************************/ /* * jQuery.ui date picker */ #ui-datepicker-div { display: none; } .ui-datepicker { background-color: #fff; border: 1px solid #ccc; padding: 5px; border-radius: 3px; } .ui-datepicker-next, .ui-datepicker-prev { cursor: pointer; } .ui-datepicker-next { float: right; } .ui-datepicker-title { text-align: center; } .ui-datepicker-calendar a.ui-state-default { text-decoration: none; padding: 1px 5px; } .ui-datepicker-calendar a.ui-state-active { background-color: #3399CC; color: #fff; } .ui-datepicker-calendar td { text-align: center; } .ui-datepicker-month { font-size: 14px; } .ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); outline: none; z-index: 10010; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } .form_fields input[type="text"], .form_fields input[type="file"], .form_fields textarea, .form_fields select, #form_content input[type="text"], #form_content input[type="file"], #form_content textarea, #form_content select { width: 100%; max-width: 100%; box-sizing: border-box; } .form_fields input[type="file"], #form_content input[type="file"] { border: none; background-color: transparent; } .asterion_input { max-width: 100%; } div#mobile_wrapper + script + div, div#mobile_wrapper + div { overflow: hidden; } /* Image Gallery component - :same_height style images, with titles or descriptions shown */ .image_gallery_component .same_height_images a.jg-entry > span { position: absolute; display: inline-block; bottom: 5px; left: 5px; right: 5px; background-color: #fff; color: #000; padding: 2px; font-size: 11px; opacity: 0.6; overflow: hidden; font-weight: bold; } /* Disable links to admin dialogs for the public */ .component.unauthenticated p { cursor: text; } .component.unauthenticated a.dialog_link, .component.unauthenticated a.dialog_link:hover { pointer-events: none; text-decoration: inherit; color: inherit; } .jvectormap-container{ position: relative; } #overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; display:none; } .btn-style-1, .btn-style-1:hover, .btn-style-1:visited, .btn-style-1:link, .btn-style-1:active, .btn-style-2, .btn-style-2:hover, .btn-style-2:visited, .btn-style-2:link, .btn-style-2:active, .btn-style-3, .btn-style-3:hover, .btn-style-3:visited, .btn-style-3:link, .btn-style-3:active, .btn-style-4, .btn-style-4:hover, .btn-style-4:visited, .btn-style-4:link, .btn-style-4:active, .btn-style-5, .btn-style-5:hover, .btn-style-5:visited, .btn-style-5:link, .btn-style-5:active, .btn-style-6, .btn-style-6:hover, .btn-style-6:visited, .btn-style-6:link, .btn-style-6:active { text-decoration: none !important; box-sizing: border-box; } #dialog_wrapper .social_button{ margin-right: 10px; float: left; } .social_button:visited, .social_button{ color: #fff; box-sizing: border-box; } .social_button:hover{ color: #fff; background-color: #333; } .social_button:hover i{ transform: scale(1.1,1.1); } .fa-fw { box-sizing: initial; padding: .5em .4em; } .social_media_buttons_component .component_content{ overflow: hidden; } .social_buttons{ font-size: 0; overflow: hidden; } .social_button{ display: inline-block; box-sizing: border-box; font-size: 32px; line-height: 1.42857143; transition: all 0.5s ease; text-align: center; margin-bottom: 5px; } .social_network_link{ display: inline-block; } .social_media_group li{ margin: 10px; clear:both; } .asterion_divider{ margin: 0; padding: 0; position: absolute; width: 100%; top: 50%; height: 1px; border: 0; border-top: 1px solid #ccc; } .owl-carousel { margin-bottom: 50px; } .owl-carousel .item img { max-width: none; } .default_twitter{ background-color: #000; } .default_facebook{ background-color: #3b5998; } .default_vimeo{ background-color: #1ab7ea;/* #aad450 */ } .default_youtube{ background-color: #bb0000; } .default_google-plus{ background-color: #dd4b39; } .default_instagram{ background-color: #125688; } .default_linkedin{ background-color: #007bb5; } .default_pinterest{ background-color: #cb2027; } .default_rss{ background-color: #ff6600; } .default_flickr{ background-color: #ff0084; } .default_snapchat{ background-color: #e5e500; } .default_spotify{ background-color: #00e461; } .default_500px{ background-color: #333; } .default_tumblr{ background-color: #32506d;} .default_rss{ background-color: #FF6600; } .default_stumbleupon{ background-color: #eb4924; } .default_digg{ background-color: #005be2; } .default_delicious{ background-color: #3399ff; } .default_reddit{ background-color: #ff4500; } .default_google{ background-color: #ea4335; } .default_tripadvisor { background-color: #00af87; } .default_spotify { background-color: #1db954; } #dialog_wrapper .social_sharing_sites .social_button { float: none; margin-right: 0; margin-left: 0; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } .row { margin-bottom: 5px; } a.load_more_instagram, a.load_more_instagram:visited, a.load_more_instagram:active{ color: #3897f0; width: 100px; height: 100px; border: 2px #3897f0 solid; line-height: 100px; display: block; border-radius: 50%; text-align: center; margin: 0 auto; text-decoration: none !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } a.load_more_instagram:hover{ background-color: #3897f0; color: #fff; text-decoration: none; } .instagram_profile{ zoom: 1; overflow: hidden; margin-top: 10px; margin-bottom: 20px; text-align: center; } .instagram_profile h3{ padding-top: 10px; } .instagram_profile img{ border-radius: 50%; margin: 0 auto; height: 150px; display: block; } .instagram_loading{ background-image: url('/images/loader.svg'); background-repeat: no-repeat; background-position: 50% 50%; height: 100px; } .instagram_loading a{ display: none; } @media only screen and (max-width: 650px) { .instagram_profile img{ height: 80px; } .instagram_profile h3 { font-size: 20px; } .instagram_profile p{ font-size: 14px; margin-right: 10px; } } .stacked_images .image{ margin: 0 auto 20px auto; max-width: 100%; width: 640px; } .thumbnail_text{ margin-top: 10px; font-weight: 500; display: block; margin-bottom: 20px; } .form_component form input#comment { display: none; } .pure-g > [class *=pure-u]{ box-sizing: border-box; } div.spam_check{ clear:both; overflow:hidden; margin-bottom:10px } div.g-recaptcha{ display: inline-block; } .spam_check .formError{ margin: 0; } .toggleable_content { display: none; } .toggleable_content.togglable_active { display: block; } /****************************************************************************** JPlayer *****************************************************************************/ .asterion-jp .jp-audio, .asterion-jp .jp-audio-stream, .asterion-jp .jp-video { box-sizing: border-box; border: 1px solid #b5b5b5; background: #eee; font-family: sans-serif; } .asterion-jp .jp-audio *, .asterion-jp .jp-audio-stream *, .asterion-jp .jp-video * { box-sizing: border-box; } .asterion-jp .jp-audio .jp-gui { display: table; } .asterion-jp .jp-audio .jp-controls, .asterion-jp .jp-audio .jp-progress-container, .asterion-jp .jp-audio .jp-volume-controls { display: table-cell; white-space: nowrap; font-size: 0; padding: 5px; vertical-align: middle; height: 45px; } .asterion-jp .jp-audio .jp-progress-container { width: 100%; } .asterion-jp .jp-details, .asterion-jp .jp-playlist{ border-top: 1px solid #b5b5b5; } .asterion-jp .jp-audio button { background: initial; border-radius: initial; padding: initial; border: none; } .asterion-jp .jp-audio button:hover { background: #ccc; } .asterion-jp button span { display: none; } .asterion-jp .jp-controls button { text-indent: 0; background: rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 0; margin: 2px; width: 22px; height: 22px; } .asterion-jp .jp-controls button:before { font-family: FontAwesome; text-align: center; font-size: 12px; color: #666; } /*.asterion-jp .jp-controls button:focus:before { color: white; }*/ .asterion-jp .jp-mute, .asterion-jp .jp-volume-max { width: 22px; height: 22px; padding: 0; background: none; border-radius: 4px; } .asterion-jp .jp-audio :focus, .asterion-jp .jp-audio-stream :focus, .asterion-jp .jp-video :focus { outline: 0; } .asterion-jp .jp-controls .jp-previous { padding-right: 1%; } .asterion-jp .jp-controls .jp-previous:before { content: "\f04a"; } .asterion-jp .jp-controls .jp-play:before { content: "\f04b"; } .asterion-jp .jp-state-playing .jp-controls .jp-play:before { content: "\f04c"; } .asterion-jp .jp-state-playing .jp-controls .jp-play:focus { background: #ccc; } .asterion-jp .jp-controls .jp-next { padding-left: 1%; } .asterion-jp .jp-controls .jp-next:before { content: "\f04e"; } .asterion-jp .jp-stop { margin-left: 10px; } .asterion-jp .jp-controls .jp-stop:before { content: "\f04d"; } .asterion-jp .jp-progress-container { position: relative; } .asterion-jp .jp-progress { height: 14px; background: rgba(0, 0, 0, 0.07); } .asterion-jp .jp-progress .jp-seek-bar { background: rgba(0, 0, 0, 0.05); height: 100%; } .asterion-jp .jp-progress .jp-seek-bar .jp-play-bar { background: #666; height: 100%; } .asterion-jp .jp-time-holder { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 8px; line-height: 8px; font-style: italic; } .asterion-jp .jp-time-holder .jp-current-time, .asterion-jp .jp-time-holder .jp-duration { position: absolute; bottom: 5px; } .asterion-jp .jp-time-holder .jp-current-time { left: 5px; } .asterion-jp .jp-time-holder .jp-duration { right: 5px; } .asterion-jp .jp-volume-controls { top: 30px; } .asterion-jp .jp-volume-controls .jp-volume-bar { top: 7px; } .asterion-jp .jp-volume-controls button { text-indent: 0; } .asterion-jp .jp-volume-controls button:before { font-family: FontAwesome; text-align: center; font-size: 18px; color: #999; } .asterion-jp .jp-volume-controls .jp-mute { border-radius: 4px; margin-right: 2px; } .asterion-jp .jp-volume-controls .jp-mute:before { content: "\f026"; } .asterion-jp .jp-volume-controls .jp-mute:focus { background: none; } .asterion-jp .jp-state-muted .jp-volume-controls .jp-mute { background: #ccc; /*box-shadow: inset 1px 1px 3px #999;*/ } .asterion-jp .jp-state-muted .jp-volume-controls .jp-mute:before { opacity: 0.5; } .asterion-jp .jp-volume-controls .jp-volume-max { margin-left: 2px; } .asterion-jp .jp-volume-controls .jp-volume-max:before { content: "\f028"; } .asterion-jp .jp-volume-controls .jp-volume-max:focus { background: none; } .asterion-jp .jp-volume-controls .jp-volume-bar { width: 45px; height: 5px; display: inline-block; background: #ccc; vertical-align: top; margin-top: 8px; } .asterion-jp .jp-toggles { text-align: right; padding: 5px; height: 35px; } .asterion-jp .jp-toggles button { border-radius: 4px; width: 22px; height: 22px; padding: 0; background: none; margin-left: 5px; } .asterion-jp .jp-toggles button:before { font-family: FontAwesome; text-align: center; font-size: 16px; color: #666; } .asterion-jp .jp-toggles .jp-popout:before { content: "\f08e"; } .asterion-jp .jp-toggles .jp-repeat:before { content: "\f01e"; } .asterion-jp .jp-shuffle { margin-left: 5px; } .asterion-jp .jp-toggles .jp-shuffle:before { content: "\f074"; line-height: 20px; } .asterion-jp .jp-state-looped .jp-toggles .jp-repeat, .asterion-jp .jp-state-shuffled .jp-toggles .jp-shuffle { background: rgba(0, 0, 0, 0.15); /* box-shadow: inset 1px 1px 3px #999;*/ } .asterion-jp .jp-volume-bar-value, .asterion-jp .jp-play-bar { background: #666; height: 100%; } .asterion-jp .jp-type-playlist .jp-playlist a.jp-playlist-current, .asterion-jp .jp-type-playlist .jp-playlist a:hover { /*color: white;*/ font-weight: bold; } .asterion-jp .jp-playlist { background: rgba(0, 0, 0, 0.05); } .asterion-jp .jp-playlist ul { margin: 0; list-style: none; padding: 0; } .asterion-jp .jp-playlist li { border-bottom: 1px solid #eee; padding-left: 30px; position: relative; font-size: 12px; line-height: 24px; } .asterion-jp .jp-playlist li:last-child { border-bottom: 0; line-height: 25px; } .asterion-jp .jp-playlist li a { color: black; } .asterion-jp .jp-playlist li a:hover, .asterion-jp .jp-playlist li a:focus { text-decoration: none; } .asterion-jp .jp-playlist li a .jp-artist { font-size: 10px; color: #666; } .asterion-jp .jp-playlist li.jp-playlist-current:before { position: absolute; left: 0; font-family: FontAwesome; content: "\f001"; display: inline-block; width: 30px; text-align: center; font-size: 14px; } @media screen and (max-width: 422px) { .asterion-jp .jp-controls .jp-previous, .asterion-jp .jp-controls .jp-next, .asterion-jp .jp-volume-max { display: none!important; } } .col-md-4 .asterion-jp .jp-controls .jp-previous, .col-md-4 .asterion-jp .jp-controls .jp-next, .col-md-4 .asterion-jp .jp-volume-max, .span4 .asterion-jp .jp-controls .jp-previous, .span4 .asterion-jp .jp-controls .jp-next, .span4 .asterion-jp .jp-volume-max { display: none!important; } .col-md-3 .asterion-jp .jp-controls .jp-previous, .col-md-3 .asterion-jp .jp-controls .jp-next, .col-md-3 .asterion-jp .jp-volume-max, .span3 .asterion-jp .jp-controls .jp-previous, .span3 .asterion-jp .jp-controls .jp-next, .span3 .asterion-jp .jp-volume-max { display: none!important; } .galleria-theme-fullscreen .galleria-close { position: absolute; top: 32px; right: 32px; cursor: pointer; z-index: 5; font-size: 40px; line-height: 1; color: white; opacity: 0.6; } .galleria-theme-fullscreen .galleria-close::before { font-family: sans-serif; content: "\00d7"; } .galleria-theme-fullscreen .galleria-image-nav-left, .galleria-theme-fullscreen .galleria-image-nav-right { background-image: none; } .galleria-theme-fullscreen .galleria-image-nav-left::after, .galleria-theme-fullscreen .galleria-image-nav-right::after { font-family: FontAwesome; content: "?"; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100px; height: 100px; font-size: 40px; line-height: 100px; color: white; text-align: center; } .galleria-theme-fullscreen .galleria-image-nav-left::after { content: "\f053"; } .galleria-theme-fullscreen .galleria-image-nav-right::after { content: "\f054"; } .galleria-theme-fullscreen .galleria-loader { background-image: none; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; background: transparent; text-align: center; border-radius: 100%; animation: fa-spin 1s infinite steps(8); } .galleria-theme-fullscreen .galleria-loader::after { font-family: FontAwesome; content: "\f110"; line-height: 100px; font-size: 60px; color: white; opacity: 0.5; } #dialog_wrapper .select2-search--dropdown .select2-search__field { box-sizing: border-box; } .ui-tooltip.generic-asterion-tooltip { max-width: 200px; text-align: center; } .ui-tooltip.generic-asterion-tooltip .ui-tooltip-content { position: relative; padding: 5px; background: white; border: 1px solid grey; } .custom_component .component_content p:last-child { margin-bottom: 0; } .margin_bottom_1 { margin-bottom: 0.5em !important; } .margin_bottom_2 { margin-bottom: 1em !important; } .font-size-normal { font-size: 10pt !important; } .font-size-h2 { font-size: 20pt !important; } .text-black { color: #000 !important; } .mt-6, .my-6 { margin-top: 4.5rem; } .mb-6, .my-6 { margin-bottom: 4.5rem; } .mt-7, .my-7 { margin-top: 6rem; } .mb-7, .my-7 { margin-bottom: 6rem; } .mt-8, .my-8 { margin-top: 7.5rem; } .mb-8, .my-8 { margin-bottom: 7.5rem; } .mt-9, .my-9 { margin-top: 9rem; } .mb-9, .my-9 { margin-bottom: 9rem; } .mt-10, .my-10 { margin-top: 10.5rem; } .mb-10, .my-10 { margin-bottom: 10.5rem; }