/* Colors:
Indigo Purple: #4B0082          - Title Color
Medium Purple: #9370DB          - Link Color
Dark Purple: #333366
Purple Grey: #BBBBCA
Purple Grey Light: #C5C4D6
Purple Grey Lighter: #E1DFF6
Purple Grey Lightest: #F4F7FD

MINIFY at https://cssminifier.com/
*/

/* Adds colourful icons and utf8mb4 emojii's 
body, h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
}
*/



/* **************************************************************************** */
/* original custom code from denim make sure this gets updated! */
/* Used by blockheader-child.thtml and based on block-center CSS class */
#centerblocks section.block-child-center,
#centerblocks div.block-child-center {
  margin: 0 0 1.25em 0;
}

/* Used to better match other article related blocks */
.block-trackback-content {
    border-bottom: 0px;
}

/* Needed for Calendar Submit Event as address wraps and messes layout */
.form-description {
	white-space:nowrap;
}

/* Needed for Calendar Submit Event */
.clear-right {
	clear:right;	
}
.clear-left {
	clear:left;	
}
.clear-both {
	clear:both;	
}

/* Used by blocks that can also be called as autotags */
.block-autotag {
    padding: 5px;
    width: 300px;
}

.likes-autotag {
    padding: 5px;
    margin: 0 auto;
    width: 300px;
}
/* **************************************************************************** */



/* Overwrite font size as getting text to small on mobile friendly test */
.uk-comment-meta {
    font-size: 12px;
}

/* Hide .lazy elements if JavaScript is off */
.no-js .lazy {
  display: none;
}

/* Make sure height of navbar the same for all viewports */
.navigation_content {
    padding: 5px 0; /* padding: 5px 0; */ 
}

/* ************************************************ */
/* COLOR CHANGES to UIKIT version 2 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; /* font-weight: normal; */
  color: #4B0082;  /* color: #444444; */
}

.uk-panel-box .uk-panel-title {
  color: #4B0082;
  font-weight: 600;
}

/* Topic Items */
#leftblocks .sideoption a, #rightblocks .sideoption a {
    display: block;
    color: #9370DB;
    height: 1.8em;
    line-height: 1.8em;
    overflow: hidden;
    /* padding: 0 5px;  DISABLED SO branch_level classes could work properly and indent */
    white-space: nowrap;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
	#leftblocks .branch_level1 a, #leftblocks .branch_level1 a:hover
	, #rightblocks .branch_level1 a, #rightblocks .branch_level1 a:hover {
		padding-left: 5px;
	}
	
	#leftblocks .branch_level2 a, #leftblocks .branch_level2 a:hover
	, #rightblocks .branch_level2 a, #rightblocks .branch_level2 a:hover {
		padding-left: 15px;
	}	
	
	#leftblocks .branch_level3 a, #leftblocks .branch_level3 a:hover
	, #rightblocks .branch_level3 a, #rightblocks .branch_level3 a:hover {
		padding-left: 25px;
	}
	
	#leftblocks .branch_level4 a, #leftblocks .branch_level4 a:hover
	, #rightblocks .branch_level4 a, #rightblocks .branch_level4 a:hover {
		padding-left: 35px;
	}	
	
	#leftblocks .branch_level5 a, #leftblocks .branch_level5 a:hover
	, #rightblocks .branch_level5 a, #rightblocks .branch_level5 a:hover {
		padding-left: 45px;
	}	

	#leftblocks .branch_level6 a, #leftblocks .branch_level6 a:hover
	, #rightblocks .branch_level6 a, #rightblocks .branch_level6 a:hover {
		padding-left: 55px;
	}	
}

.uk-panel-title a:link, 
.uk-panel-title a:visited,
.story_title, 
.story_title a:link, 
.story_title a:visited {
    color: #4B0082;
    text-decoration: none;
}
.uk-panel-title a:hover, 
.story_title a:hover {
    color: #4B0082;
    text-decoration: underline;
}

