/*
    Skin Name: Skin 1 (the default skin used by The Wand Company website)
****************************************************************************************************************
*** Update the version number at the top of style.css to force users' browsers to re-load this CSS file      ***
*** rather than using a cached copy, which could cause issues with the site appearance and/or layout         ***
****************************************************************************************************************
*/

@import url("../parallelus-vellum/style-skin-1.css");

/* Font for Uber Menu */
.ubermenu {font-family: 'Barlow Condensed', 'Colaborate-Light', sans-serif; }

body {
	font-family: 'Colaborate-Light', Arial, sans-serif; 
	counter-reset: itemNumber 0;
}

p {font-size: 16px;}
p.centred-list {font-family: 'Colaborate-Thin', Arial, sans-serif; text-align:center; color:#444; font-size:16px; margin-bottom: 2px;}

a {color:#1175b6}
a:hover {color:#EF8F11}

/* Blog styles */
.title-list-before {font-size:20px; font-weight:300; margin:0}
.title-list-main {font-size:30px; font-weight:600; margin:0; line-height:1.3}
.title-list-after {font-size:22px; font-weight:300; margin:0}

.title-before {font-size:20px; font-weight:300; margin:0}
.title-main {font-size:50px; font-weight:600; margin:0; line-height:1.3}
.title-after {font-size:28px; font-weight:300; margin:0; line-height:1.1}

div.wpb_content_element.blog-image {margin-bottom:10px}
.blog-image-caption p {line-height:1.2; font-size:14px; color:#AAA}

.comments-area .commentlist li {padding:0px; margin-top:20px}
.comments-area .commentlist li .children li.comment {margin-top:10px}
.comments-area .commentlist li:before {display:none}
.comments-area .commentlist li .comment .reply {top:10px}
.comments-area a.comment-reply-link {border-radius:3px; background-color:#F4F4FA}
.comments-area article {padding-top:10px; border-radius:10px; background-color:#F8F8FA; border-color:#EEE;}
.comments-area article header::before {width:0; height:0}
.comments-area article header img.avatar {top:5px; left:-55px; width:40px; height:40px; border-radius:5px}
.comments-area .children article header img.avatar {top:5px; left:-55px; width:40px; height:40px; border-radius:5px}
.comment p {font-size:15px; line-height:1.2; margin: 0 0 12px;}
@media screen and (min-width: 960px) {
  .comments-area article {margin-left:60px}
  .comments-area article header img.avatar {left:-60px}
  .comments-area article header cite, .comments-area article .comment-content {margin-left:10px}
}

/* FAQs */
.FAQs p {line-height:1.3; margin:0 0 12px;}


p.productThumbTitle {line-height:100%; margin-bottom:10px}
p.productThumbText {font-size: 14px; line-height:110%}
img.productThumb {float: left; width: 125px; height: 83px; padding: 0px 20px 20px 0px; -webkit-transition: 0.6s ease; transition: 0.6s ease}
img.productThumb:hover {filter: brightness(110%); -webkit-transform: scale(1.05); transform: scale(1.05)}
a.productThumb {color:#909090; display:block;}
img.FaqThumb {position: relative; top: 6px;}

b {font-family: 'Colaborate-Medium', Arial, sans-serif; color:#555; font-weight:normal;}

h1, h2, h6, h2.wpb_call_text, .page-title, .headline, .comments-area article header cite, .vc_text_separator div, .headline, .entry-title.headline, #page .wpb_accordion .ui-accordion .ui-accordion-header { font-family: 'Colaborate-Thin', Arial, sans-serif; }

h1 {font-size: 50px; margin-bottom: 0px; padding-top:0px}
h2 {margin-bottom: 12px;}
h2.subhead {font-size: 40px; margin-bottom: 0px;}
h3 {font-family: 'Colaborate-Regular', Arial, sans-serif; font-size: 18px; clear: none; margin-bottom: 10px;}
h4 {font-family: 'Colaborate-Regular', Arial, sans-serif; font-size: 16px; clear: none; margin-bottom: 16px;}
h6 {font-size: 36px; line-height: 1.2; margin-bottom: 16px;}

/* Superscripts should be smaller when in h1 or h2 headings */
h1 sup, h2 sup {font-size: 25%; top: -2.1em;}

.vc_separator.separator-margin-15px {margin-top: 10px; margin-bottom: 10px;}

.separator-line-blue {height: 2px; background-color: #94b7cb; font-size: 0;}
.separator-line-grey {height: 2px; background-color: #d4dfe6; font-size: 0;}

.leftImage, .rightImage, .centerImage {margin-bottom: 1em; margin-top: 0; text-align:center; vertical-align:top;}
.leftImage {margin-right: 15px; float:left; clear:left;}
.rightImage {margin-left: 15px; float:right; clear:right;}
.imageCaption {clear:both; padding: .5em .5em 0 .5em; font-size: .846em; display: block;}

.CB-blueline {height: 2px; background-color: #94b7cb; font-size: 0;}

.CB-10-grey {font-size: 10px; margin-bottom: 0px; color:#858585; font-weight:normal; line-height:50%; font-family: 'Colaborate-Light', Arial, sans-serif; }

.CB-8-grey {font-size: 8px; margin-bottom: 0px; color:#858585; font-weight:normal; line-height:25%; font-family: 'Colaborate-Light', Arial, sans-serif; }

.CB-12-grey {font-size: 12px; margin-bottom: 0px; color:#858585; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

.CB-15-grey {font-size: 15px; margin-bottom: 10px; color:#858585; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif;}

.CB-20-grey {font-size: 20px; margin-bottom: 0px; color:#858585; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }
.CB-20-grey-justified {text-align: justify; font-size: 20px; margin: 18px 0px; color:#858585; font-weight:normal; line-height:130%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

.CB-25-grey {font-size: 25px; margin-bottom: 0px; color:#858585; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }
.CB-25-grey-justified {text-align: justify; font-size: 25px; margin: 20px 0px; color:#858585; font-weight:normal; line-height:130%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

.CB-15-blue {font-size: 15px; margin-bottom: 0px; color:#1175b6; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

.CB-20-blue {font-size: 20px; margin-bottom: 0px; color:#1175b6; font-weight:normal; line-height:50%; font-family: 'Colaborate-Light', Arial, sans-serif; vertical-align: -0.5px;}

.CB-25-blue {font-size: 25px; margin-bottom: 0px; color:#1175b6; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

.CB-30-blue {font-size: 30px; margin-bottom: 0px; color:#1175b6; font-weight:normal; line-height:100%; font-family: 'Colaborate-Light', Arial, sans-serif; vertical-align: -1px;}

.CB-25-red {font-size: 25px; margin-bottom: 0px; color:#ed1c24; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }
.CB-25-red-B {font-size: 25px; margin-bottom: 0px; color:#ed1c24; font-weight:normal; line-height:100%; font-family: 'Colaborate-Medium', Arial, sans-serif; }
.CB-30-red-B {font-size: 30px; margin: 20px 0px; color:#ed1c24; font-weight:normal; line-height:100%; font-family: 'Colaborate-Medium', Arial, sans-serif; }

.CB-30-green {font-size: 30px; margin-bottom: 0px; color:#117f45; font-weight:normal; line-height:100%; font-family: 'Colaborate-Light', Arial, sans-serif; }

.CB-20-green {font-size: 20px; margin-bottom: 0px; color:#117f45; font-weight:normal; line-height:100%; font-family: 'Colaborate-Light', Arial, sans-serif; }

/*
.CB-25-green {font-size: 25px; margin-bottom: 0px; color:#09843e; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }
.CB-25-green-B {font-size: 25px; margin-bottom: 0px; color:#09843e; font-weight:normal; line-height:100%; font-family: 'Colaborate-Medium', Arial, sans-serif; }
*/

.CB-25-green {font-size: 25px; margin-bottom: 0px; color:#03cb59; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }
.CB-25-green-B {font-size: 25px; margin-bottom: 0px; color:#03cb59; font-weight:normal; line-height:100%; font-family: 'Colaborate-Medium', Arial, sans-serif; }

.CB-25-orange {font-size: 25px; margin-bottom: 0px; color:#f99603; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

/* Style for unordered (bulleted) lists */
ul {
	font-size: 16px;
	margin-left: 0px;
	margin-top: -1em;
}
ul li {
	margin-bottom: 5px;
	line-height: 1.6em;
}

/* --- Styles for numbered lists ---
 * Note that the itemNumber counter is reset to zero in the <body> CSS, so it will 
 * continue to increment for multiple <ol> (ordered lists) on the same page */
ol {
	font-size: 16px;
	line-height: 120%;
	list-style: none;
	padding-left:0px;
	margin-left:0px;
}
ol li {
	margin: 0px;
	padding: 10px 40px;
	counter-increment: itemNumber;
	position:relative;
}
ol li:before {
	content: counter(itemNumber);
	font-family: 'Colaborate-Thin', Arial, sans-serif;
	font-size: 25px;
	position:absolute;
	left: 0px;
	top: 11px;
}
ol li.red:before	{color: #ed1c24}
ol li.orange:before	{color: #f99603}
ol li.blue:before	{color: #1175b6}
ol li.green:before	{color: #03cb59}

/* Styles for T&Cs page */

.CB-TandC-page p {font-size: 15px; margin-bottom: 10px; color:#858585; font-weight:normal; line-height:120%; font-family: 'Colaborate-Thin', Arial, sans-serif;}

.CB-TandC-page h2 {font-size: 25px; margin-bottom: 0px; padding-bottom: 20px; color:#1175b6; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

.CB-TandC-page h3 {font-size: 20px; margin-bottom: 0px; padding-bottom: 15px; color:#1175b6; font-weight:normal; line-height:100%; font-family: 'Colaborate-Thin', Arial, sans-serif; }

.CB-cols {
    -webkit-columns: 100px 2; /* Chrome, Safari, Opera */
    -moz-columns: 100px 2; /* Firefox */
    columns: 100px 2;
}

.bold-words { font-size: 20px; font-family: 'Colaborate-Medium', Arial, sans-serif; }

.small-text { font-size:14px; font-weight:400; text-align:justify;}

.footer-text { font-size:12px; text-align:left; color:#AAA; line-height:1 }
.footer-bold { font-size: 14px; font-family: 'Colaborate-Medium', Arial, sans-serif; color:#CCC }
.footer-border-left {padding-left:20px; border-left:1px solid #888;}
.footer-border-right {padding-right:20px; border-right:1px solid #888;}

.dpc-test {font-size: 16px;}

/* Hide "next slide"/"previous slide" buttons on "tour" tabbed content */
.wpb_tour_next_prev_nav { display: none; }

/* Hide social media icons in PrettyPhoto popup windows */
.pp_social {display:none;}

/* Rollover colour for Fontawesome social media icons */
i.fa.fa-facebook-square:hover {color:#4E69A2;}
i.fa.fa-twitter:hover {color:#00ACED;}
i.fa.fa-google-plus-square:hover {color:#D84734;}

#layout_kymera { 
	background-image: url(/wp-content/uploads/2014/05/Kymera-background-crop.jpg);
	background-size: cover;
	background-attachment: scroll;
	background-position: center;}

.woocommerce a.button {background-color: #F8F8F8;}
.woocommerce a.button:hover {background-color: #F4F8FF;}

.image-caption {
	margin-top: .5em;
	font-size: 1.2em;
}