/*Mise en page touches clavier*/ kbd { background-color: #eee; border-radius: 4px; border: 1px solid #b4b4b4; box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset; color: #333; display: inline-block; font-size: 1.15em; font-weight: 700; line-height: 1; padding: 0.2em 0.2em; white-space: nowrap; margin:2px 1px; } hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); clear:both; } /* CUSTOM JDISCLAIMER*/ #jDisclaimerModal {left:0px!important;width: 50%;margin-left:auto;margin-right:auto;} @media (max-width: 768px) { #jDisclaimerModal {width: 90%; padding-right: 0px!important;} } /*.modal-backdrop.fade.show {opacity: .95!important;}*/ /* FIN CUSTOM JDISCLAIMER*/ /*CUSTOM "Plugin Simple Content Disclaimer by TWC" pour éviter conflit avec bootstrap*/ @media (min-width:768px) { .jconfirm .col-md-4 {flex:none!important;max-width:100%!important;width:75%;} } .jconfirm.black .jconfirm-bg{background-color:rgba(0,0,0,0.98)!important;} /*fin custom*/ /*MODIFICATIONS TEMPLATE ETJOURNEY*/ #sp-main-body { padding: 10px 0px; } .breadcrumb { font-size:12px; background-color:#fafafa; } div.groupSecondary { background-color:#F9F9F9; } /*module de droite*/ .chzn-container {width:80%!important;} /*Menu avec Logo et recherche fixe sur mobile (- de 992 px)*/ @media (max-width: 992px) { .f-nav {z-index:9999; position:fixed; top:0; background: #fff; border-bottom: 3px solid #1b7dc1; width:100%;} #sp-logo .logo {padding:0px!important;} #sp-section-3 {background-color: #1b7dc1;} } @media (min-width: 993px) { } /*fin MODIFICATIONS TEMPLATE ETJOURNEY*/ /* DEBUT MODIFICATIONS K2 */ /*------------------------------------------------------------------------------ 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;} /* --- Striped rows (add a different background color enable stripped rows in various listings with K2 content) --- */ .even {padding:2px;} .odd {padding:2px;} /* --- RSS feed icon --- */ div.k2FeedIcon {padding:4px 8px;} div.k2FeedIcon a, div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0;width:16px;height:16px;} 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(/components/com_k2/images/loaders/generic.gif) no-repeat left center;height:25px;padding:0 0 0 20px;} .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(/components/com_k2/images/ratingstars.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;} .k2-recaptcha-v2 {margin-top:12px;} /* --- Icon Font Support --- */ /* Reset for users with older overrides */ div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {font-size:14px;} div.itemToolbar ul li a#fontDecrease img, div.itemToolbar ul li a#fontIncrease img {background:none;} a.ubUserFeedIcon, a.ubUserFeedIcon:hover, a.ubUserURL, a.ubUserURL:hover, span.ubUserEmail, div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before, div.k2FeedIcon a, div.k2FeedIcon a:hover, div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {background:none;text-decoration:none;vertical-align:middle;font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} /* Font assignments */ div.catItemIsFeatured:before, div.userItemIsFeatured:before, div.itemIsFeatured:before {content:"\e09b";} a#fontIncrease:before {content:"\e091";} a#fontDecrease:before {content:"\e092";} div.k2FeedIcon a:before, a.ubUserFeedIcon:before {content:"\e03b";} a.ubUserURL:before {content:"\e037";} span.ubUserEmail:before {content:"\e086";} /* --- 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 {margin:0;padding:0 4px;list-style:none;} /* 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.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {display:block;padding:0;margin:12px 0 12px 0;} /* 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 #ddd;border-radius:50%;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;} div.k2PaginationLinks {} div.k2PaginationCounter {} div.k2Pagination ul {text-align:center;} div.k2Pagination ul li {display:inline-block;margin:0;padding:0;} div.k2Pagination ul li a {display:inline-block;padding:4px 8px;margin:0 8px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;background:#fff;text-decoration:none;} div.k2Pagination ul li a:hover {background:#fafafa;cursor:pointer;} div.k2Pagination ul li.active a {background:#fafafa;} div.k2Pagination ul li a span {vertical-align:middle;} /* --- 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 {position:relative;} div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before {position:absolute;top:10px;right:10px;color:#CF1919;font-size:20px;} /* --- Separators --- */ .k2HorizontalSep {border:0;padding:0;margin:0 8px;} /* --- Edit Buttons --- */ span.itemEditLink, span.catItemEditLink, span.userItemEditLink, span.userItemAddLink {float:right;display:block;padding:0;margin:0;width:120px;text-align:right;} span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a, span.userItemAddLink a {display:inline-block;padding:4px 8px;margin:0;background:#2d96dd;color:#fff;border:0;border-radius:4px;font-size:11px;line-height:100%;font-weight:bold;text-align:center;text-decoration:none;} span.itemEditLink a:hover, span.catItemEditLink a:hover, span.userItemEditLink a:hover, span.userItemAddLink a:hover {background:#217dbb;} /*------------------------------------------------------------------------------ Component - Item view --------------------------------------------------------------------------------*/ a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px;} a.itemPrintThisPage:hover {background:#fafafa;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 {} span.itemEditLink a {} span.itemEditLink a:hover {} div.itemHeader {} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} div.itemHeader h1.itemTitle {font-size:2rem;padding:10px 0 4px 0;margin:0;color:#121212;font-weight:bold;} div.itemHeader h2.itemTitle {padding:10px 0 4px 0;margin:0;color:#121212;font-weight:bold;} @media screen and ( max-width:600px ){ div.itemHeader h1.itemTitle {font-size:1.6rem;font-weight:bold;} div.itemHeader h2.itemTitle {font-size:1.6rem;font-weight:bold;} } 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:before {content:" ";} div.itemHeader span.itemAuthor a {} div.itemHeader span.itemAuthor a:hover {} div.itemToolbar {padding:4px;margin:4px 0 0 0;background:#fafafa;border-radius:4px;} 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;font-size:13px;} div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;font-size:13px;} div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span {display:none;} div.itemRatingBlock {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.itemBody h2 {font-size:1.5rem; font-weight:bold; color:#212121;padding:12px 0px 12px 12px; background:#F3F3F3; border-radius: 5px;clear:both;} div.itemBody h3 {font-size:1.2rem; font-weight:bold; color:#212121;} div.itemImageBlock {padding:0px;margin:0px 16px 4px 0px;float:left;} span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img { max-width:100%; height:auto; border : 2px solid #fff; border-radius:3px; box-shadow: 0px 0px 4px #555;} 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;} @media screen and ( max-width:600px ){ span.itemImageCaption, span.itemImageCredits {float:none;text-align:center;} div.itemImageBlock, span.itemImage img { float:none; margin-left:auto; margin-right:auto;} } div.itemIntroText {color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:4px 0 12px 0;} div.itemIntroText img {} div.itemFullText {} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemFullText p {color:#212121;} div.itemFullText img { max-width:100%; border:4px solid #fff; border-radius:3px; box-shadow: 0px 0px 4px #555; margin-top:5px; margin-bottom:5px; margin-left:auto; margin-right:auto;} @media screen and (max-width:600px ){ div.itemFullText img {float:none!important;text-align:center!important; max-height:240px;} div.itemFullText ol {padding-inline-start:15px;} } 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;} 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 0;margin:16px 0 4px 0;color:#999;} span.itemHits {float:left;} span.itemDateModified {} div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float:left;margin:0 24px 0 0;} div.itemFacebookButton {display:inline-block;margin:0 24px 0 0;} div.itemLinkedInButton {display:inline-block;margin:0;} div.itemLinks {margin:16px 0;padding:0;} div.itemCategory {} div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemCategory a {} div.itemTagsBlock {} 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:before {content:"#";} 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:#fafafa;border:1px solid #ddd;border-radius:4px;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;border-radius:50%;} 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-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;} 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 {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 #ddd;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/videobg.gif) repeat-x bottom;color:#eee;} 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;} @media screen and ( max-width:600px ){ div.itemVideoBlock span.itemVideoCaption, div.itemVideoBlock span.itemVideoCredits {float:none;text-align:center;width:auto;} } /* Image Gallery */ div.itemImageGallery {margin:0 0 16px 0;padding:0;} /* Article navigation */ div.itemNavigation {padding:8px;margin:0 0 24px 0;background:#fafafa;border-radius:4px;} div.itemNavigation span.itemNavigationTitle {color:#999;} div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;} /* Comments */ div.itemComments {background:#fafafa;border:1px solid #ddd;border-radius:4px;padding:16px;} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {display:block;padding:4px;margin:0 0 8px 0;border-bottom:1px solid #ddd;background:#fff;} div.itemComments ul.itemCommentsList li.authorResponse {background:#f5fdff;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {float:left;margin:4px 4px 4px 0;padding:4px;} 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/loaders/search.gif) no-repeat 100% 50%;} div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} /* Joomla 1.5 - 2.5 */ div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} /* Joomla 3.x */ div.itemCommentsPagination ul {text-align:center;} div.itemCommentsPagination ul li {display:inline-block;margin:0;padding:0;} div.itemCommentsPagination ul li a {display:inline-block;padding:4px 8px;margin:0 8px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;background:#fff;text-decoration:none;} div.itemCommentsPagination ul li a:hover {background:#fafafa;cursor:pointer;} div.itemCommentsPagination ul li.active a {background:#fafafa;} div.itemCommentsPagination ul li a span {vertical-align:middle;} div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;} div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;padding:8px 0;} div.itemCommentsForm form {margin:0;padding:0;width:100%;} div.itemCommentsForm form label.formComment, div.itemCommentsForm form label.formName, div.itemCommentsForm form label.formEmail, div.itemCommentsForm form label.formUrl, div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form textarea.inputbox {display:block;width:100%;height:200px;margin:0;padding:8px;box-sizing:border-box;} div.itemCommentsForm form input.inputbox {display:block;width:100%;margin:0;padding:8px;line-height:150%;height:auto;box-sizing:border-box;} div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:8px 16px;background:#2d96dd;color:#fff;border:0;border-radius:4px;font-size:16px;font-weight:bold;} div.itemCommentsForm form input#submitCommentButton:hover {background:#217dbb;} div.itemCommentsForm form span#formLog {margin:24px;padding:8px 12px;border-radius:4px;text-align:center;display:none;} div.itemCommentsForm form span#formLog.k2FormLogError {display:block;background:#f00;color:#fff;} div.itemCommentsForm form span#formLog.k2FormLogSuccess {display:block;background:#18ac00;color:#fff;} div.itemCommentsForm form .formLogLoading {background:url(../images/loaders/generic.gif) no-repeat left center;} div.itemCommentsLoginFirst {display:block;margin:24px;padding:8px 12px;background:#f00;color:#fff;border-radius:4px;} /* "Report comment" form */ div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} div.k2ReportCommentFormContainer blockquote {width:462px;background:#fafafa;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-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:24px;padding:8px 12px;background:#fafafa;border-radius:4px;text-align:center;display:none;} div.k2ReportCommentFormContainer form .formLogLoading {background:url(../images/loaders/generic.gif) no-repeat left center;} /* Back to top link */ div.itemBackToTop {text-align:right;} div.itemBackToTop a {text-decoration:underline;} div.itemBackToTop a:hover {text-decoration:underline;} /*------------------------------------------------------------------------------ Component - Itemlist view (category) --------------------------------------------------------------------------------*/ div.itemListCategoriesBlock {} /* --- Category block --- */ div.itemListCategory {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 0 12px 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 #ddd;background:#fafafa;text-decoration:none;} span.catItemAddLink a:hover {background:#ffffcc;} div.itemListCategory img {float:left;display:block;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:#fafafa;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 {margin:0 8px 0 0;height:100px;object-fit:cover;} 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:#fafafa;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) */ @media screen and ( max-width:600px ){ div.itemContainer, div.subCategoryContainer {float:none;display:block;width:100%!important;} } /* --- Item block for each item group --- */ div.catItemView {margin:4px 0px; padding:4px;border-radius:3px;border:1px solid #ddd;} /* this is the container for each K2 item on this view */ /* 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 {} span.catItemEditLink a {} span.catItemEditLink a:hover {} div.catItemHeader {} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {font-size:1rem;font-weight:bold;padding:4px 0 4px 4px;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:4px 0;margin:0;} div.catItemImageBlock {padding:2px 6px;margin:0 0 2px 0;float:left;} @media screen and ( max-width:600px ){ div.catItemImageBlock {max-width:30%;} } span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;} span.catItemImage img {max-width:100%;max-height:120px;object-fit:cover;} @media screen and ( max-width:600px ){ span.catItemImage img {} } div.catItemIntroText {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;} 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 1px 0;padding:0;} div.catItemHitsBlock {padding:4px 0;} span.catItemHits {} div.catItemCategory {padding:4px 0;} div.catItemCategory span {font-weight:bold;padding:0 4px 0 0;} div.catItemCategory a {} div.catItemTagsBlock {padding:4px 0;} div.catItemTagsBlock span {font-weight:bold;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:before {content:"#";} 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/videobg.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 (tag) --------------------------------------------------------------------------------*/ div.tagView {} div.tagItemList {} div.tagItemView {margin-bottom:24px;} /* this is the item container for this view */ div.tagItemHeader {} div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;} div.tagItemHeader h2.tagItemTitle {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 {max-width:100%;height:auto;} div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.tagItemIntroText img {} 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 {} div.tagItemTagsBlock {padding:4px 0;} div.tagItemTagsBlock span {font-weight:bold;padding:0 4px 0 0;} div.tagItemTagsBlock ul.tagItemTags {list-style:none;padding:0;margin:0;display:inline;} div.tagItemTagsBlock ul.tagItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.tagItemTagsBlock ul.tagItemTags li a:before {content:"#";} div.tagItemTagsBlock ul.tagItemTags li a {} div.tagItemTagsBlock ul.tagItemTags li a:hover {} /* Read more link */ div.tagItemReadMore {display:inline;} div.tagItemReadMore a {} div.tagItemReadMore a:hover {} /*------------------------------------------------------------------------------ Component - Itemlist view (user) --------------------------------------------------------------------------------*/ /* User info block */ div.userView {} div.userBlock {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 0 24px 0;padding:8px;} div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;border-radius:50%;} 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 {margin-bottom:48px;} /* 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 {} span.userItemEditLink a {} span.userItemEditLink a:hover {} div.userItemHeader {} div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} div.userItemHeader h3.userItemTitle {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 {max-width:100%;height:auto;} 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 0;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemCategory a {} div.userItemTagsBlock {padding:4px 0;} 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:before {content:"#";} 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 (generic) --------------------------------------------------------------------------------*/ div.genericView {} div.genericView h1 {} form.genericSearchForm {display:grid;grid-template-columns:4fr 1fr;grid-gap:16px;padding:16px 0 32px 0;} form.genericSearchForm input.k2-input {display:inline-block;width:auto;font-size:14px;line-height:100%;height:auto;padding:16px 8px;margin:0;border-radius:4px;border:1px solid #ccc;box-shadow:none;background:#fff;} form.genericSearchForm input.k2-submit {display:inline-block;width:auto;font-size:14px;line-height:100%;height:auto;padding:16px 8px;margin:0;border-radius:4px;border:1px solid #ccc;box-shadow:none;background:#eee;} form.genericSearchForm input.k2-submit:hover {background:#ddd;} div.genericItemList {} div.genericItemView {margin-bottom:48px;} /* this is the item container for this view */ div.genericItemHeader {} div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;} div.genericItemHeader h2.genericItemTitle {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;} span.genericItemImage img {max-width:100%;height:auto;} div.genericItemIntroText {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;} /*------------------------------------------------------------------------------ Component - Latest view --------------------------------------------------------------------------------*/ div.latestItemsContainer {float:left;} @media screen and ( max-width:600px ){ div.latestItemsContainer {float:none;display:block;width:100%!important;} } /* Category info block */ div.latestItemsCategory {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 8px 24px 0;padding:8px;} div.latestItemsCategoryImage {text-align:center;} div.latestItemsCategoryImage img {margin:0 8px 0 0;} div.latestItemsCategory h2 {} div.latestItemsCategory p {} /* User info block */ div.latestItemsUser {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 8px 24px 0;padding:8px;} div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;border-radius:50%;} 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 {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 {max-width:100%;height:auto;} @media screen and ( max-width:600px ){ div.latestItemImageBlock {float:none;display:block;} } 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 0;} div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemCategory a {} div.latestItemTagsBlock {padding:4px 0;} 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:before {content:"#";} 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/videobg.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 {padding:2px 0;margin:8px 0 2px 0;border-bottom:1px dotted #ccc;} /*------------------------------------------------------------------------------ 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 #ddd;margin:8px 0;padding:8px;text-align:right;} .k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;} .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;} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;} 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_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/loaders/calendar.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:#fafafa;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:#fafafa;} table.calendar tr td.calendarNavMonthNext {background:#fafafa;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:#fafafa;} 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 {} div.k2SearchBlock form input.inputbox {} div.k2SearchBlock form input.button {} div.k2SearchBlock form input.k2SearchLoading {background:url(../images/loaders/search.gif) no-repeat 100% 50%;} div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ddd;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 #ddd;} 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_user (mod_k2_login is removed since v2.6.x) --------------------------------------------------------------------------------*/ 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_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;font-size:15px;} a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span {display:none;} a.ubUserURL, a.ubUserURL:hover {display:inline-block;margin:0 2px 0 0;padding:0;font-size:15px;} a.ubUserURL span, a.ubUserURL:hover span {display:none;} span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;overflow:hidden;font-size:15px;} 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 --- */ /*Template ETJOURNEY */ /** * @package Helix Ultimate Framework * @author enginetemplates https://www.enginetemplates.com * @copyright Copyright (c) 2010 - 2018 enginetemplates * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later */ body { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#212121; line-height:1.7; } body.helix-ultimate-preloader { overflow: hidden; } body.helix-ultimate-preloader:before { content: " "; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(255, 255, 255, .9); } body.helix-ultimate-preloader:after { content: "\f110"; font-family: "FontAwesome"; font-size: 36px; position: fixed; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; line-break: 48px; text-align: center; color: #007bff; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; z-index: 99999; } a { transition: color 400ms, background-color 400ms; } a, a:hover, a:focus, a:active { text-decoration: none; } label { font-weight: normal; } legend { padding-bottom: 10px; } img { display: block; max-width: 100%; height: auto; } #sp-top-bar { padding: 8px 0; font-size: 0.875rem; } #sp-top-bar .sp-module { display: inline-block; margin: 0 0 0 1.25rem; } ul.social-icons { list-style: none; padding: 0; margin: -5px; display: inline-block; } ul.social-icons > li { display: inline-block; margin: 5px 7px; } .sp-module-content .mod-languages ul.lang-inline { margin: 0; padding: 0; } .sp-module-content .mod-languages ul.lang-inline li { border: none; display: inline-block; margin: 0 5px 0 0; } .sp-module-content .mod-languages ul.lang-inline li a { padding: 0 !important; } .sp-module-content .mod-languages ul.lang-inline li > a:before { display: none; } .sp-module-content .latestnews > li > a > span { display: block; margin-top: 5px; font-size: 85%; } .sp-contact-info { list-style: none; padding: 0; margin: 0 -10px; } .sp-contact-info li { display: inline-block; margin: 0 10px; font-size: 90%; } .sp-contact-info li i { margin: 0 3px; } #sp-header { height: 50px; left: 0; position: relative; top: 0; width: 100%; z-index: 99; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); } #sp-header .logo { height: 50px; display: inline-flex; margin: 0; align-items: center; } #sp-header .logo a { font-size: 24px; line-height: 1; margin: 0; padding: 0; } #sp-header .logo p { margin: 5px 0 0; } #sp-header.header-sticky { position: fixed; z-index: 9999; } #sp-title { min-height: 0; } .sp-page-title { padding: 30px 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; } .sp-page-title h2, .sp-page-title h3 { margin: 0; padding: 0; color: #fff; } .sp-page-title h2 { font-size: 24px; line-height: 1; } .sp-page-title h3 { font-size: 14px; font-weight: normal; line-height: 1; margin-top: 10px; } .sp-page-title .breadcrumb { background: none; padding: 0; margin: 10px 0 0 0; } .sp-page-title .breadcrumb > .active { color: rgba(255, 255, 255, 0.8); } .sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a { color: #fff; } .body-innerwrapper { overflow-x: hidden; } .layout-boxed .body-innerwrapper { max-width: 1240px; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .com-sppagebuilder #sp-main-body { padding: 0; } #sp-left .sp-module, #sp-right .sp-module { background-color : #FAFAFA; margin: 10px 0px 0px 10px; padding-left : 10px; border: 1px solid #ddd; padding: 5px; border-radius: 3px; } #sp-left .sp-module:first-child, #sp-right .sp-module:first-child { } #sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title { margin: 0px; padding: 10px; font-size: 22px; font-weight: 700; border-bottom: 1px solid #f3f3f3; } #sp-left .sp-module ul, #sp-right .sp-module ul { list-style: none; padding: 0; margin: 0; } #sp-left .sp-module ul > li, #sp-right .sp-module ul > li { display: block; border-bottom: 1px solid #f3f3f3; } #sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a { display: block; padding: 5px 0px 5px 8px; line-height: normal; } #sp-left .sp-module ul > li:last-child, #sp-right .sp-module ul > li:last-child { border-bottom: none; } #sp-left .sp-module .categories-module ul, #sp-right .sp-module .categories-module ul { margin: 0 10px; } #sp-left .sp-module .latestnews > div, #sp-right .sp-module .latestnews > div { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e8e8e8; } #sp-left .sp-module .latestnews > div:last-child, #sp-right .sp-module .latestnews > div:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } #sp-left .sp-module .latestnews > div > a, #sp-right .sp-module .latestnews > div > a { display: block; font-weight: 400; } #sp-left .sp-module .tagscloud, #sp-right .sp-module .tagscloud { margin: -2px 0; } #sp-left .sp-module .tagscloud .tag-name, #sp-right .sp-module .tagscloud .tag-name { display: inline-block; padding: 5px 10px; background: #808080; color: #fff; border-radius: 4px; margin: 2px 0; } #sp-left .sp-module .tagscloud .tag-name span, #sp-right .sp-module .tagscloud .tag-name span { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } .login img { display: inline-block; margin: 20px 0; } .login .checkbox input[type="checkbox"] { margin-top: 6px; } .form-links ul { list-style: none; padding: 0; margin: 0; } .search .btn-toolbar { margin-bottom: 20px; } .search .btn-toolbar span.icon-search { margin: 0; } .search .btn-toolbar button { color: #fff; } .search .phrases .phrases-box .controls label { display: inline-block; margin: 0 20px 20px; } .search .phrases .ordering-box { margin-bottom: 15px; } .search .only label { display: inline-block; margin: 0 20px 20px; } .search .search-results dt.result-title { margin-top: 40px; } .search .search-results dt, .search .search-results dd { margin: 5px 0; } .filter-search .chzn-container-single .chzn-single { height: 34px; line-height: 34px; } .form-search .finder label { display: block; } .form-search .finder .input-medium { width: 60%; border-radius: 4px; } .finder .word input { display: inline-block; } .finder .search-results.list-striped li { padding: 20px 0; } .article-list .article { margin-bottom: 30px; padding: 20px; border: 1px solid #f5f5f5; border-radius: 3px; } .article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery { margin: -20px -20px 20px -20px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #f5f5f5; overflow: hidden; } .article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img { border-radius: 3px 3px 0 0; } .article-list .article .article-header h1, .article-list .article .article-header h2 { font-size: 1.375rem; margin: 0 0 1.25rem 0; } .article-list .article .article-header h1 a, .article-list .article .article-header h2 a { color: #474a52; } .article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h2 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:focus { color: #0f7dbd; } .article-list .article .readmore { font-size: 0.875rem; } .article-list .article .readmore a { color: #474a52; font-weight: 500; } .article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus { color: #0f7dbd; } .article-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; } .article-info > span { font-size: 0.813rem; } .article-info > span + span::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; content: "/"; } .article-info > span a { color: #474a52; } .article-info > span a:hover { color: #0f7dbd; } .article-details .article-header { position: relative; } .article-details .article-header h1, .article-details .article-header h2 { font-size: 2.25rem; } .article-details .link-edit-article { position: absolute; right: 0; top: 10px; } .article-details .article-info { margin-bottom: 1rem; } .article-details .article-full-image { text-align: center; margin-bottom: 2rem; } .article-details .article-full-image img { display: inline-block; border-radius: 4px; } .article-details .article-featured-video, .article-details .article-featured-audio, .article-details .article-feature-gallery { margin-bottom: 2rem; } .article-details .article-ratings-social-share { padding: 1rem 0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: 1rem; } .article-details .article-author-information { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #f5f5f5; } .tags { list-style: none; padding: 0; margin: 2rem 0 0 0; display: block; } .tags > li { display: inline-block; } .tags > li a { display: block; font-size: 0.875rem; padding: 0.5rem 1rem; border-radius: 6.25rem; } .tags > li a:hover { color: #fff; } .pager { list-style: none; padding: 2rem 0 0 0; margin: 2rem 0 0 0; border-top: 1px solid #f5f5f5; } .pager::after { display: block; clear: both; content: ""; } .pager > li { display: inline-block; } .pager > li.previous { float: left; } .pager > li.next { float: right; } .pager > li a { display: inline-block; font-size: 0.785rem; padding: 1rem 2.5rem; border-radius: 100px; } #article-comments { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #f5f5f5; } .article-ratings { display: flex; align-items: center; } .article-ratings .rating-symbol { unicode-bidi: bidi-override; direction: rtl; font-size: 1rem; display: inline-block; margin-left: 5px; } .article-ratings .rating-symbol span.rating-star { font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; } .article-ratings .rating-symbol span.rating-star.active:before { content: "\f005"; color: #f6bc00; } .article-ratings .rating-symbol span.rating-star:before { content: "\f006"; padding-right: 5px; } .article-ratings .rating-symbol span.rating-star:hover:before, .article-ratings .rating-symbol span.rating-star:hover ~ span.rating-star:before { content: "\f005"; color: #e7b000; cursor: pointer; } .article-ratings .ratings-count { font-size: 0.785rem; color: #999; } .article-ratings .fa-spinner { margin-right: 5px; } .pagination-wrapper { align-items: center; } .pagination-wrapper .pagination { margin-bottom: 0; } .article-social-share { float: right; } .article-social-share .social-share-icon ul { padding: 0; list-style: none; margin: 0; } .article-social-share .social-share-icon ul li { display: inline-block; } .article-social-share .social-share-icon ul li:not(:last-child) { margin-right: 10px; } .article-social-share .social-share-icon ul li a { border: 1px solid #ededed; font-size: 1rem; border-radius: 50%; height: 34px; line-height: 34px; text-align: center; width: 34px; display: inline-block; } .article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus { color: #fff; } .newsfeed-category .category { list-style: none; padding: 0; margin: 0; } .newsfeed-category .category li { padding: 5px 0; } .newsfeed-category #filter-search { margin: 10px 0; } .category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped { list-style: none; padding: 0; margin: 0; } .category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li { padding: 2px 0; } .category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 { margin: 5px 0; } .article-footer-top { display: table; clear: both; width: 100%; } .article-footer-top .post_rating { float: left; } .contentpane:not(.com-sppagebuilder) { padding: 20px; } #sp-bottom { padding: 60px 0 30px; font-size: 14px; line-height: 1.6; } #sp-bottom .sp-module { margin-bottom: 30px; } #sp-bottom .sp-module .sp-module-title { font-weight: 700; font-size: 18px; margin: 0 0 30px; } #sp-bottom .sp-module ul { list-style: none; padding: 0; margin: 0; } #sp-bottom .sp-module ul > li { display: block; margin-bottom: 15px; } #sp-bottom .sp-module ul > li:last-child { margin-bottom: 0; } #sp-bottom .sp-module ul > li > a { display: block; } #sp-footer { font-size: 14px; padding: 0; } #sp-footer .container-inner { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, .1); } #sp-footer ul.menu { display: inline-block; list-style: none; padding: 0; margin: 0 -10px; } #sp-footer ul.menu li { display: inline-block; margin: 0 10px; } #sp-footer ul.menu li a { display: block; } #sp-footer ul.menu li a:hover { background: none; } #sp-footer #sp-footer2 { text-align: right; } html.coming-soon { width: 100%; height: 100%; min-height: 100%; } html.coming-soon body { width: 100%; height: 100%; min-height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 40px; padding-bottom: 40px; text-align: center; background-repeat: no-repeat; background-position: 50% 40%; } html.coming-soon .coming-soon-logo { display: inline-block; margin-bottom: 2rem; } html.coming-soon #coming-soon-countdown { margin-top: 4rem; } html.coming-soon #coming-soon-countdown .coming-soon-days, html.coming-soon #coming-soon-countdown .coming-soon-hours, html.coming-soon #coming-soon-countdown .coming-soon-minutes, html.coming-soon #coming-soon-countdown .coming-soon-seconds { margin: 0; float: left; width: 25%; } html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number { width: 100%; font-size: 4.5rem; letter-spacing: -1px; line-height: 1; } html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string { font-size: 1.5rem; letter-spacing: -1px; display: block; text-transform: uppercase; } html.coming-soon .coming-soon-position { margin-top: 2rem; } html.coming-soon .social-icons { margin-top: 4rem; } html.error-page { width: 100%; height: 100%; } html.error-page body { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 40px; padding-bottom: 40px; text-align: center; background-repeat: no-repeat; background-position: 50% 40%; } html.error-page .error-logo { display: inline-block; margin-bottom: 2rem; } html.error-page .error-code { margin: 0 0 1rem; font-size: 6rem; line-break: 1; } html.error-page .error-message { font-size: 1.5rem; margin-bottom: 3rem; } .sp-social-share ul { display: block; padding: 0; margin: 20px -5px 0; } .sp-social-share ul li { display: inline-block; font-size: 24px; margin: 0 5px; } .profile > div:not(:last-child) { margin-bottom: 30px; } .dl-horizontal dt { margin: 8px 0; text-align: left; } .page-header { padding-bottom: 15px; } table.category { width: 100%; } table.category thead > tr, table.category tbody > tr { border: 1px solid #f2f2f2; } table.category thead > tr th, table.category tbody > tr th, table.category thead > tr td, table.category tbody > tr td { padding: 10px; } .contact-form .form-actions { background: none; border: none; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } .sp-preloader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .sp-preloader > div { border-radius: 50%; height: 50px; width: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; position: absolute; animation: spSpin 0.75s linear infinite; } .sp-preloader > div:after { content: ''; position: absolute; width: 49px; height: 49px; top: 1px; right: 0; left: 0; margin: auto; border-radius: 50%; } .sp-scroll-up { display: none; position: fixed; bottom: 30px; right: 30px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #333; border-radius: 3px; z-index: 1000; } .sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus { color: #fff; background: #444; } .control-group { margin-bottom: 1rem; } select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) { height: calc(2.25rem + 2px); } input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-control):focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; } .chzn-select, .chzn-select-deselect { width: 100%; } .chzn-container.chzn-container-single .chzn-single { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; height: calc(2.25rem + 2px); color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; box-shadow: none; } .chzn-container.chzn-container-single .chzn-single div { width: 30px; background: none; } .chzn-container.chzn-container-single .chzn-single div > b { background: none; position: relative; } .chzn-container.chzn-container-single .chzn-single div > b:after { content: "\f0dc"; font-family: FontAwesome; font-size: 0.875rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single { border-radius: 0.25rem 0.25rem 0 0; } .chzn-container.chzn-container-single .chzn-search { padding: 0.625rem; } .chzn-container.chzn-container-single .chzn-search input[type="text"] { display: block; width: 100%; padding: 0.5rem 1.429rem 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.25; height: calc(2rem + 2px); color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; box-shadow: none; -webkit-box-shadow: none; } .chzn-container.chzn-container-single .chzn-search input[type="text"]:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); } .chzn-container.chzn-container-single .chzn-search:after { content: "\f002"; font-family: FontAwesome; font-size: 0.875rem; color: rgba(0, 0, 0, .2); position: absolute; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .chzn-container.chzn-container-single .chzn-drop { border-color: rgba(0, 0, 0, .15); border-radius: 0 0 0.25rem 0.25rem; box-shadow: none; -webkit-box-shadow: none; } .chzn-container.chzn-container-single .chzn-results li.highlighted { background-image: none !important; } .chzn-container.chzn-container-multi .chzn-choices { display: block; width: 100%; padding: 0 0.75rem; min-height: calc(2.25rem + 2px); line-height: 1.25; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; box-shadow: none; -webkit-box-shadow: none; } .chzn-container.chzn-container-multi .chzn-choices li.search-field input[type="text"] { font-size: 0.875rem; font-weight: normal; line-height: 1.25; height: calc(2rem + 2px); background-color: #fff; } .chzn-container.chzn-container-multi .chzn-choices li.search-choice { margin: 5.5px 5px 0 0; padding: 5px 20px 5px 5px; background-image: none; background-color: #f5f5f5; border-color: rgba(0, 0, 0, .1); box-shadow: none; -webkit-box-shadow: none; } .chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close { background: none; top: 5px; color: rgba(0, 0, 0, .2); } .chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover { color: rgba(0, 0, 0, .5); } .chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after { content: "\f00d"; font-family: FontAwesome; font-size: 0.875rem; position: absolute; top: 0; right: 0; } .chzn-container.chzn-container-multi.chzn-with-drop.chzn-container-active .chzn-choices { border-radius: 0.25rem; } .chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop { margin-top: -4px; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty) { padding: 0.75rem; background: #fff; border: 1px solid rgba(0, 0, 0, .15); border-top: 0; border-radius: 0 0 0.25rem 0.25rem; } .chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results li.no-results { background: none; } .form-horizontal .control-label { float: left; width: auto; padding-top: 5px; padding-right: 5px; text-align: left; } .form-horizontal .controls { margin-left: 220px; } .card-block { padding: 20px; } .card-block ul { list-style: none; padding: 0; margin: 0; display: block; } .card-block ul li { display: block; } .alert.alert-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .com-media.contentpane { padding: 10px !important; } .com-media .well { background: #f5f5f5; padding: 20px; border-radius: 4px; margin-bottom: 10px; } .com-media .well .row { margin: 0; padding: 0; } .com-media .well .row > div:first-child { width: calc(100% - 200px); } .com-media .well .row > div:last-child { width: 200px; float: right; text-align: right; padding-top: 30px; } .com-media .well .row #folderlist { display: inline-block; } .com-media .well .row #upbutton { display: none; } .com-media.view-imagesList { padding: 0px 0px 10px 0 !important; } .com-media.view-imagesList:before { content: " "; display: table; } .com-media.view-imagesList:after { display: block; clear: both; content: ""; } .com-media.view-imagesList ul.manager { list-style: none; padding: 0; margin: 0; } .com-media.view-imagesList ul.manager > li.thumbnail { width: 110px; float: left; } .com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child { height: 60px; margin-bottom: 10px; text-align: center; } .com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child > span { display: inline-block; width: 60px; height: 40px; margin: 0 auto; margin-top: 25px; position: relative; background-color: #92ceff; border-radius: 0 5px 5px 5px; } .com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child > span:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: #92ceff; position: absolute; top: -12px; left: 0px; } .com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child img { display: inline-block; } .sp-megamenu-parent { list-style: none; padding: 0; margin: 0 -15px; z-index: 99; display: block; float: right; position: relative; } .sp-megamenu-parent > li { display: inline-block; position: relative; padding: 0; } .sp-megamenu-parent > li.menu-justify { position: static; } .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { display: inline-block; padding: 0 15px; line-height: 50px; font-size: 14px; margin: 0; } .sp-megamenu-parent > li.sp-has-child > a:after, .sp-megamenu-parent > li.sp-has-child > span:after { font-family: "FontAwesome"; content: " \f107"; } .sp-megamenu-parent > li.active > a { font-weight: 500; } .sp-megamenu-parent > li .sp-menu-badge { height: 20px; line-height: 20px; padding: 0 5px; font-size: 10px; letter-spacing: 1px; display: inline-block; text-transform: uppercase; background: #d60000; color: #fff; border-radius: 3px; } .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right { margin-left: 5px; } .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-left { margin-right: 5px; } .sp-megamenu-parent .sp-module { padding: 10px; } .sp-megamenu-parent .sp-mega-group { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-mega-group > li > a { display: block; text-transform: uppercase; font-size: 14px; font-weight: 600; margin-bottom: 10px; } .sp-megamenu-parent .sp-mega-group .sp-mega-group-child { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-dropdown { margin: 0; position: absolute; z-index: 10; display: none; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); padding: 20px; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) { margin-top: 20px; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after { font-family: "FontAwesome"; content: " \f105"; float: right; } .sp-megamenu-parent .sp-dropdown.sp-menu-center { margin-left: 45px; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main { top: 100%; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full { left: auto; right: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left { right: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub { top: 0; left: 100%; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .sp-megamenu-parent .sp-dropdown li.sp-menu-item { display: block; padding: 0; position: relative; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { font-size: 14px; line-height: 1; display: block; padding: 8px 0; cursor: pointer; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title { text-transform: uppercase; font-weight: bold; } .sp-megamenu-parent .sp-dropdown .sp-module { padding: 0; } .sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title { font-size: 14px; margin: 0 0 15px; text-transform: uppercase; font-weight: bold; } .sp-megamenu-parent .sp-dropdown .sp-module .latestnews { margin: 0; } .sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li:not(:last-child) { margin: 0 0 15px; } .sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a { font-size: 14px; } .sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a span { opacity: 0.8; } .sp-megamenu-parent .sp-dropdown-mega > .row { margin-top: 30px; } .sp-megamenu-parent .sp-dropdown-mega > .row:first-child { margin-top: 0; } .sp-megamenu-parent .sp-has-child:hover > .sp-dropdown { display: block; } .sp-megamenu-parent.menu-animation-fade .sp-has-child:hover > .sp-dropdown { animation: spFadeIn 600ms; } .sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown { animation: spFadeInUp 400ms ease-in; } .sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover > .sp-dropdown { animation: spFadeInDown 400ms ease-in; } .sp-megamenu-parent.menu-animation-zoom .sp-has-child:hover > .sp-dropdown { animation: spZoomIn 300ms; } .sp-megamenu-parent.menu-animation-rotate .sp-has-child:hover > .sp-dropdown { animation: spRotateIn 300ms; } .sp-megamenu-parent.menu-animation-pulse .sp-has-child:hover > .sp-dropdown { animation: spPulse 300ms; } @media (min-width: 576px) { .sp-menu-full.container { width: 540px; } } @media (min-width: 768px) { .sp-menu-full.container { width: 720px; } } @media (min-width: 992px) { .sp-menu-full.container { width: 960px; } } @media (min-width: 1200px) { .sp-menu-full.container { width: 1140px; } } #offcanvas-toggler { display: block; height: 50px; line-height: 50px; font-size: 20px; } #offcanvas-toggler > span:hover { color: #fff; } #offcanvas-toggler.offcanvas-toggler-right { float: right; margin-left: 20px; } #offcanvas-toggler.offcanvas-toggler-left { float: left; margin-right: 20px; } .offcanvas-init { overflow-x: hidden; position: relative; } .offcanvas-active .offcanvas-overlay { visibility: visible; opacity: 1; } .offcanvas-overlay { background: rgba(0, 0, 0, .5); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 9999; visibility: hidden; -webkit-transition: 0.6s; transition: 0.6s; } .body-wrapper { position: relative; -webkit-transition: 0.6s; transition: 0.6s; backface-visibility: hidden; } .offcanvs-position-left .body-wrapper { left: 0; } .offcanvs-position-left .offcanvas-menu { left: -300px; } .offcanvs-position-left.offcanvas-active .offcanvas-menu { left: 0; } .offcanvs-position-left.offcanvas-active .body-wrapper { left: 300px; } .offcanvs-position-right .body-wrapper { right: 0; } .offcanvs-position-right .offcanvas-menu { right: -300px; } .offcanvs-position-right.offcanvas-active .offcanvas-menu { right: 0; } .offcanvs-position-right.offcanvas-active .body-wrapper { right: 300px; } .close-offcanvas { position: absolute; top: 15px; right: 15px; z-index: 1; border-radius: 100%; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; background: #333; color: #fff; } .close-offcanvas:hover { background: #666; color: #fff; } .offcanvas-menu { width: 300px; height: 100%; position: fixed; top: 0; overflow: inherit; -webkit-transition: all 0.6s; transition: all 0.6s; z-index: 10000; } .offcanvas-menu .offcanvas-inner { padding: 30px; } .offcanvas-menu .offcanvas-inner .sp-module { padding: 0; margin: 0; } .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 1rem; font-weight: bold; } .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-bottom: 20px; } .offcanvas-menu .offcanvas-inner .sp-module ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; list-style: none; } .offcanvas-menu .offcanvas-inner .sp-module ul > li { border: 0; padding: 0; margin: 0; position: relative; overflow: hidden; display: block; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { display: block; font-size: 1rem; padding: 0.125rem 0; position: relative; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { display: block; position: absolute; right: 0; top: 50%; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-family: FontAwesome; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:after { content: "\f055"; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after { content: "\f056"; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul { display: none; margin-left: 10px; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a { font-size: 0.875rem; } @keyframes spFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes spFadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes spFadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes spZoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } @keyframes spRotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } @keyframes spPulse { from { opacity: 0; transform: scale3d(1, 1, 1); } 50% { opacity: 0.5; transform: scale3d(1.05, 1.05, 1.05); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes spSpin { to { transform: rotate(360deg); } }