a,
.uk-link {
  color: #9370DB;
}
a:hover,
.uk-link:hover {
  color: #9370DB;
}
.uk-nav-side ul a {
  color: #9370DB;
}
.uk-nav-side ul a:hover {
  color: #9370DB;
}
.uk-nav-dropdown ul a {
  color: #9370DB;
}
.uk-nav-dropdown ul a:hover {
  color: #9370DB;
}
.uk-nav-navbar ul a {
  color: #9370DB;
}
.uk-nav-navbar ul a:hover {
  color: #9370DB;
}
.uk-navbar-content > a:not([class]) {
  color: #9370DB;
}
.uk-navbar-content > a:not([class]):hover {
  color: #9370DB;
}
.uk-tab > li > a {
  color: #9370DB;
}
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
  color: #9370DB;
}
.uk-button-link {
  color: #9370DB;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
  color: #9370DB;
}
.uk-nav-search ul a {
  color: #9370DB;
}
.uk-nav-search ul a:hover {
  color: #9370DB;
}
/* ************************************************ */
/* Taken from #leftblocks li, #rightblocks li to fix Article Directory Mobile items to close issues */

.story_status li {
	margin: 0 0 0 0 !important;
}
.uk-pagination>li:nth-child(n+2) {
    margin-left: 5px !important;
}
li.menuitem {
  margin: 0 0 0 0 !important;
}
li, /* Include all lists in this change */
li.listitem {
  margin: 0 0 .6em 0 !important;
}
ul.list-new-plugins {
  list-style-position: inside;
  padding-left: .5em;    
  
}
/* ************************************************ */

/* Keep Images size less than or equal to the view port */
img {
	max-width:100%;
	height:auto;
}


/* Header Background */
#header.header-bg-image {
  width: 100%;  /* Container Width */
  height: 110px;
  background: transparent url(../images_dsr/bg_header.png) repeat-x bottom left;
}


/* Logo */
.brand-image {
    float: left;
}

.nameplate {
	padding-top: 16px;
}

/* Header Slogan */
.site_slogan {
    float: right;
    color: #fff;
    text-align: right;
    text-shadow: ;
}

#wrapper {
    padding: 16px 0;
}

/* Review and Awards page bottom visit bar */
div.dsr-bottom-bar {
    z-index: 99;
    background-color: #BBBBCA;
    width: 100%;
    height: 48px;
    position: fixed;
    bottom: -10px;
    left: 0;
    -webkit-box-shadow: 2px 2px 2px #999;
    -moz-box-shadow: 2px 2px 2px #999;
    box-shadow: 2px 2px 2px #999;
    border-top: 1px solid #333366;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    
    .uk-navbar-toggle {
        height: 100%;
    }
    
    #wrapper {
        padding: 5px 0;
    }    

    /* Column bar colour at small size */
    #block-left-search>h2.show, h2.show {
        background: url(../images/arrow-down.png) right 50% no-repeat #333366 !important;
    }    
    #block-left-search>h2, .block-title {
        background: #333366 !important;
        color: #EEEEEC !important;
        text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
        border-top: 1px solid #70709D !important; /* Lighter colour */
        border-bottom: 1px solid #202054 !important; /* darker colour */
    }
    #block-left-search>h2.hide, h2.hide {
        background: url(../images/arrow-up.png) right 50% no-repeat #333366 !important;
    }    
      
   
    
    
    #footer {
        color: #666;
        background-color: transparent;
    }    
	
}

/* Mobile (Phones and browser) */
@media only screen and (max-width: 500px) {

	.image-standard {
		float: none !important;
		text-align: center;
		margin: 5px;
	}	
	
}	

/* (Tablets and browser) for this setting only was 480 but set to 500 for better text around images in articles and reviews */
@media only screen and (min-width: 500px) {
    
    .uk-align-small-right {
        margin-left: 15px;
        float: right;
    }
    .uk-align-small-left {
        margin-right: 15px;
        float: left;
    }  
    
    /* Used to Keep User Reviews Panel on Review Page set to smaller size on larger screens - Size mimics image (300px) + thumbnail border */
    .uk-width-small-set {
        width: 310.6px; 
    } 
    
}


