/** * @version 2.6.x * @package K2 * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved. * @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html */ /* ### Legend ### Font families used: font-family:Georgia, "Times New Roman", Times, serif; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; font-family:Arial, Helvetica, sans-serif; Colors used: #f7fafe (light blue) used as background on all toolbars, category and user/author boxes */ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Basic typography --- */ a:active, a:focus {outline:0;} img {border:none;} /* --- Global K2 container --- */ #k2Container {padding:0 0 24px 0;} body.contentpane #k2Container {padding:16px;} /* used in popups */ /* --- General padding --- */ .k2Padding {padding:4px;} /* --- Clearing --- */ .clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} /* --- Zebra rows --- */ .even {background:#fffff0;padding:2px;border-bottom:1px dotted #ccc;} .odd {background:#fff;padding:2px;border-bottom:1px dotted #ccc;} /* --- RSS feed icon --- */ div.k2FeedIcon {display:none;padding:4px 8px;} div.k2FeedIcon a, div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0;width:16px;height:16px;background:url(../images/fugue/feed.png) no-repeat 50% 50%;} div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;} /* --- Rating --- */ .itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;} .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;} div.itemRatingForm .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;} .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;} .itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;} .itemRatingList li {display:inline;background:none;padding:0;} .itemRatingList a, .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;} .itemRatingList a:hover {background-position:left bottom;} .itemRatingList a.one-star {width:20%;z-index:6;} .itemRatingList a.two-stars {width:40%;z-index:5;} .itemRatingList a.three-stars {width:60%;z-index:4;} .itemRatingList a.four-stars {width:80%;z-index:3;} .itemRatingList a.five-stars {width:100%;z-index:2;} .itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;} span.siteRoot {display:none;} /* --- CSS added with Javascript --- */ .smallerFontSize {font-size:100%;line-height:inherit;} .largerFontSize {font-size:150%;line-height:140%;} /* --- ReCaptcha --- */ .recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#fff !important;} #recaptcha_table {border-color: #ccc !important;} #recaptcha_response_field {border-color: #ccc !important;background-color:#fff !important;} /* --- Primary lists in modules --- */ div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2ItemsBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2UserBlock ul.k2UserBlockActions li, div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ .clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */ .lastItem {border:none;} /* class appended on last list item */ /* --- Avatars --- */ .k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;} /* --- Read more --- */ a.k2ReadMore {} a.k2ReadMore:hover {} /* --- Pagination --- */ div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.k2Pagination ul {text-align:center;} div.k2Pagination ul li {display:inline;} /* --- Extra fields: CSV data styling --- */ table.csvData {} table.csvData tr th {} table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {background:url(../images/system/featuredItem.png) no-repeat 100% 0;} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:4px;background:#F7FAFE;border:1px solid #ccc;text-align:center;color:#555;font-size:13px;} a.itemPrintThisPage:hover {background:#eee;text-decoration:none;} div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;} /* this is the item container for this view */ div.itemIsFeatured {} /* Attach a class for each featured item */ span.itemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.itemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.itemEditLink a:hover {background:#ffffcc;} div.itemHeader {} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} div.itemHeader h2.itemTitle {display:none;font-family:Georgia, "Times New Roman", Times, serif;font-size:36px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.itemHeader h2.itemTitle span {} div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */ div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;} div.itemHeader span.itemAuthor a {} div.itemHeader span.itemAuthor a:hover {} div.itemToolbar {display:none;padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe;} div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;} div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px;} div.itemToolbar ul > li:first-child {border:none;} /* remove the first CSS border from the left of the toolbar */ div.itemToolbar ul li a {font-size:12px;font-weight:normal;} div.itemToolbar ul li a:hover {} div.itemToolbar ul li a span {} div.itemToolbar ul li a.itemPrintLink {} div.itemToolbar ul li a.itemPrintLink span {} div.itemToolbar ul li a.itemEmailLink {} div.itemToolbar ul li a.itemEmailLink span {} div.itemToolbar ul li a.itemVideoLink {} div.itemToolbar ul li a.itemVideoLink span {} div.itemToolbar ul li a.itemImageGalleryLink {} div.itemToolbar ul li a.itemImageGalleryLink span {} div.itemToolbar ul li a.itemCommentsLink {} div.itemToolbar ul li a.itemCommentsLink span {} div.itemToolbar ul li a img {vertical-align:middle;} div.itemToolbar ul li span.itemTextResizerTitle {} div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;background:url(../images/system/font_decrease.gif) no-repeat;} div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;background:url(../images/system/font_increase.gif) no-repeat;} div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span {display:none;} div.itemRatingBlock {display:none;padding:8px 0;} div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.itemBody {padding:8px 0;margin:0;} div.itemImageBlock {padding:8px;margin:0 0 16px 0;display:none;} span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img {border:1px solid #ccc;padding:8px;} span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;} span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;} div.itemIntroText {display:none;color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;} div.itemIntroText img {} div.itemFullText {} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemFullText p {} div.itemFullText img {} div.itemFullText img.pull-left {width: auto; margin-right:15px; height:200px;} div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.itemExtraFields ul {margin:0;padding:0;list-style:none;} div.itemExtraFields ul li {display:block;} div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.itemExtraFields ul li span.itemExtraFieldsValue {} div.itemContentFooter {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999;} span.itemHits {float:left;} span.itemDateModified {} div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float:left;margin:2px 24px 0 0;} div.itemFacebookButton {float:left;margin-right:24px;width:200px;} div.itemGooglePlusOneButton {} div.itemLinks {margin:16px 0;padding:0;display:none;} div.itemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemCategory a {} div.itemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;} div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.itemTagsBlock ul.itemTags li a {} div.itemTagsBlock ul.itemTags li a:hover {} div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.itemAttachmentsBlock ul.itemAttachments li a {} div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Author block */ div.itemAuthorBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;} div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:4px 0 0 0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.itemAuthorBlock div.itemAuthorDetails p {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;} /* Author latest */ div.itemAuthorLatest {margin-bottom:16px;padding:0;} div.itemAuthorLatest h3 {} div.itemAuthorLatest ul {} div.itemAuthorLatest ul li {} div.itemAuthorLatest ul li a {} div.itemAuthorLatest ul li a:hover {} /* Related by tag */ div.itemRelated {display:none;margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.itemRelated h3 {} div.itemRelated ul {} div.itemRelated ul li {} div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;background:#fff;} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} a.itemRelTitle {} div.itemRelCat {} div.itemRelCat a {} div.itemRelAuthor {} div.itemRelAuthor a {} img.itemRelImg {} div.itemRelIntrotext {} div.itemRelFulltext {} div.itemRelMedia {} div.itemRelImageGallery {} /* Video */ div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.itemVideoBlock div.itemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;} div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;} div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;} /* Image Gallery */ div.itemImageGallery {margin:0 0 16px 0;padding:0;} /* Article navigation */ div.itemNavigation {padding:4px 8px;margin:0 0 24px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#fffff0;display:none;} div.itemNavigation span.itemNavigationTitle {color:#999;} div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;} /* Comments */ div.itemComments {background:#f7fafe;border:1px solid #ddd;padding:16px;} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {padding:4px;margin:0;border-bottom:1px dotted #ddd;} div.itemComments ul.itemCommentsList li.authorResponse {background:url(../images/system/stripes.png) repeat;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {float:left;margin:4px 4px 4px 0;padding:4px;background:#fff;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li p {padding:4px 0;} div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} div.itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;} div.itemComments ul.itemCommentsList li span.commentLink a {font-size:11px;color:#999;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;} div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;} div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;} div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;} div.itemCommentsForm form {} div.itemCommentsForm form label.formComment {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formName {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formEmail {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formUrl {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0;} div.itemCommentsForm form input.inputbox {display:block;width:350px;margin:0;} div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:4px;border:1px solid #ccc;background:#eee;font-size:16px;} div.itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;} div.itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* "Report comment" form */ div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} div.k2ReportCommentFormContainer blockquote {width:462px;background:#f7fafe;border:1px solid #ddd;padding:8px;margin:0 0 8px 0;} div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left;} div.k2ReportCommentFormContainer blockquote span.quoteIconRight {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right;} div.k2ReportCommentFormContainer blockquote span.theComment {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:12px;font-weight:normal;color:#000;padding:0 4px;} div.k2ReportCommentFormContainer form label {display:block;font-weight:bold;} div.k2ReportCommentFormContainer form input, div.k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px;} div.k2ReportCommentFormContainer form #recaptcha {margin-bottom:24px;} div.k2ReportCommentFormContainer form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;} div.k2ReportCommentFormContainer form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* Back to top link */ div.itemBackToTop {text-align:right;display:none;} div.itemBackToTop a {text-decoration:underline;} div.itemBackToTop a:hover {text-decoration:underline;} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.itemListCategoriesBlock {} /* --- Category block --- */ div.itemListCategory {background:#f7fafe;border:1px solid #ddd;margin:4px 0;padding:8px;} span.catItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.catItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;} span.catItemAddLink a:hover {background:#ffffcc;} div.itemListCategory img {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemListCategory h2 {} div.itemListCategory p {} /* --- Sub-category block --- */ div.itemListSubCategories {} div.itemListSubCategories h3 {} div.subCategoryContainer {float:left;} div.subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */ div.subCategory {background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px;} div.subCategory a.subCategoryImage, div.subCategory a.subCategoryImage:hover {text-align:center;display:block;} div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.subCategory h2 {} div.subCategory h2 a {} div.subCategory h2 a:hover {} div.subCategory p {} /* --- Item groups --- */ div.itemList {} div#itemListLeading {} div#itemListPrimary {} div#itemListSecondary {} div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;} div.itemContainer {float:left;} div.itemContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */ /* --- Item block for each item group --- */ div.catItemView {padding:4px;} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */ /* Additional class appended to the element above for further styling per group item */ div.groupLeading {} div.groupPrimary {} div.groupSecondary {} div.groupLinks {padding:0;margin:0;} div.catItemIsFeatured {} /* Attach a class for each featured item */ span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.catItemEditLink a:hover {background:#ffffcc;} div.catItemHeader {} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {min-height:50px;text-align:center;font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.catItemHeader h3.catItemTitle span {} div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */ div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;} div.catItemHeader span.catItemAuthor a {} div.catItemHeader span.catItemAuthor a:hover {} div.catItemRatingBlock {padding:8px 0;} div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.catItemBody {padding:8px 0;margin:0;} div.catItemImageBlock {padding:8px;margin:0 0 16px 0;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;} span.catItemImage img {border:1px solid #ccc;padding:8px;} div.catItemIntroText {display:none;font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.catItemIntroText img {} div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;} div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;} div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.catItemExtraFields ul li span.catItemExtraFieldsValue {} div.catItemLinks {margin:0 0 16px 0;padding:0;} div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;} span.catItemHits {} div.catItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemCategory a {} div.catItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.catItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;} div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.catItemTagsBlock ul.catItemTags li a {} div.catItemTagsBlock ul.catItemTags li a:hover {} div.catItemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Video */ div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.catItemVideoBlock span.catItemVideo {display:block;} /* Image Gallery */ div.catItemImageGallery {margin:0 0 16px 0;padding:0;} /* Anchor link to comments */ div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.catItemCommentsLink a {} div.catItemCommentsLink a:hover {} /* Read more link */ div.catItemReadMore {display:inline;} div.catItemReadMore a {} div.catItemReadMore a:hover {} /* Modified date */ span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.userView {} div.userBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;} span.userItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.userItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;} span.userItemAddLink a:hover {background:#ffffcc;} div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.userBlock h2 {} div.userBlock div.userDescription {padding:4px 0;} div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.userURL {font-weight:bold;color:#555;display:block;} span.userEmail {font-weight:bold;color:#555;display:block;} div.userItemList {} /* User items */ div.userItemView {} /* this is the item container for this view */ div.userItemIsFeatured {} /* Attach a class for each featured item */ div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;} span.userItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.userItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.userItemEditLink a:hover {background:#ffffcc;} div.userItemHeader {} div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} div.userItemHeader h3.userItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */ div.userItemBody {padding:8px 0;margin:0;} div.userItemImageBlock {padding:0;margin:0;float:left;} span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.userItemImage img {border:1px solid #ccc;padding:8px;} div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.userItemIntroText img {} div.userItemLinks {margin:0 0 16px 0;padding:0;} div.userItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemCategory a {} div.userItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.userItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;} div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.userItemTagsBlock ul.userItemTags li a {} div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.userItemCommentsLink a {} div.userItemCommentsLink a:hover {} /* Read more link */ div.userItemReadMore {display:inline;} div.userItemReadMore a {} div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.tagView {} div.tagItemList {} div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;display: inline-block; width: 49%; vertical-align: top; height: 350px;} @media screen and (max-width:980px) { div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;display:block; width:100%;} }/* this is the item container for this view */ div.tagItemHeader {} div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;} div.tagItemHeader h2.tagItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.tagItemBody {padding:8px 0;margin:0;} div.tagItemImageBlock {padding:0;margin:0;float:left;} span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.tagItemImage img {border:1px solid #ccc;padding:8px;} div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.tagItemIntroText img {border: 1px solid #ccc; padding: 8px;height:220px;} div.tagItemExtraFields {} div.tagItemExtraFields h4 {} div.tagItemExtraFields ul {} div.tagItemExtraFields ul li {} div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.tagItemCategory a {} /* Read more link */ div.tagItemReadMore {display:inline;} div.tagItemReadMore a {} div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ div.genericView {} div.genericItemList {} div.genericItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */ div.genericItemHeader {} div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;} div.genericItemHeader h2.genericItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.genericItemBody {padding:8px 0;margin:0;} div.genericItemImageBlock {padding:0;margin:0;float:left;} span.genericItemImage {display:block;text-align:center;margin:0 8px 8px 0;height:235px} span.genericItemImage img {border:1px solid #ccc;padding:8px; height:100% !important; width:auto !important;} div.genericItemIntroText {display:none;font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.genericItemIntroText img {} div.genericItemExtraFields {} div.genericItemExtraFields h4 {} div.genericItemExtraFields ul {} div.genericItemExtraFields ul li {} div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {} div.genericItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.genericItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.genericItemCategory a {} /* Read more link */ div.genericItemReadMore {display:inline;} div.genericItemReadMore a {} div.genericItemReadMore a:hover {} /* No results found message */ div#genericItemListNothingFound {padding:40px;text-align:center;} div#genericItemListNothingFound p {font-size:20px;color:#999;} /* --- Google Search (use Firebug or similar tools to inspect the generated HTML, then style accordingly --- */ #k2GoogleSearchContainer .gsc-control {width:auto !important;} #k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area, #k2GoogleSearchContainer .gsc-control .gsc-resultsHeader, #k2GoogleSearchContainer .gsc-control .gsc-url-bottom {display:none !important;} /* Hide unneeded elements of the results page */ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.latestItemsContainer {float:left;} /* Category info block */ div.latestItemsCategory {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;} div.latestItemsCategoryImage {text-align:center;} div.latestItemsCategoryImage img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsCategory h2 {} div.latestItemsCategory p {} /* User info block */ div.latestItemsUser {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;clear:both;} div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsUser h2 {} div.latestItemsUser p.latestItemsUserDescription {padding:4px 0;} div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.latestItemsUserURL {font-weight:bold;color:#555;display:block;} span.latestItemsUserEmail {font-weight:bold;color:#555;display:block;} /* Latest items list */ div.latestItemList {padding:0 8px 8px 0;} div.latestItemView {} /* this is the item container for this view */ div.latestItemHeader {} div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} span.latestItemDateCreated {color:#999;font-size:11px;} div.latestItemBody {padding:8px 0;margin:0;} div.latestItemImageBlock {padding:0;margin:0;float:left;} span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.latestItemImage img {border:1px solid #ccc;padding:8px;} div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.latestItemIntroText img {} div.latestItemLinks {margin:0 0 16px 0;padding:0;} div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemCategory a {} div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;} div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.latestItemTagsBlock ul.latestItemTags li a {} div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.latestItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.latestItemVideoBlock span.latestItemVideo {display:block;} /* Anchor link to comments */ div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.latestItemCommentsLink a {} div.latestItemCommentsLink a:hover {} /* Read more link */ div.latestItemReadMore {display:inline;} div.latestItemReadMore a {} div.latestItemReadMore a:hover {} /* Items presented in a list */ h2.latestItemTitleList {font-size:14px;padding:2px 0;margin:8px 0 2px 0;font-family:Arial, Helvetica, sans-serif;border-bottom:1px dotted #ccc;line-height:normal;} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ .k2AccountPage {} .k2AccountPage table {} .k2AccountPage table tr th {} .k2AccountPage table tr td {} .k2AccountPage table tr td label {white-space:nowrap;} img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;} .k2AccountPage div.k2AccountPageNotice {padding:8px;} .k2AccountPage div.k2AccountPageUpdate {border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right;} .k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/} .k2AccountPage td#userAdminParams {padding:0;margin:0;} .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;} /* Profile edit */ .k2AccountPage table.admintable {} .k2AccountPage table.admintable tr td {} .k2AccountPage table.admintable tr td span {} .k2AccountPage table.admintable tr td span label {} /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /* Latest Comments */ div.k2LatestCommentsBlock {} div.k2LatestCommentsBlock ul {} div.k2LatestCommentsBlock ul li {} div.k2LatestCommentsBlock ul li.lastItem {} div.k2LatestCommentsBlock ul li a.lcAvatar img {} div.k2LatestCommentsBlock ul li a {} div.k2LatestCommentsBlock ul li a:hover {} div.k2LatestCommentsBlock ul li span.lcComment {} div.k2LatestCommentsBlock ul li span.lcUsername {} div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;} div.k2LatestCommentsBlock ul li span.lcItemTitle {} div.k2LatestCommentsBlock ul li span.lcItemCategory {} /* Top Commenters */ div.k2TopCommentersBlock {} div.k2TopCommentersBlock ul {} div.k2TopCommentersBlock ul li {} div.k2TopCommentersBlock ul li.lastItem {} div.k2TopCommentersBlock ul li a.tcAvatar img {} div.k2TopCommentersBlock ul li a.tcLink {} div.k2TopCommentersBlock ul li a.tcLink:hover {} div.k2TopCommentersBlock ul li span.tcUsername {} div.k2TopCommentersBlock ul li span.tcCommentsCounter {} div.k2TopCommentersBlock ul li a.tcLatestComment {} div.k2TopCommentersBlock ul li a.tcLatestComment:hover {} div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;} /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.k2ItemsBlock {} div.k2ItemsBlock p.modulePretext {} div.k2ItemsBlock ul {} div.k2ItemsBlock ul li {} div.k2ItemsBlock ul li a {} div.k2ItemsBlock ul li a:hover {} div.k2ItemsBlock ul li.lastItem {} div.k2ItemsBlock ul li a.moduleItemTitle {} div.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.k2ItemsBlock ul li div.moduleItemAuthor {} div.k2ItemsBlock ul li div.moduleItemAuthor a {} div.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;padding:4px 0;line-height:120%;} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;border:2px solid #ddd;} div.k2ItemsBlock ul li div.moduleItemExtraFields {} div.moduleItemExtraFields ul {} div.moduleItemExtraFields ul li {} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} div.k2ItemsBlock ul li div.moduleItemVideo {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.k2ItemsBlock ul li span.moduleItemDateCreated {} div.k2ItemsBlock ul li a.moduleItemCategory {} div.k2ItemsBlock ul li div.moduleItemTags {} div.k2ItemsBlock ul li div.moduleItemTags b {} div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;} div.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.k2ItemsBlock ul li div.moduleAttachments {} div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemComments:hover {} div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemReadMore {} div.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.k2ItemsBlock a.moduleCustomLink {} div.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ div.k2LoginBlock {} div.k2LoginBlock p.preText {} div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;} div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;} div.k2LoginBlock fieldset.input p label {display:block;} div.k2LoginBlock fieldset.input p input {display:block;} div.k2LoginBlock fieldset.input p#form-login-remember label, div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;} div.k2LoginBlock fieldset.input input.button {} div.k2LoginBlock ul {} div.k2LoginBlock ul li {} div.k2LoginBlock p.postText {} div.k2UserBlock {} div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;} div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {} div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;} div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {} div.k2UserBlock ul.k2UserBlockActions {} div.k2UserBlock ul.k2UserBlockActions li {} div.k2UserBlock ul.k2UserBlockActions li a {} div.k2UserBlock ul.k2UserBlockActions li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu {} div.k2UserBlock ul.k2UserBlockRenderedMenu li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {} div.k2UserBlock form {} div.k2UserBlock form input.ubLogout {} /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /* --- Archives --- */ div.k2ArchivesBlock {} div.k2ArchivesBlock ul {} div.k2ArchivesBlock ul li {} div.k2ArchivesBlock ul li a {} div.k2ArchivesBlock ul li a:hover {} /* --- Authors --- */ div.k2AuthorsListBlock {} div.k2AuthorsListBlock ul {} div.k2AuthorsListBlock ul li {} div.k2AuthorsListBlock ul li a.abAuthorAvatar img {} div.k2AuthorsListBlock ul li a.abAuthorName {} div.k2AuthorsListBlock ul li a.abAuthorName:hover {} div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;} div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {} div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {} /* --- Breadcrumbs --- */ div.k2BreadcrumbsBlock {} div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} div.k2BreadcrumbsBlock a {} div.k2BreadcrumbsBlock a:hover {} div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;} /* --- Calendar --- */ div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */ div.k2CalendarLoader {background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;} table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;} table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;} table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;} table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;} table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;} table.calendar tr td.calendarDateEmpty {background:#fbfbfb;} table.calendar tr td.calendarDate {} table.calendar tr td.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#135cae;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;} table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;} /* --- Category Tree Select Box --- */ div.k2CategorySelectBlock {} div.k2CategorySelectBlock form select {width:auto;} div.k2CategorySelectBlock form select option {} /* --- Category List/Menu --- */ div.k2CategoriesListBlock {} div.k2CategoriesListBlock ul {} div.k2CategoriesListBlock ul li {} div.k2CategoriesListBlock ul li a {} div.k2CategoriesListBlock ul li a:hover {} div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;} div.k2CategoriesListBlock ul li a span.catCounter {} div.k2CategoriesListBlock ul li a:hover span.catTitle {} div.k2CategoriesListBlock ul li a:hover span.catCounter {} div.k2CategoriesListBlock ul li.activeCategory {} div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;} /* Root level (0) */ ul.level0 {} ul.level0 li {} ul.level0 li a {} ul.level0 li a:hover {} ul.level0 li a span {} ul.level0 li a:hover span {} /* First level (1) */ ul.level1 {} ul.level1 li {} ul.level1 li a {} ul.level1 li a:hover {} ul.level1 li a span {} ul.level1 li a:hover span {} /* n level (n) - like the above... */ /* --- Search Box --- */ div.k2SearchBlock {position:relative;} div.k2SearchBlock form {margin-bottom:0px;} div.k2SearchBlock form input.inputbox {margin-bottom:0px; float:right;} div.k2SearchBlock form input.button {} div.k2SearchBlock form input.k2SearchLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px;} /* Live search results (fetched via ajax) */ div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #eee;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;} /* --- Tag Cloud --- */ div.k2TagCloudBlock {padding:8px 0;} div.k2TagCloudBlock a {padding:4px;float:left;display:block;} div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;} /* --- Custom Code --- */ div.k2CustomCodeBlock {} /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.k2UsersBlock {} div.k2UsersBlock ul {} div.k2UsersBlock ul li {} div.k2UsersBlock ul li.lastItem {} div.k2UsersBlock ul li a.ubUserAvatar img {} div.k2UsersBlock ul li a.ubUserName {} div.k2UsersBlock ul li a.ubUserName:hover {} div.k2UsersBlock ul li div.ubUserDescription {} div.k2UsersBlock ul li div.ubUserAdditionalInfo {} a.ubUserFeedIcon, a.ubUserFeedIcon:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/fugue/feed.png) no-repeat 50% 50%;} a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span {display:none;} a.ubUserURL, a.ubUserURL:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/fugue/globe.png) no-repeat 50% 50%;} a.ubUserURL span, a.ubUserURL:hover span {display:none;} span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/fugue/mail.png) no-repeat 50% 50%;overflow:hidden;} span.ubUserEmail a {display:inline-block;margin:0;padding:0;width:16px;height:16px;text-indent:-9999px;} div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;} div.k2UsersBlock ul li ul.ubUserItems {} div.k2UsersBlock ul li ul.ubUserItems li {} /* --- END --- */ .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a:not(.btn) { color: #ed1c24; } a:not(.btn):hover { color: #970c11; } #sp-toolbar-wrapper { background: #fff; border-bottom: 1px solid #ebebeb; border-top: 2px solid #ed1c24; } #sp-toolbar-r { padding: 5px; } #sp-toolbar-r a { color: #858585; } #sp-toolbar-r a:hover { color: #ed1c24; } #sp-toolbar-r .uk-icon-button { font-size: 14px; background: #fff; color: #858585; border-radius: 0; border-left: none; } #sp-toolbar-r .uk-icon-button:hover { color: #ed1c24; background-color: #fff; } #sp-toolbar-r .uk-icon-button::after { background-color: #e1e1e1; content: ""; display: block; height: 15px; position: relative; width: 1px; top: -21px; right: 3px; } #sp-toolbar-r .uk-icon-button:first-child::after { display: none; } #sp-toolbar-l { padding: 10px; } #sp-toolbar-l a { color: #858585; } #sp-toolbar-l a:hover { color: #ed1c24; } body { color: #666666; } body.bg { background: #fff; } #sp-header-wrapper { -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05); background: #ffffff; border-bottom: 1px solid #ededed; } #sp-header-wrapper .logo { padding-top: 10px; background-image: url(../../images/presets/preset1/logo.png); } .f-sp-header-wrapper .logo-wrapper .logo { background-size: 80%; background-position: 0 50%; background-repeat: no-repeat; } .f-sp-header-wrapper .logo-wrapper { max-width: 80% !important; } .f-sp-header-wrapper { border-top: 2px solid #ed1c24; } #sp-feature-wrapper { background: #f2f2f2; } #sp-feature-wrapper a:not(.btn) { color: #ed1c24; } #sp-feature-wrapper a:not(.btn):hover { color: #970c11; } #sp-breadcrumb-wrapper { color: #fff; padding: 25px 0; background: #ed1c24; background-image: url("../../images/breadcrumbs.png"); } #sp-breadcrumb-wrapper li { text-shadow: none; } #sp-breadcrumb-wrapper li:last-child { float: right; font-size: 24px; font-weight: bold; font-family: 'Raleway', sans-serif; } #sp-breadcrumb-wrapper a:not(.btn) { color: #f8aaad; } #sp-breadcrumb-wrapper a:not(.btn):hover { color: #fff; } .breadcrumb > li > .divider { color: #fff; } .search { margin-top: 10px; } .search form { margin: 0; } .search .btn-primary { padding: 5px 20px; -webkit-box-shadow: 0 0px #970c11; -moz-box-shadow: 0 0px #970c11; box-shadow: 0 0px #970c11; } .search .btn-primary:hover, .search .btn-primary:focus { -webkit-box-shadow: 0 0px #970c11; -moz-box-shadow: 0 0px #970c11; box-shadow: 0 0px #970c11; } .search .form-inline input { width: 210px; } .search .form-inline input { height: 34px; } #sp-position-wrapper { border-top: 1px solid #ededed; background: #fff; position: fixed; bottom: 30%; right: 0; z-index: 100; width: 250px; padding:0 20px; border:1px solid #999999; } @media screen and (max-width:1700px) { #sp-position-wrapper { border: none; background: #fff; position: static; width: auto; padding:0 20px; display:none; } } #sp-subinner-wrapper { padding: 40px 0; color: #fff; background: #ed1c24; border-bottom: 1px solid #d01018; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } #sp-subinner-wrapper h3 { padding-top: 15px; } #sp-subinner-wrapper:hover { background: #af0e14; border-bottom: 1px solid #af0e14; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } #sp-subinner-wrapper a:not(.btn) { color: #fff; } #sp-subinner-wrapper a:not(.btn):hover { color: #500609; } #sp-inbottom-wrapper { padding: 40px 0 !important; border-top: 1px solid #ebebeb; background: #f2f2f2; } #sp-inbottom-wrapper a:not(.btn) { color: #ed1c24; } #sp-inbottom-wrapper a:not(.btn):hover { color: #970c11; } #sp-bottom-wrapper { padding: 40px 0; background: #fff; border-top: 1px solid #e6e6e6; } #sp-bottom-2-wrapper { padding: 40px 0; background: #32343b; color: #fff; } #sp-bottom-2-wrapper h3 { color: #fff; } #sp-bottom-2-wrapper a:not(.btn) { color: #fff; } #sp-bottom-2-wrapper a:not(.btn):hover { color: #b0b2bc; } #sp-footer-wrapper { padding: 35px 0; color: #fff; } #sp-footer-wrapper h3 { color: #fff; } #sp-footer-wrapper a:not(.btn) { color: #b0b2bc; } #sp-footer-wrapper a:not(.btn):hover { color: #fff; } #sp-footer-wrapper { background: #26282d; } #sp-footer-wrapper::after { background: #555865; } .sp-border::after { background: #555865; } .sprocket-mosaic-item:hover { border: 1px solid #ed1c24 !important; } .sprocket-mosaic-item:hover { background: #ed1c24 !important; color: #fff !important; } .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent:hover { background: rgba(237,28,36,0.6) !important; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; } .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent:hover::after { font-family: "FontAwesome"; font-size: 25px; position: relative; top: 50%; content: "\f08b"; vertical-align: middle; color: #fff; } .sprocket-mosaic-filter li.active, .sprocket-mosaic-filter li:hover, .sprocket-mosaic-order li.active, .sprocket-mosaic-order li:hover { color: #fff; background: #ed1c24; border: 1px solid #ed1c24; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li { background: #ed1c24 !important; color: #fff; } .sprocket-lists .sprocket-lists-title .indicator { color: #ed1c24; background: none; } .active .indicator:before { color: #fff !important; } .active .sprocket-lists-title { color: #fff !important; background: #ed1c24 !important; border: 1px solid #ed1c24 !important; } .sprocket-mosaic-loadmore:hover { color: #fff; border: 1px solid #ed1c24; background: #ed1c24; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .sprocket-tabs-nav li .sprocket-tabs-inner { background: #fff; } .sprocket-tabs-nav li .sprocket-tabs-inner.active, .sprocket-tabs-nav li .sprocket-tabs-inner:hover { color: #fff; background: #ed1c24; border: 1px solid #ed1c24; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .sprocket-tabs-nav > li.active > .sprocket-tabs-inner { color: #fff !important; background: #ed1c24 !important; } .uk-progress-bar { background: #ed1c24 !important; } .uk-overlay-area { background: rgba(237,28,36,0.6) !important; } #sp-main-menu { float: right; } #sp-main-menu ul { list-style: none; margin: 0; padding: 0; text-transform: none; } #sp-main-menu ul.level-0 > li { display: inline-block; padding: 0; padding-top: 10px; position: relative; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } #sp-main-menu ul.level-0 > li::after { background-color: #e1e1e1; content: ""; display: block; height: 15px; position: relative; width: 1px; top: -30px; } #sp-main-menu ul.level-0 > li:first-child::after { background-color: #fff; content: ""; display: block; height: 15px; position: relative; width: 1px; top: -30px; } #sp-main-menu ul.level-0 > li a { display: block; margin: 0; padding: 12px; color: #000; } #sp-main-menu ul.level-0 > li a .menu-desc { font-size: 11px; color: #858585; display: block; } #sp-main-menu ul.level-0 > li:hover >a, #sp-main-menu ul.level-0 > li.active >a { color: #ed1c24; } #sp-main-menu li { z-index: 999; } #sp-main-menu li li:not(.sp-menu-group) { display: block; border-top: 1px solid #f2f2f2; position: relative; background: #ffffff; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } #sp-main-menu li li:not(.sp-menu-group):first-child { border-top: none; } #sp-main-menu li li:not(.sp-menu-group) a { display: block; font-size: 13px; font-weight: 400; line-height: normal; text-decoration: none; padding: 10px; color: #858585 !important; } #sp-main-menu li li:not(.sp-menu-group) a:hover, #sp-main-menu li li:not(.sp-menu-group) a.active { color: #fff !important; background: #ed1c24; } #sp-main-menu div.sp-menu-group { background: #ffffff; } #sp-main-menu div.sp-menu-group .sp-menu-group-title { border-bottom: 1px solid #f2f2f2; } #sp-main-menu div.sp-menu-group .sp-menu-group-title .menu-title { color: #858585; } #sp-main-menu div.sp-menu-group .sp-menu-group-content .module { margin: 0; padding: 10px; color: #999; } .sp-submenu-inner { background: #ffffff; border-top: 2px solid #ed1c24; } .flat-price .plan { border-radius: 5px; list-style: none; padding: 0 0 5px; margin: 0 0 5px; background: #ffffff; text-align: center; border: 1px solid #bfbfbf; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; } .flat-price .plan li { padding: 10px 15px; color: #6f6f6f; border-top: 1px solid #bfbfbf; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .flat-price .plan li.plan-price { border-top: 0; font-size: 30px; padding: 25px 0; background: #eee; } .flat-price .plan li.plan-name { border-radius: 5px 5px 0 0; padding: 15px; font-size: 24px; line-height: 24px; color: #fff; background: #ed1c24; border-top: 0; } .flat-price .plan li >strong { color: #6f6f6f; } .flat-price .plan li.plan-action { margin-top: 5px; border-top: 0; } .flat-price .plan.featured { border: 1px solid #af0e14; background: #ed1c24; } .flat-price .plan.featured li { color: #fff; border-top: 1px solid #f36368; } .flat-price .plan.featured li.plan-name { color: #fff; background: #ed1c24; } .flat-price .plan.featured li >strong { color: #fff; } .flat-price .plan.featured li.plan-price { border-top: 0; font-size: 30px; padding: 25px 0; background: #af0e14; } .flat-price .plan.featured:hover { background: #c61017; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; } .flat-price .plan.featured:hover li.plan-name { background: #ed1c24; } .flat-price .plan:hover { background: #e1e1e1; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; z-index: 99; } .flat-price .plan:hover li.plan-name { color: #fff; background: #ed1c24; } .team-member .member { border-radius: 5px; list-style: none; padding: 0 0 5px; margin: 0 0 5px; text-align: center; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; } .team-member .member li { padding: 5px; color: #6f6f6f; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .team-member .member li.member-name { border-radius: 5px; padding: 5px; color: #ed1c24; } .team-member .member li.member-name2 { border-radius: 5px; padding: 5px; color: #fff; background: #ed1c24; } .team-member .member li.member-image { padding: 5px 0; } .team-member .member li >strong { color: #6f6f6f; } .team-member .member:hover { -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); -ms-transform: translate(0px,-5px); -o-transform: translate(0px,-5px); transform: translate(0px,-5px); -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; z-index: 99; } .team-member .member:hover li.member-name { color: #fff; background: #ed1c24; } .team-member .member:hover li.member-name a:not(.btn) { color: #ffffff; } .team-member .member:hover li.member-name a:not(.btn):hover { color: #fff; } .team-member .member:hover li.member-name2 { color: #ed1c24; background: none; } .team-member .member:hover li.member-name2 a:not(.btn) { color: #ffffff; } .team-member .member:hover li.member-name2 a:not(.btn):hover { color: #ed1c24; } .box-yamato .box { list-style: none; text-align: center; margin: 0; background: #ed1c24; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-yamato .box li { -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .box-yamato .box li.box-icon { padding: 10px; color: #fff; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } .box-yamato .box li.box-header { padding: 10px; color: #fff; background: #c61017; } .box-yamato .box li.box-header h4 { font-size:22px; } .box-yamato .box li.box-text { padding: 10px; background: #fff; color: #8c8c8c; font-size:12px; } .box-yamato .box li >strong { color: #6f6f6f; } .box-yamato .box:hover { background: #af0e14; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; z-index: 99; } .box-yamato .box:hover li.box-icon { color: #fff; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .box-yamato .box:hover li.box-icon a:not(.btn) { color: #ffffff; } .box-yamato .box:hover li.box-icon a:not(.btn):hover { color: #fff; } .box-yamato .box:hover li.box-header { color: #fff; background: #7f0a0f; } .box-yamato .box:hover li.box-text { color: #fff; background: #ed1c24; } .box-yamato .box:hover li.box-text a {color:#fff !important;} .box-yamato .box:hover li.box-text a:hover {color:#fff !important;} .module { margin-top: 20px; } .module:first-child { margin-top: 0; } .module h3 { font-size: 24px; font-weight: 300; margin: 0; line-height: normal; } .module.border { padding: 25px; border: 1px solid #494c57; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .module.border p { margin: 15px 0; } .module.white { padding: 25px; background: #fff; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:20px; text-align:center; min-height:410px; } .module.white p { margin: 15px 0; } .module.dark { padding: 25px; color: #fff; background: #494c57; border: 1px solid #3d4049; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .module.dark p { margin: 15px 0; } .module.dark a:not(.btn) { color: #ffffff; } .module.dark a:not(.btn):hover { color: #fff; } .module.highlight { -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; padding: 0px; border: 1px solid #ed1c24; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fef1f1; } .module.highlight h3.header { color: #fff; background-color: #ed1c24; padding: 15px 0; border-radius: 5px 5px 0 0; margin-top: -1px; } .module.highlight .header { text-align: center; } .module.highlight p { margin: 25px; margin-top: 15px; } .module.color { color: #fff; background-color: #ed1c24; padding: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .module.color h3.header::after { margin: -1px auto; background-color: #ffffff; content: ""; display: block; height: 2px; position: relative; width: 25px; top: 10px; } .module.color a:not(.btn) { color: #fcd9da; } .module.color a:not(.btn):hover { color: #970c11; } .module.color p { margin: 25px 0; } .module.color .header { text-align: center; } .module.title1 h3.header { padding: 0 0 25px 0; } .module.title1 h3.header::after { background-color: #cccccc; content: ""; display: block; height: 2px; position: relative; width: 25px; top: 10px; } .module.title1 p { margin: 5px 0; } .module.title2 h3.header { padding: 0 0 25px 0; } .module.title2 h3.header::after { margin: 0px auto; background-color: #cccccc; content: ""; display: block; height: 2px; position: relative; width: 25px; top: 10px; } .module.title2 p { margin: 5px 0; } .module.title2 .header { text-align: center; } .module.title3 h3.header { padding: 0 0 25px 0; min-height:60px; font-weight:bold; } .module.title3 h3.header::after { margin: 0 auto; background-color: #ed1c24; content: ""; display: block; height: 2px; position: relative; width: 25px; top: 10px; } .module.title3 p { margin: 5px 0; font-size:14px; } .module.title3 .header { text-align: center; } .tp-caption a.btn-default { color: #ed1c24 !important; } .tp-caption a.btn-success, .tp-caption a.btn-warning, .tp-caption a.btn-info, .tp-caption a.btn-inverse, .tp-caption a.btn-danger { color: #fff !important; } .tp-caption.yamato_small_light { color: #666666 !important; } .tp-caption.yamato_bigger_light_color, .tp-caption.yamato_bigger_color { color: #fff !important; } .tp-caption.yamato_handwritten, .tp-caption.yamato_big_color { color: #ed1c24 !important; } .tp-caption.yamato_big_light_color { color: #ed1c24 !important; } .tp-caption.yamato_medium_light_border { background: #ed1c24 !important; } .ns2-date-blog { background: #ed1c24 !important; } .ns2-date-blog:hover { background: #c61017 !important; } a.ns2-readmore span { background: #ed1c24 !important; } a.ns2-readmore span:hover { background: #c61017 !important; } .tags .label { text-decoration: none; text-shadow: none; padding: 5px; background: none; border-radius: 5px; border: 1px solid #f47b7f; } .pagination ul > li > a, .pagination ul > li > span { border: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #858585 !important; text-shadow: none; opacity: 1 !important; padding: 0px 15px; margin-right: 0px; } .pagination ul > li > a:active, .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > li > span:active, .pagination ul > li > span:hover, .pagination ul > li > span:focus { color: #ed1c24 !important; background: #fff; } .pagination ul > li > a::after, .pagination ul > li > span::after { background-color: #e1e1e1; content: ""; display: block; height: 15px; position: relative; width: 1px; top: -17px; right: 15px; } .uk-icon-button { font-size: 14px; color: #858585; border-radius: 0; border-left: none; } .uk-icon-button:hover { color: #ed1c24; } .uk-icon-button::after { background-color: #e1e1e1; content: ""; display: block; height: 15px; position: relative; width: 1px; top: -21px; right: 3px; } .uk-icon-button:first-child::after { display: none; } .uk-button-primary { background: #ed1c24; margin-top:10px; } .uk-button-primary:hover { background: #de1219; border: 1px solid #ed1c24; } #sp-parallax2 .uk-icon-button { font-size: 14px; color: #fff; border-radius: 0; border-left: none; } #sp-parallax2 .uk-icon-button:hover { color: #68080c; background: none; } #sp-parallax2 .uk-icon-button::after { background-color: #fff; content: ""; display: block; height: 15px; position: relative; width: 1px; top: -21px; right: 3px; } #sp-parallax2 .uk-icon-button:first-child::after { display: none; } .gbs3 .btn-primary { border-color: #fff !important; } .uk-overlay-caption { background: rgba(237,28,36,0.8) !important; } .uk-badge-percent { color: #ed1c24; } @media (max-width: 767px) { .uk-modal-dialog { top: 10px; left: 10px; right: 10px; width: 100% !important; margin: 10px; } } .day { font-size: 20px; font-family: 'Shadows Into Light', cursive; color: #ed1c24; padding: 0px; padding-bottom: 5px; } .year { font-family: 'Shadows Into Light', cursive; letter-spacing: 9px; color: #999999; padding: 0px; margin-top: -4px; } .icon-stack { background: #ed1c24; border: 2px solid #ed1c24; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .icon-stack:hover { background: none; border: 2px solid #ed1c24; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .icon-stack:hover .icon-light { color: #ed1c24; } div.default .sp-portfolio-item-inner { margin: 0px !important; } #sp-inner-wrapper .sp-portfolio-filter { display: none; } .sp-portfolio-item-details { text-align: center; background: #fff; color: #fff; } .sp-portfolio-item-details a:not(.btn) { color: #666666; } .sp-portfolio-item-details a:not(.btn):hover { color: #ed1c24; } .sp-portfolio-item-details:first-child { border-left: none; } .sp-portfolio-preview, .sp-portfolio-link { border-radius: 5px !important; } .sp-portfolio-items { padding-bottom: 20px !important; } div.default .sp-portfolio-thumb .sp-portfolio-overlay, div.appico .sp-portfolio-thumb:hover::after { background: rgba(237,28,36,0.8) !important; } div.default .sp-portfolio-thumb .sp-portfolio-overlay > div > a { background: #fff !important; } div.appico .sp-portfolio-thumb .sp-portfolio-preview { background-image: url(../../images/zoom.png) !important; } div.appico .sp-portfolio-thumb .sp-portfolio-link { background-image: url(../../images/link.png) !important; } #lbCloseLink { background: transparent url(../../images/close.png) no-repeat center !important; } div.appico .sp-portfolio-item-details { background: #fff !important; padding: 10px !important; } div.appico .sp-portfolio-item-details h4 { color: #ed1c24; } div.appico .sp-portfolio-item-details h5 { color: #999; } div.default .btn, div.appico .btn { background: #fff; border: 1px solid #e1e1e1 !important; color: #999 !important; text-shadow: none !important; border-radius: 5px !important; -webkit-box-shadow: 0 4px #e1e1e1 !important; -moz-box-shadow: 0 4px #e1e1e1 !important; box-shadow: 0 4px #e1e1e1 !important; } div.default .btn:hover, div.appico .btn:hover { background: #fcfcfc; border: 1px solid #e1e1e1; color: #999; -webkit-box-shadow: 0 2px #e1e1e1 !important; -moz-box-shadow: 0 2px #e1e1e1 !important; box-shadow: 0 2px #e1e1e1 !important; } div.default .btn:focus, div.appico .btn:focus { background: #fcfcfc; border: 1px solid #e1e1e1; color: #999; -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #e1e1e1 !important; -moz-box-shadow: 0 0 #e1e1e1 !important; box-shadow: 0 0 #e1e1e1 !important; } @media (max-width: 767px) { div.default .col-1, div.default .col-2, div.default .col-3, div.default .col-4, div.default .col-5, div.default .col-6, div.default .col-7, div.default .col-8, div.default .col-9, div.default .col-10, div.appico .col-1, div.appico .col-2, div.appico .col-3, div.appico .col-4, div.appico .col-5, div.appico .col-6, div.appico .col-7, div.appico .col-8, div.appico .col-9, div.appico .col-10 { width: 100% !important; } } @media (min-width: 480px) and (max-width: 959px) { div.default .col-1, div.default .col-2, div.default .col-3, div.default .col-4, div.default .col-5, div.default .col-6, div.default .col-7, div.default .col-8, div.default .col-9, div.default .col-10, div.appico .col-1, div.appico .col-2, div.appico .col-3, div.appico .col-4, div.appico .col-5, div.appico .col-6, div.appico .col-7, div.appico .col-8, div.appico .col-9, div.appico .col-10 { width: 100% !important; } } @media (max-width: 479px) { div.default .col-1, div.default .col-2, div.default .col-3, div.default .col-4, div.default .col-5, div.default .col-6, div.default .col-7, div.default .col-8, div.default .col-9, div.default .col-10, div.appico .col-1, div.appico .col-2, div.appico .col-3, div.appico .col-4, div.appico .col-5, div.appico .col-6, div.appico .col-7, div.appico .col-8, div.appico .col-9, div.appico .col-10 { width: 100% !important; } } button[type="submit"], div.default .btn.active, div.appico .btn.active, div.appico .btn.btn-primary, input[type="submit"], input[type="button"], submit, .btn-primary { color: #fff !important; border: none !important; background: #ed1c24 !important; border-radius: 5px; -webkit-box-shadow: 0 4px #970c11 !important; -moz-box-shadow: 0 4px #970c11 !important; box-shadow: 0 4px #970c11 !important; } button[type="submit"]:hover, div.default .btn.active:hover, div.appico .btn.active:hover, div.appico .btn.btn-primary:hover, input[type="submit"]:hover, input[type="button"]:hover, submit:hover, .btn-primary:hover { background: #c61017 !important; -webkit-box-shadow: 0 2px #970c11 !important; -moz-box-shadow: 0 2px #970c11 !important; box-shadow: 0 2px #970c11 !important; } button[type="submit"]:focus, div.default .btn.active:focus, div.appico .btn.active:focus, div.appico .btn.btn-primary:focus, input[type="submit"]:focus, input[type="button"]:focus, submit:focus, .btn-primary:focus { -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #970c11 !important; -moz-box-shadow: 0 0 #970c11 !important; box-shadow: 0 0 #970c11 !important; } div.default .btn.btn-primary { color: #fff !important; } .bfsurvey_plusTitle { margin-bottom: 15px; } .bfsurvey_plusQuestion { background: #ed1c24; border-radius: 5px 5px 0 0; padding: 10px; } .progressbar_color_1 { background: #ed1c24; border: 1px solid #de1219; border-radius: 5px; padding: 5px; margin-right: 5px !important; } .bfsurveyplus table { border: 1px solid transparent !important; } .bfsurvey_plusQuestionFooter { height: 1px; line-height: 1px; background: #eee; color: #fff; margin: 10px auto 10px auto; } .bfsurvey_plusOptions { background: #eee; border-radius: 0 0 5px 5px; } .BFSurveyCustomerOptions textarea, .BFSurveyCustomerOptions input:not([type="radio"]):not([type="checkbox"]) { padding: 4px 6px !important; line-height: 30px !important; border-radius: 4px; border: 1px solid #bfbfbf !important; } .polls_color_1 { background-color: #ed1c24; border: 1px solid #de1219 !important; border-radius: 5px; padding: 5px; } .polls_color_2 { background-color: #69bd43; border: 1px solid #5eab3c !important; border-radius: 5px; padding: 5px; } .polls_color_3 { background-color: #faa732; border: 1px solid #f99c19 !important; border-radius: 5px; padding: 5px; } .polls_color_4 { background-color: #c0392b; border: 1px solid #ab3326 !important; border-radius: 5px; padding: 5px; } .polls_color_5 { background-color: #555; border: 1px solid #484848 !important; border-radius: 5px; padding: 5px; } .adminlist table { margin-bottom: 15px; } .spot li::before { color: #ed1c24; } .HasListener { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } #sp-middle-wrapper [class^="pe-7s-"], #sp-middle-wrapper [class*=" pe-7s-"] { color: #ed1c24; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn { display: inline-block; padding: 4px 14px; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; background-image: none; border: none; text-shadow: none; text-decoration: none; border-bottom-color: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn:hover { -webkit-transform: translate(0px,2px); -moz-transform: translate(0px,2px); -ms-transform: translate(0px,2px); -o-transform: translate(0px,2px); transform: translate(0px,2px); text-shadow: none; text-decoration: none; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-image: none; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 16px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { padding: 3px 9px; font-size: 12px; line-height: 18px; } .btn-small [class^="icon-"] { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 16px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255,255,255,0.75); } .btn-default { background: #fff; border: 1px solid #e1e1e1; color: #999; text-shadow: none; -webkit-box-shadow: 0 4px #e1e1e1; -moz-box-shadow: 0 4px #e1e1e1; box-shadow: 0 4px #e1e1e1; } .btn-default:hover { background: #fcfcfc; border: 1px solid #e1e1e1; color: #999; -webkit-box-shadow: 0 2px #e1e1e1; -moz-box-shadow: 0 2px #e1e1e1; box-shadow: 0 2px #e1e1e1; } .btn-default:focus { background: #fcfcfc; border: 1px solid #e1e1e1; color: #999; -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #e1e1e1; -moz-box-shadow: 0 0 #e1e1e1; box-shadow: 0 0 #e1e1e1; } .btn-primary { background: #ed1c24; -webkit-box-shadow: 0 4px #970c11; -moz-box-shadow: 0 4px #970c11; box-shadow: 0 4px #970c11; } .btn-primary:hover { background: #c61017; -webkit-box-shadow: 0 2px #970c11; -moz-box-shadow: 0 2px #970c11; box-shadow: 0 2px #970c11; } .btn-primary:focus { -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #970c11; -moz-box-shadow: 0 0 #970c11; box-shadow: 0 0 #970c11; } .btn-warning { background: #faa732; -webkit-box-shadow: 0 4px #c17305; -moz-box-shadow: 0 4px #c17305; box-shadow: 0 4px #c17305; } .btn-warning:hover { background: #f39106; -webkit-box-shadow: 0 2px #c17305; -moz-box-shadow: 0 2px #c17305; box-shadow: 0 2px #c17305; } .btn-warning:focus { -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #c17305; -moz-box-shadow: 0 0 #c17305; box-shadow: 0 0 #c17305; } .btn-danger { background: #c0392b; -webkit-box-shadow: 0 4px #6d2018; -moz-box-shadow: 0 4px #6d2018; box-shadow: 0 4px #6d2018; } .btn-danger:hover { background: #962d22; -webkit-box-shadow: 0 2px #6d2018; -moz-box-shadow: 0 2px #6d2018; box-shadow: 0 2px #6d2018; } .btn-danger:focus { -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #6d2018; -moz-box-shadow: 0 0 #6d2018; box-shadow: 0 0 #6d2018; } .btn-success { background: #69bd43; -webkit-box-shadow: 0 4px #3f7228; -moz-box-shadow: 0 4px #3f7228; box-shadow: 0 4px #3f7228; } .btn-success:hover { background: #549835; -webkit-box-shadow: 0 2px #3f7228; -moz-box-shadow: 0 2px #3f7228; box-shadow: 0 2px #3f7228; } .btn-success:focus { -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #3f7228; -moz-box-shadow: 0 0 #3f7228; box-shadow: 0 0 #3f7228; } .btn-info { background: #e34949; -webkit-box-shadow: 0 4px #ac1a1a; -moz-box-shadow: 0 4px #ac1a1a; box-shadow: 0 4px #ac1a1a; } .btn-info:hover { background: #d82121; -webkit-box-shadow: 0 2px #ac1a1a; -moz-box-shadow: 0 2px #ac1a1a; box-shadow: 0 2px #ac1a1a; } .btn-info:focus { -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #ac1a1a; -moz-box-shadow: 0 0 #ac1a1a; box-shadow: 0 0 #ac1a1a; } .btn-inverse { background: #555; -webkit-box-shadow: 0 4px #222222; -moz-box-shadow: 0 4px #222222; box-shadow: 0 4px #222222; } .btn-inverse:hover { background: #3c3c3c; -webkit-box-shadow: 0 2px #222222; -moz-box-shadow: 0 2px #222222; box-shadow: 0 2px #222222; } .btn-inverse:focus { -webkit-transform: translate(0px,4px); -moz-transform: translate(0px,4px); -ms-transform: translate(0px,4px); -o-transform: translate(0px,4px); transform: translate(0px,4px); -webkit-box-shadow: 0 0 #222222; -moz-box-shadow: 0 0 #222222; box-shadow: 0 0 #222222; } button.btn, input[type="submit"].btn { padding-top: 3px; padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { padding-top: 7px; padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { padding-top: 3px; padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { padding-top: 1px; padding-bottom: 1px; } .btn-link, .btn-link:active { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #049cdb; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #000000; text-decoration: underline; background-color: transparent; } a, a:hover { text-decoration: none; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .page-header { padding-bottom: 0px; border-bottom: none; margin: 5px 0; } .entry-header { position: relative; } .create-date { float: left; margin: 3px 10px 0 0; } .year { display: block; } .entry-meta.muted { position: relative; background: none; color: #bfbfbf; padding: 5px; margin: 10px 0 2px 0; font-size: 12px; } .entry-meta.muted >span, .entry-meta.muted >time { margin: 0 5px; font-size: 14px; } .entry-meta ul { margin: 0 5px; } .entry-meta ul.actions { float: right; } .entry-meta ul.actions li { display: inline-block; } .entry-meta ul.actions li.print-icon a::before { content: "\f02f"; } .entry-meta ul.actions li.email-icon a::before { content: "\f003"; } .entry-meta ul.actions li.edit-icon a::before { content: "\f044"; } .entry-meta ul.actions li a { font-family: FontAwesome; display: block; font-size: 14px; margin-left: 5px; } .entry-meta ul.actions li a img { display: none; } .entry-meta ul.actions li a span { display: none; } .entry-title { border-bottom: 1px solid #e6e6e6; padding-bottom: 14px; } #sp-component-area-wrapper p { margin-top: 15px; } .leading-0 { padding-bottom: 35px; border-bottom: 1px solid #e6e6e6; } .leading-1, .leading-2, .leading-3, .leading-4, .leading-5 { margin-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #e6e6e6; } .items-row { margin-bottom: 15px !important; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6; } .pagination { margin: 0px; } ul { box-shadow: none !important; padding-left: 0; } ul.pagenav { list-style: none; padding: 0; clear: both; margin-top: 10px; margin-left: 0; overflow: hidden; } ul.pagenav .pagenav-prev { float: left; } ul.pagenav .pagenav-next { float: right; } dl dt, dl dd { display: inline; } label.invalid { color: #c83025; } .pagination ul > li:first-child > a::after, .pagination ul > li:first-child > span::after { background-color: #e1e1e1; content: ""; display: none; height: 15px; position: relative; width: 1px; top: -21px; right: 3px; } .readmore { bottom: 30px !important; padding: 10px; background: none; border: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #999; text-shadow: none; } .readmore:hover, .readmore:focus { background: #fcfcfc; border: 1px solid #e1e1e1; color: #999; } .pull-right { margin-top: 17px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { width: 100%; } .center { text-align: center; } .center th, .center tr, .center td { text-align: center; } .row-fluid:first-child { margin-bottom: 0; } #sp-toolbar-r { color: #858585; text-align: right; } #sp-toolbar-l { color: #858585; font-size: 12px; } #sp-header-wrapper { padding: 25px 0; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } #sp-header-wrapper .logo-wrapper .logo { background-position: 0 50%; background-repeat: no-repeat; } #sp-header-wrapper .logo-wrapper .logo-text { font-size: 24px; } #sp-header-wrapper .logo-wrapper .logo-slogan { font-size: 11px; } .body-innerwrapper { overflow-x: hidden; } #sp-main-body-wrapper { padding: 40px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #sp-main-body-wrapper .contact h3 { margin-top: -6px !important; padding: 0 0 25px 0; } #sp-main-body-wrapper .contact h3::after { background-color: #cccccc; content: ""; display: block; height: 2px; position: relative; width: 25px; top: 5px; } .contact-form-block h3 { display: none; } #sp-feature-wrapper { padding: 0; text-align: center; } #sp-feature-wrapper #feature h1 { font-size: 72px; line-height: 100px; font-weight: 400; margin-bottom: 10px; } #sp-feature-wrapper #feature p { font-size: 24px; line-height: 120%; } #sp-action-wrapper { padding: 40px 0; background: #fff; border-bottom: 1px solid #ebebeb; } #sp-middle-wrapper { padding: 40px 0; background: #fff; border-bottom: 1px solid #ebebeb; } #sp-intop-wrapper { padding: 40px 0; background: #f2f2f2; border-bottom: 1px solid #ebebeb; } #sp-parallax-1-wrapper { padding: 0; background: #fff; } #sp-users-wrapper { padding: 20px 0 !important; border-bottom: 1px solid #ebebeb; background: #f2f2f2; } #sp-users-wrapper a:not(.btn) { color: #ed1c24; } #sp-users-wrapper a:not(.btn):hover { color: #970c11; } #sp-inner-wrapper { padding: 40px 0; background: #f2f2f2; border-bottom: 1px solid #ebebeb; } #sp-parallax-2-wrapper { padding: 0; background: #fff; } ul.breadcrumb { margin: 0; padding-left: 0; padding-right: 0; background: transparent; } .sp-border { position: relative; } .sp-border::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 1px; } #sp-position1, #sp-position2, #sp-position3 { padding: 0px 0; } #sp-footer-wrapper { padding: 30px 0; line-height: 30px; position: relative; } #sp-footer-wrapper::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 1px; } #sp-footer-wrapper ul li { display: inline-block; margin-left: 10px; font-size: 12px; } #sp-footer-wrapper ul li a { color: #fff; } #sp-footer-wrapper ul { display: inline-block; } #sp-footer-wrapper ul.nav { display: inline-block; list-style: none; padding: 0; margin: 0 5px; } #sp-footer-wrapper ul.nav li { display: inline-block; margin: 0 5px; } #sp-footer-wrapper ul.nav li a { display: block; } #sp-footer-wrapper ul.nav li a:hover { background: none; } #sp-footer-wrapper .sp-totop { display: inline-block; bottom: 35px; right: 15px; position: absolute; } #sp-footer-wrapper .sp-totop i { color: #fff; display: block; background: rgba(73,76,87,0.6); padding: 5px 10px; border-radius: 5px; } #sp-footer-wrapper .sp-totop i:hover { background: rgba(73,76,87,0.9); } #sp-footer-wrapper .sp-totop small { display: none; } #sp-footer-wrapper .helix-framework { display: inline-block; } #sp-footer-wrapper .helix-framework .helix-logo { display: block; width: 130px; height: 40px; text-indent: -9999px; background: url(../images/helix-logo-white.png) no-repeat 0 0; } #sp-footer-wrapper .copyright { display: block; } .ltr #sp-footer-wrapper .helix-framework { float: left; margin-right: 15px; } .ltr #sp-footer-wrapper #sp-footer2 { text-align: right; } .rtl #sp-footer-wrapper .helix-framework { float: right; margin-left: 15px; } .rtl #sp-footer-wrapper #sp-footer2 { text-align: left; } button, input[type='submit'], input[type='button'], submit { display: inline-block; padding: 4px 14px; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; background-image: none; border: none; text-shadow: none; text-decoration: none; border-bottom-color: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } button:hover, input[type='submit']:hover, input[type='button']:hover, submit:hover { -webkit-transform: translate(0px,2px); -moz-transform: translate(0px,2px); -ms-transform: translate(0px,2px); -o-transform: translate(0px,2px); transform: translate(0px,2px); text-shadow: none; text-decoration: none; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } button:focus, input[type='submit']:focus, input[type='button']:focus, submit:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } button.active, button:active, input[type='submit'].active, input[type='submit']:active, input[type='button'].active, input[type='button']:active, submit.active, submit:active { background-color: #e6e6e6; background-image: none; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button.disabled, button[disabled], input[type='submit'].disabled, input[type='submit'][disabled], input[type='button'].disabled, input[type='button'][disabled], submit.disabled, submit[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button.social, input[type='submit'].social, input[type='button'].social, submit.social { color: #787d8e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; padding: 4px 8px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } button.social:hover, input[type='submit'].social:hover, input[type='button'].social:hover, submit.social:hover { color: #fff; border: none; text-decoration: none; } .btn.social { color: #787d8e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; padding: 4px 8px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .btn.social:hover { color: #fff; border: none; text-decoration: none; } #sp-menu { font-weight: 400; } .rtl .sp-submenu { right: 0; } .rtl .sp-submenu.sub-level { margin-top: 30px; } .rtl .sp-submenu.sub-level.open { margin-top: 0; -webkit-transition: margin 200ms; -moz-transition: margin 200ms; -o-transition: margin 200ms; transition: margin 200ms; } .rtl .sp-submenu.sub-level-child { margin-right: 30px; } .rtl .sp-submenu.sub-level-child.open { margin-right: 0px; -webkit-transition: margin 200ms; -moz-transition: margin 200ms; -o-transition: margin 200ms; transition: margin 200ms; } .rtl .sp-submenu .megacol { float: left; } .ltr .sp-submenu { left: 0; } .ltr .sp-submenu.sub-level { margin-top: 30px; } .ltr .sp-submenu.sub-level.open { margin-top: 0; -webkit-transition: margin 200ms; -moz-transition: margin 200ms; -o-transition: margin 200ms; transition: margin 200ms; } .ltr .sp-submenu.sub-level-child { margin-left: 30px; } .ltr .sp-submenu.sub-level-child.open { margin-left: 0px; -webkit-transition: margin 200ms; -moz-transition: margin 200ms; -o-transition: margin 200ms; transition: margin 200ms; } .ltr .sp-submenu .megacol { float: left; } .sp-submenu { position: absolute; top: 0; z-index: 0; visibility: hidden; opacity: 0; } .sp-submenu .sp-submenu-wrap { background: #fff; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); } .sp-submenu.open { z-index: 1; visibility: visible; opacity: 1; } .sp-mobile-menu { position: relative; } .sp-mobile-menu select.select-menu { width: 32px; height: 27px; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer; } .f-sp-header-wrapper { padding: 5px 0 !important; position: fixed; top: 0; width: 100%; z-index: 9999; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .sp-main-menu-toggler { left: auto; right: 10px; z-index: 99999 !important; position: fixed; top: 25px !important; } .nav-collapse, .nav-collapse.collapse { z-index: 9999; } .sp-dropcap { overflow: hidden; } .sp-dropcap:first-letter { color: #666; display: block; float: left; font-size: 50px; line-height: 40px; padding: 4px 8px 0 0; } ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss { list-style: none; padding: 0; margin: 0; } ul.arrow li::before, ul.arrow li::after, ul.arrow-double li::before, ul.arrow-double li::after, ul.tick li::before, ul.tick li::after, ul.cross li::before, ul.cross li::after, ul.star li::before, ul.star li::after, ul.rss li::before, ul.rss li::after { font-family: FontAwesome; font-size: 11px; } ul.spot { list-style: none; padding: 0; margin: 0; } ul.spot li::before, ul.spot li::after { font-family: FontAwesome; font-size: 18px; } .ltr ul.arrow li::before, .ltr ul.arrow-double li::before, .ltr ul.tick li::before, .ltr ul.cross li::before, .ltr ul.star li::before, .ltr ul.rss li::before, .ltr ul.spot li::before { margin-right: 5px; } .ltr ul.arrow li::before { content: "\f105"; } .ltr ul.arrow-double li::before { content: "\f101"; } .ltr ul.tick li::before { content: "\f00c"; } .ltr ul.cross li::before { content: "\f00d"; } .ltr ul.star li::before { content: "\f006"; } .ltr ul.rss li::before { content: "\f09e"; } .ltr ul.spot li::before { content: "\f05d"; } .rtl ul.arrow li::after, .rtl ul.arrow-double li::after, .rtl ul.tick li::after, .rtl ul.cross li::after, .rtl ul.star li::after, .rtl ul.rss li::after { margin-left: 5px; } .rtl ul.arrow li::after { content: "\f104"; } .rtl ul.arrow-double li::after { content: "\f100"; } .rtl ul.tick li::after { content: "\f00c"; } .rtl ul.cross li::after { content: "\f00d"; } .rtl ul.star li::after { content: "\f006"; } .rtl ul.rss li::after { content: "\f09e"; } .rtl ul.spot li::before { content: "\f05d"; } img.pull-left, .pull-left > img { margin-right: 15px; } img.pull-right, .pull-right > img { margin-left: 15px; } .rtl img.pull-left, .rtl .pull-left > img { margin-left: 15px; } .rtl img.pull-right, .rtl .pull-right > img { margin-right: 15px; } .sp-blocknumber { position: relative; min-height: 45px; } .sp-blocknumber span { font-weight: bold; width: 48px; height: 48px; line-height: 48px; display: block; text-align: center; position: absolute; top: 0; } .sp-blocknumber span.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sp-blocknumber span.circle { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .ltr .sp-blocknumber { padding: 5px 0 5px 60px; } .ltr .sp-blocknumber span { left: 0; } .rtl .sp-blocknumber { padding: 5px 60px 5px 0; } .rtl .sp-blocknumber span { right: 0; } .sp-block.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sp-bubble { position: relative; margin-bottom: 40px; } .sp-bubble cite { display: block; height: 30px; line-height: 26px; position: absolute; bottom: -30px; } .sp-bubble cite span { content: ' '; position: absolute; top: 0; display: block; width: 0; height: 0; border-bottom-color: transparent !important; } .ltr .sp-bubble cite { left: 15px; padding-left: 40px; } .ltr .sp-bubble cite span { left: 0; border-left-color: transparent !important; } .rtl .sp-bubble cite { right: 15px; padding-right: 40px; } .rtl .sp-bubble cite span { right: 0; border-right-color: transparent !important; } .ltr [class^="icon-"].pull-left, .ltr [class*=" icon-"].pull-left { margin-right: .3em; } .ltr [class^="icon-"].pull-right, .ltr [class*=" icon-"].pull-right { margin-left: .3em; } .rtl [class^="icon-"].pull-left, .rtl [class*=" icon-"].pull-left { margin-left: .3em; } .rtl [class^="icon-"].pull-right, .rtl [class*=" icon-"].pull-right { margin-right: .3em; } h1, h2, h3 { margin: 0 !important; } @media (max-width: 979px) { .responsive #sp-header-wrapper [class*="span"] { width: auto; float: left; } .responsive #sp-header-wrapper [class*="span"]#sp-menu { float: right; } .responsive .sp-main-menu-toggler { top: 60px; } } @media (max-width: 767px) { .responsive.bg { padding-left: 0; padding-right: 0; } .responsive .container { padding: 0 10px; max-width: 480px; min-width: 280px; } .responsive #sp-feature-wrapper { padding: 0; } .responsive #sp-feature-wrapper #feature h1 { font-size: 200%; line-height: 200%; } .responsive #sp-feature-wrapper #feature p { font-size: 100%; } .responsive #sp-feature-wrapper #feature .btn { padding: 2px 6px; font-size: 11px; line-height: 16px; margin-bottom: 5px; } .responsive .sp-main-menu-toggler { top: 30px; } } .fixed .hidden-desktop { display: none; } .uk-icon-button { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 30px; height: 30px; border-radius: 0; background: none; line-height: 30px; font-size: 16px; text-align: center; border: none; text-shadow: none; margin-left: 2px; } .uk-tooltip { background: #1a1c20; } .sprocket-lists .sprocket-lists-title { color: #555 !important; } .ns2-tools { margin-top: -8px; } .ns2-page-inner { position: relative; margin-top: -10px; } .ns2-created:before { content: "\f040"; font-family: FontAwesome; font-size: 14px; } div.ns2-created { font-size: 14px !important; } h4.ns2-title { font-weight: normal !important; text-transform: uppercase; } .pad-spa { padding: 20px 0; } .para { position: absolute; width: 100%; height: 500px; left: 0; } .parallax { position: relative; width: 100%; height: 500px; overflow: hidden; left: 0; } .para-back { background-position: center !important; background-repeat: no-repeat; background-size: cover !important; } .para-layer1 { background-position: center !important; background-repeat: no-repeat !important; } a.uk-button { color: #353535 !important; } a.uk-button-primary, a.uk-button-success, a.uk-button-danger { color: #fff !important; } .uk-badge-percent { background: none; } /*Horaires*/ .width1-3 {width:20%;} .width1-4 {width:20%;} .width1-5 {width:20%;} .color{margin: 4px;border:3px solid #fff;} .color1 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#f7adbc;padding:35px 10px 35px 10px;position:relative;} .color2 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#aab6f2;padding:35px 10px 35px 10px;position:relative;} .color3 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#d39da4;padding:35px 10px 35px 10px;position:relative;} .color4 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#95a3ba;padding:35px 10px 35px 10px;position:relative;} .color5 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#bae8cd;padding:35px 10px 35px 10px;position:relative;} .color6 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#fcd2b1;padding:35px 10px 35px 10px;position:relative;} .color7 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#9fdee3;padding:35px 10px 35px 10px;position:relative;} .color8 {border:4px solid #fff;border-radius:18px;text-align:center;color:#222;background-color:#fff;padding:35px 10px 35px 10px;position:relative;} .heure {width: 100%;border-radius: 10px 10px 0px 0px;color:#ffffff;background-color:#233444;text-transform: uppercase;letter-spacing:0.5px;text-align:center;position:absolute;top:0;left:0;font-size:12px;} .salle {padding: 20px 0;color: #233444;text-align: center;font-weight: bold;} .horaire {width:100%;} .horaire a{color:#222 !important; text-decoration:none !important;} .horaire tr {height:210px;font-size:13px;} .horaire td strong {font-size:16px;} .horaire .color1:hover {background-color:#de8597;color:#000;} .horaire .color2:hover {background-color:#8291d9;color:#000;} .horaire .color3:hover {background-color:#ba7780;color:#000;} .horaire .color4:hover {background-color:#7083a1;color:#000;} .horaire .color5:hover {background-color:#91cfaa;color:#000;} .horaire .color6:hover {background-color:#e3b088;color:#000;} .horaire .color7:hover {background-color:#79c4c9;color:#000;} #sp-position1 .legendes {margin-top:30px;} #sp-position1 .legendes>div {width:260px;margin-bottom:10px;font-size:13px !important;font-weight:bold;} #sp-position1 .legendes>div p {display: inline-block; font-size: 13px; width: 75%; margin-top: 0px;} #sp-position1 .legendes>div>div {display:inline-block; vertical-align:top;} #sp-position1 .legendes>div>div {margin-right:18px;margin-top:2px;} #sp-inbottom1 .legendes {margin-top:30px;} #sp-inbottom1 .legendes>div {width:450px;margin-bottom:10px;display:inline-block;} #sp-inbottom1 .legendes>div>div {display:inline-block; vertical-align:top;} #sp-inbottom1 .legendes>div>div {margin-right:18px;margin-top:2px;} .color-legende1 {width:15px;height:15px;background-color:#f7adbc;} .color-legende2 {width:15px;height:15px;background-color:#aab6f2;} .color-legende3 {width:15px;height:15px;background-color:#d39da4;} .color-legende4 {width:15px;height:15px;background-color:#95a3ba;} .color-legende5 {width:15px;height:15px;background-color:#bae8cd;} .color-legende6 {width:15px;height:15px;background-color:#fcd2b1;} .color-legende7 {width:15px;height:15px;background-color:#9fdee3;} .en-competition {background-image:url('../../../images/icon-competition.png');background-repeat:no-repeat;background-position: 50% 100%;} .avantpremiere {background-image:url('../../../images/icon-avantpremiere.png');background-repeat:no-repeat;background-position: 50% 100%;background-size:100%;} .preview {background-image:url('../../../images/icon-preview.png');background-repeat:no-repeat;background-position: 50% 100%;background-size:100%;} /*.competition {color:#ffffff;background-color:#233444;padding:3px 10px;letter-spacing:0.5px;text-align:center;position:absolute;bottom:0;right:0;font-size:12px;}*/ /*.realisateurs img {width:100px;}*/ .realisateurs a {margin-top:15px;display:inline-block;text-align:center;font-weight:bold;font-size:16px;} .no-websqldatabase .color {border:none !important;} .no-websqldatabase .color1 {border:none !important;} .no-websqldatabase .color2 {border:none !important;} .no-websqldatabase .color3 {border:none !important;} .no-websqldatabase .color4 {border:none !important;} .no-websqldatabase .color5 {border:none !important;} .no-websqldatabase .color6 {border:none !important;} .no-websqldatabase .color7 {border:none !important;} .no-websqldatabase .color8 {border:none !important;} .cat-children {display:none;} @media screen and (max-width:767px) { .horaire, .horaire tr, .horaire td {display:block;} .horaire tr {height:auto;} .horaire td {height:160px;} .color1, .color2, .color3, .color4, .color5, .color6, .color7 {width:100%;} .color {display:none !important;} .mod-wrapper {margin-top:30px;} #sp-position-wrapper { border: none; background: #fff; position: static; width: auto; padding:0 20px; } .width1-3 {width:100%;} .width1-4 {width:100%;} .width1-5 {width:100%;} .color1 {padding:35px 100px 35px 100px;} .color2 {padding:35px 100px 35px 100px;} .color3 {padding:35px 100px 35px 100px;} .color4 {padding:35px 100px 35px 100px;} .color5 {padding:35px 100px 35px 100px;} .color6 {padding:35px 100px 35px 100px;} .color7 {padding:35px 100px 35px 100px;} .color8 {padding:35px 100px 35px 100px;} } .menu-item.parent:hover .sp-submenu { position: absolute; top: 55px; z-index: 184; visibility: visible; opacity: 1; } .finder .finder { display:none; } #mod-finder-searchform { max-width:200px; } #sp-breadcrumb { display:flex; align-items:center; justify-content: flex-end; } #sp-breadcrumb .custom { margin-right:20px; } .bouton-archive img { border: 1px solid #ed1c24; }