/* Message */
.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #F4F7FD;
    color: #8F8597;
    border: 1px solid rgba(134, 134, 213, 0.3);
    border-radius: 4px;
    text-shadow: 0px 1px 0px #fff;
}


/* Topic Icon */
.story_image {
  float: left; /* rtl */
  width: 48px;
  height: 48px;
  margin: 0 10px 0px 0px; /* rtl */
}

/* Story(Date, Author, Display no.) */
.story_status {
  list-style-position: outside;
  list-style-type: none;
  clear: right;
  margin: 0 0 1em 0;
  padding-left: 1em; /* rtl */
  color: #999;
  font-size: 85%;
  line-height: 1.25;
}

/*--------------------------------------
  Admin Lists
---------------------------------------*/

.admin-list-table th {
    background-color: #BBBBCA;
}

/*--------------------------------------
  compatable.css
---------------------------------------*/

.pluginTitle {
  background-color: #333366;
}

.pluginCellTitle { 
  background-color: #333366;
  color: #FFFFFF;
}


.pluginCellTitle td {
  color: #FFFFFF !important;
}
.pluginCellTitle a {
  color: #FFFFFF;
  font-weight: bold;
}


.pluginHeader {
  color: #333366;
}

.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
  background-color: #BBBBCA;
}

.pluginFooter, .pluginFooter td {
  background-color: #C5C4D6;
  color: #000000;
  }

/*--------------------------------------
  Extra stuff
---------------------------------------*/

/* Used by Favorite Reviews 
div.favorite-table {
	display: table;
    width: 90%; 
}
div.favorite-row {
	display: table-row;
	
}
div.favorite-right-cell {
	display: table-cell;
	vertical-align: middle;
	padding-left: 2px;
}
div.favorite-left-cell {
	display: table-cell;
    width: 130px;
	text-align: center;
	vertical-align: middle;
}
*/
/* Used for vertical center icons in text lines */
img.dsr-icon {
    margin-bottom: 0.35em;
    margin-right: 0.15em;
    margin-left: 0.15em;
}

/* Used by articles */
/* See @media as well for phone version */
.image-standard {
    float: right;
    margin: 5px;
}
.story-image {
	margin:5px;
	border:1px solid #000000;
}
.image-margin {
	margin:5px;
}
.image-border {
	border: 2px solid #C0C0C0;
}
.image-center {
   display:block;
   margin:auto;
}
.clear-right {
	clear:right;	
}
.clear-left {
	clear:left;	
}
.clear-both {
	clear:both;	
}

/* Awards Article for single service (older) */
div.box-award {
    margin: 5px;
    text-align: center;
}

/* Summary Awards Article  */
div.summary-awards-row {
	clear: both;
}
div.summary-awards-image {
	float:left;
	padding-right:16px;
	padding-bottom:32px;
}
div.summary-awards-text {
	
}

/* Reviews - Awards */
div#review-awards img {
	margin:1px;
    float: left;
}
div.review-awards-current {
	float:left;
	margin-right:2px;
}
div.review-awards-past {
	float:left;
}
/* Full Awards page */
div.review-awards-year {
	padding-bottom:1em;
}

/*
table.review-award {
    border: 0px;
    width: 675px;
}
div#review-award td {
    padding: 0;
}
td.review-award-column {
    text-align: center;
    width: 135px;
}
*/

/*
img.review-image {
    border:2px solid #C0C0C0;
    margin:25px 5px 5px 5px;    
}
img.summary-image {
    border:2px solid #C0C0C0;
    margin:5px;    
}
img.search-image {
	border:1px solid #C0C0C0; 
	margin:5px; 
	vertical-align:middle; 
	margin-right:10px;
}
*/

/* Page Titles Review Related */
p.page-title {
    font-size: xx-large; 
    line-height: 28px;
}

/* 2 Column layout */
/*
div.review-right-column {
    float: right; 
    width: 50%;    
    
}
div.review-left-column {
    float: left; 
    width: 50%;    
}
@media only screen and (max-width: 767px) {	
	
	div.review-right-column {
		width: 100%;    
		
	}
	div.review-left-column {
		width: 100%;    
	}	
	
}
*/
/* 3 Column layout */
/*
div.review-3-column-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div.review-3-column {
    float: left;
    width: 33%;    
}
*/
div#editor-awards h3,
div#editor-summary h3,
div#editor-review h3 {
    padding: 15px 0 0 0
}

div#editor-awards hr,
div#editor-summary hr,
div#editor-review hr {
    margin: 25px 0 15px 0
}

/*
div#site-page ul li,
div#site-statistics ul li,
div#site-traffic ul li,
div#editor-awards ul li,
div#editor-summary ul li,
div#editor-review ul li {
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0 2px 4px;
    text-indent: -1em;
}
*/

/* Description List */
div#site-statistics dl, 
div#editor-review dl {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

div#site-statistics dt, 
div#editor-review dt {
    clear: left;
    float: left;
    margin: 0 0 0.5em;
    padding: 0;
    width: 35%;
    font-weight: bold;
    text-align: left;
}

div#site-statistics dd, 
div#editor-review dd {
    float: left;
    margin: 0 0 0.5em;
    padding: 0;
    width: 65%;
    text-align: left;
}

/* Review Headings */
h2.review-heading-positive:before{
    content:url(/images/articles/icon-positive.png);
    padding: 0 5px 0 0;
    vertical-align: -50%;
}
h2.review-heading-negative:before{
    content:url(/images/articles/icon-negative.png);
    padding: 0 5px 0 0;
    vertical-align: -50%;
}
h2.review-heading-bottom-line:before{
    content:url(/images/articles/icon-bottom-line.png);
    padding: 0 5px 0 0;
    vertical-align: -50%;
}
h2.review-heading-awards:before{
    content:url(/images/articles/icon-awards.png);
    padding: 10px 5px 0 0;
    vertical-align: -50%;
}
h2.review-heading-glance:before{
    content:url(/images/articles/icon-glance.png);
    padding: 10px 5px 0 0;
    vertical-align: -50%;
}
h2.review-heading-categories:before{
    content:url(/images/articles/icon-related-categories.png);
    padding: 0 5px 0 0;
    vertical-align: -50%;
}
h2.review-heading-rating:before{
    content:url(/images/articles/icon-user-reviews.png);
    padding: 0 5px 0 0;
    vertical-align: -50%;
}
h2.review-heading-related:before{
    content:url(/images/articles/icon-related-posts-pages.png);
    padding: 0 5px 0 0;
    vertical-align: -50%;
}

/* general alignment classes **************************************************/
.aligntop {
  vertical-align:top;
}
.alignmiddle {
  vertical-align:middle;
}
.alignbottom {
  vertical-align:bottom;
}

.nowrap {
  white-space: nowrap;
}

/* Captcha */
div.gl-captcha {
    margin: 0px 0px 10px 0;
}

/* Geeklog Tooltips */
/* Fixes issue where tooltip is hidden partly by dd tag (dating site template) */
/* Cannot get to work screws up tooltip in overall rating table
.gl-tooltip:link {
    position: absolute !important; 

}
*/

/* Auto Translations css */
.autotranslations ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-7px;
padding:0;
width:160px;
display:block;
}
.autotranslations ul li {
float:left;
padding:3px 3px 0;
}

/* Glossary */
div#glossary-dating .uk-description-list-horizontal > dt {
    width: 30px;
}

div#glossary-dating .uk-description-list-horizontal > dd {
    margin-left: 50px;
}
/* Acronyms */
div#acronyms-dating .uk-description-list-horizontal > dt {
    width: 30px;
}

div#acronyms-dating .uk-description-list-horizontal > dd {
    margin-left: 50px;
}

/* EXTENDED TYPOGRAPHY */
/* UIKit has quotes
blockquote {
background:transparent url(/images/typography/quote-l.png) no-repeat scroll left top;
color:#666;
font-size:1.0em;
font-style:italic;
line-height:1.5em;
padding-left:40px;
width:auto;
margin:0;
min-height:3.0em;
}

blockquote p {
background:transparent url(/images/typography/quote-r.png) no-repeat scroll right bottom;
padding-right:40px;
margin:10px;
min-height:3.0em;
}
*/
ul.arrow li {
background:transparent url(/images/typography/arrow.png) no-repeat scroll 2px;
}

ul.bug li {
background:transparent url(/images/typography/bug.png) no-repeat scroll 2px;
}

ul.cart li {
background:transparent url(/images/typography/cart.png) no-repeat scroll 2px;
}

ul.check li {
background:transparent url(/images/typography/check.png) no-repeat scroll 2px;
}

ul.script li {
background:transparent url(/images/typography/script.png) no-repeat scroll 2px;
}

ul.bullet-blue li {
background:transparent url(/images/typography/bullet-blue.png) no-repeat scroll 2px;
}

ul.bullet-grey li {
background:transparent url(/images/typography/bullet-grey.png) no-repeat scroll 2px;
}

ul.bullet-plus li {
background:transparent url(/images/typography/bullet-plus.png) no-repeat scroll 2px;
}

ul.bullet-rss li {
background:transparent url(/images/typography/bullet-rss.png) no-repeat scroll 2px;
}

ul.bullet-star li {
background:transparent url(/images/typography/bullet-star.png) no-repeat scroll 2px;
}

li.num-1 {
background:transparent url(/images/typography/number-1.png) no-repeat scroll 0;
}

li.num-2 {
background:transparent url(/images/typography/number-2.png) no-repeat scroll 0;
}

li.num-3 {
background:transparent url(/images/typography/number-3.png) no-repeat scroll 0;
}

li.num-4 {
background:transparent url(/images/typography/number-4.png) no-repeat scroll 0;
}

li.num-5 {
background:transparent url(/images/typography/number-5.png) no-repeat scroll 0;
}

li.num-6 {
background:transparent url(/images/typography/number-6.png) no-repeat scroll 0;
}

li.num-7 {
background:transparent url(/images/typography/number-7.png) no-repeat scroll 0;
}

li.num-8 {
background:transparent url(/images/typography/number-8.png) no-repeat scroll 0;
}

li.num-9 {
background:transparent url(/images/typography/number-9.png) no-repeat scroll 0;
}

ul.arrow li,ul.bug li,ul.cart li,ul.check li,ul.script li,ul.bullet-blue li,ul.bullet-grey li,ul.bullet-plus li,ul.bullet-rss li,ul.bullet-star li,ul.number li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:10px;
margin-left:2em;
padding-bottom:3px;
padding-left:28px;
padding-right:50px;
}

span.box-alert {
background:#FFD6D6 url(/images/typography/alert.png) no-repeat scroll 5px 50%;
border:3px solid #FE7B7A;
color:#C00;
}

span.box-down {
background:#EEF7DD url(/images/typography/download.png) no-repeat scroll 5px 50%;
border:3px solid #9ACC2E;
color:green;
}

span.box-help {
background:#f9ecd3 url(/images/typography/help.png) no-repeat scroll 5px 50%;
border:3px solid #ffba42;
color:orange;
}

span.box-idea {
background:#FABFFF url(/images/typography/idea.png) no-repeat scroll 5px 50%;
border:3px solid #F56FFF;
color:purple;
}

span.box-info {
background:#D8E5F8 url(/images/typography/sysmessage.png) no-repeat scroll 5px 50%;
border:3px solid #629DE3;
color:#05B;
}

span.box-note {
background:#FEF6D8 url(/images/typography/note.png) no-repeat scroll 5px 50%;
border:3px solid #FDE179;
color:#B79000;
}

span.box-alert,span.box-help,span.box-down,span.box-idea,span.box-info,span.box-download,span.box-note {
display:block;
margin:15px 0;
padding:10px 10px 10px 45px;
}