/**
 * Place your custom styles here.
 */
/*<link href="https://fonts.googleapis.com/css?family=Baloo|Quicksand:300,400,700" rel="stylesheet">
<style> */
@import url('https://fonts.googleapis.com/css?family=Baloo|Quicksand:300,400,700');

/* colours -
    Blue: #334050 Gree: #8ca944 Tan: #e2e0c9  */

/* fonts -
    font-family: 'Baloo', cursive;
    font-family: 'Quicksand', sans-serif;

 */

@import url(https://vjs.zencdn.net/6.9.0/video-js.css);
/** NOTE - Video css OVERRIDES at end of file for video.js (https://videojs.com) **/


.dialog-off-canvas-main-canvas {background-image: url("/themes/contrib/tmd_somatic/css-images/wallpaper.png");background-repeat: repeat;background-attachment: fixed;background-color: #e2e0c9;}
#header-wrapper {min-height: 5rem;padding: 1rem 0;background-color: #fff;}
#block-tmdshereebanner, #block-tmdtopicons {
	float: right;
	clear: right;
}
#block-tmdtopicons img {padding: 0 0 0 10px;}
#block-tmdshereebanner h2 {font-family: 'Quicksand', sans-serif;font-size: 20px;margin: 1rem 0 0;}
#contact-icons a {
  padding: 1rem 0.5rem;
}
/* Nav */
.navbar {margin-bottom: 0; background-color: #334050;font-size: 16px;font-family: 'Quicksand', sans-serif;font-weight: 300;text-transform: uppercase;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: rgba(0, 0, 0, 0.3)}

@media all and (min-width: 768px) {
.menu.menu--main.nav.navbar-nav {display: flex;justify-content: space-around;}
.navbar-nav {
	float: none;
}}

/*  Page heading */
.logo img {
	width: 20rem;
}
.path-frontpage .logo img {
	width: 26rem;
}
@media all and (max-width: 450px) {
	.path-frontpage .logo img {	width: 15rem; }
}
.ds-header-wrapper {
	background-color: #334050;
	border-top: 1px solid #333;
  padding-top: 1.2rem;
	padding-bottom: 1.2rem;
  margin: 0 0 5rem;
}
.group-header {
  color: #fff;
}
.group-header .field--name-node-title, .group-header .field--name-field-tmd-sub-title {display: inline-block;}
.group-header h1, .group-header .field--name-field-tmd-sub-title {
  font-family: 'Quicksand', sans-serif;
  font-size: 30px;
	margin: 0;
  padding-right: 1rem;
}
.group-header h1 {font-weight: 700;}
.group-header .field--name-field-tmd-sub-title {font-weight: 300;}
.group-left, .group-right {padding-bottom: 14rem;}

/*  html elements */
h1 {}
h2, h3 {font-family: 'Baloo', cursive;}
h2 {font-size: 25px;color: #8ca944; margin: 2rem 0 4rem;}
h3 {font-size: 20px;color: #777;}
h6 {font-size: 22px;color:#334050;line-height: 3.8rem;font-weight: 400;margin-bottom: 4rem;}
p {font-family: 'Quicksand', sans-serif;color: #555;font-size: 20px;line-height: 3rem;margin-bottom: 6rem;}
.main-container a:hover {color: #fff;}
.group-left a {color: #007799;text-decoration: none;border-bottom: 1px dotted #fff;}
.group-left a:hover {border-bottom: 1px solid #fff;text-decoration: none; color: #0099bb}
.group-left img {max-width:100%;}
img.align-left {margin:0 20px 20px 0;}
@media all and (max-width: 500px) {img.align-left {float:none;}
}
.field--name-dynamic-block-fieldnode-main-cta img {  /* CTA button */
	margin: 0 auto 1em;	display: block;
}
.group-left .field--name-body p + ul, .group-left .field--name-body p + ol {margin-top: -50px;}
.group-left .field--name-body li {font-family: 'Quicksand', sans-serif;color: #555;font-size: 20px;line-height: 3rem;}

.group-left .field--name-body ol, .group-left ul {
  list-style: none;
  counter-reset: bullet-marker;
	padding-left:0;
}
.group-left .field--name-body li {
  counter-increment: bullet-marker;
}
.group-left .field--name-body ol > li::before {
  content: counter(bullet-marker);
	color:#8ca944;
	padding-right:20px
}
.group-left .field--name-body ul > li::before {
  content: ">";
	color:#8ca944;
	padding-right:20px
}
/* CTA Button */
.cta-side img:hover {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

/* Main images */
/* Need sizing with responsive images. */
.field--name-field-main-image, .field--name-field-bottom-image {
  width: 100%;
  max-height: 40rem;
  overflow: hidden;
}
.field--name-field-main-image img, .field--name-field-bottom-image img {width: 100%; height: auto;}

/* Quote */
.group-quote {background-color:#334050;padding: 3rem 0;text-align: center;min-height: 14rem;}
.group-quote .field--name-field-tmd-quote {color:#fff;font-family: 'Baloo', cursive;font-size: 30px;display: block;max-width: 50rem;margin: 0 auto;}
.group-quote .field--name-field-tmd-quote::before {content: open-quote;}
.group-quote .field--name-field-tmd-quote::after {content: close-quote;}
.group-quote .field--name-field-tmd-quote-author {color:#8ca944;font-family: 'Quicksand', sans-serif;font-size: 20px; font-weight: 400;display: block;max-width: 50rem;margin: 1rem auto 0;}

/* Contact page */
.address-icon::before {content: url('/themes/contrib/tmd_somatic/css-images/icons-address-lg.svg');}
.email-icon::before {content: url('/themes/contrib/tmd_somatic/css-images/icons-email-lg.svg');}
.landline-icon::before {content: url('/themes/contrib/tmd_somatic/css-images/icons-landline-lg.svg');}
.mobile-icon::before {content: url('/themes/contrib/tmd_somatic/css-images/icons-mobile-lg.svg');}
.skype-icon::before {content: url('/themes/contrib/tmd_somatic/css-images/icons-skype-lg.svg');}
.hangout-icon::before {content: url('/themes/contrib/tmd_somatic/css-images/icons-hangout-lg.svg');}
.doxy-icon::before {content: url('/themes/contrib/tmd_somatic/css-images/icons-doxy-me-lg.svg');}
.address-icon::before, .email-icon::before, .landline-icon::before, .mobile-icon::before, .skype-icon::before, .hangout-icon::before, .doxy-icon::before {
	margin-right: 1em;
	display: inline-block;
	vertical-align: middle;
}
.form-control {background-color: rgba(140, 169, 68, 0.4);}
.form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #fff;
}
.form-control::-webkit-input-placeholder {
  color: #fff;
}
#block-contactblock {display: none;}

/* Footer */
#footer-wrapper {background: url('/themes/contrib/tmd_somatic/css-images/triskelion.svg') no-repeat 110% center #8ca944;}
.footer {
	border-top: none ;
  margin-top: 0;
  padding-bottom: 10rem;
}
.region-footer p, .region-footer h2, .region-footer h3, .region-footer a {
    color: #fff;
}
.region-footer h2 {margin-top: 4rem;font-size: 4rem;margin-bottom: 0;}
.region-footer h4 {
  text-transform: uppercase;
  margin: 0 0 2rem;
  font-size: 2.05rem;
  letter-spacing: 1.3px;
  word-spacing: 2px;
	color: #334050;
}
.region-footer h3 {margin-top: 0;font-size: 2.5rem;}
.region-footer p {
    margin: 0 0 1rem;
}
.region-footer ul {padding: 0;list-style: none;}
.region-footer li {font-family: 'Quicksand', sans-serif;font-size: 20px;line-height: 2.5rem;}

#block-tmdfootermenus .row:first-of-type p, #block-tmdfootermenus .row:first-of-type a {
	color: #334050;
}
/* ==========   FRONT PAGE SPECIFIC (also including landing page)  ==========  */
.path-frontpage #block-tmdshereebanner {
	clear: left;
	text-align: center;
	float: none;
}
.path-frontpage #block-tmdshereebanner h2 {font-size: 38px;font-weight: 400;}


#front_pic-top-top {
	background: url('/themes/contrib/tmd_somatic/css-images/front-pic-top-top.jpg') no-repeat bottom center;
	background-size: cover;
	min-height: 50vh;
	padding-top: 4rem;
}
#front_pic-top-banner {background-color: #000;padding: 2rem 0;}
#front_pic-top-bottom {background: url('/themes/contrib/tmd_somatic/css-images/front-pic-top-bottom.jpg') no-repeat top center;background-size: cover;min-height: 20vh;}

/* panels */
.front-top-panel, .services-panel {
	border:1px solid rgb(140, 169, 68);
	text-align: center;
	padding: 1rem 1rem 3rem 1rem;
	background: url('/themes/contrib/tmd_somatic/css-images/triskelion-front-top.png') right center no-repeat rgba(140, 169, 68, 0.4);
	margin: 5rem auto 0;
	min-height: 16rem;
}
.front-top-panel:hover, .services-panel:hover {background-color: rgba(140, 169, 68, 0.7);}
#front_pic-top-wrapper a:hover {text-decoration: none;}

.services-panel {border: solid 1px #fff;	}
.panel-icon {margin-top: -40px; margin-bottom: 1rem;max-width: 450px;}
.front-top-panel h2, .services-panel h2 {margin: 0;font-family: 'Quicksand', sans-serif;font-size: 30px;line-height: 1em;font-weight: 300;color: #fff;}
.front-top-panel p, .services-panel p {color: rgb(255, 255, 200, 0.9);
	margin: 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 17px;
	line-height: 1.2em;
	font-weight: 300;
}
.front_pic-top-top a:hover {text-decoration: none;}

.services-panel {background-color: rgb(140, 169, 68);}
.services-panel p {
	color: #334050;
	font-size: 22px;
	line-height: 1.5em;
	margin-bottom: 1em;
	max-width: 90%;
	margin: 0 auto;
}
.services-panel p a {font-size: 16px;
	line-height: 1em;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-weight: 400;
}

.path-frontpage .ds-header-wrapper {display: none;}

.path-frontpage .field--name-dynamic-block-fieldnode-main-cta {display: none;} /* Hide front page CTA button */

#block-tmdfrontbanner .row {display: flex;align-items: center;}
#block-tmdfrontbanner .row .col-sm-1 {text-align: center;}
#front_pic-top-banner-text {text-align: center;}
#front_pic-top-banner-text h2 {margin: 0;font-family: 'Quicksand', sans-serif;font-size: 30px;line-height: 1em;font-weight: 300;}
#front_pic-top-banner-text a {color: #fff;text-transform: uppercase;font-size: 14px;}


#block-tmdmeetshereevid {
	background: url('/themes/contrib/tmd_somatic/css-images/texture.jpg') center center #334050;
	background-size: cover;
	padding: 2rem 0;
}
#block-tmdmeetshereevid h3 {font-size: 28px;color:#8ca944; }
#block-tmdmeetshereevid h4 {font-family: 'Quicksand', sans-serif;font-size: 23px;line-height: 1.5em;font-weight: 300;color: #fff;}


#block-tmdfrontbanner {
	background: url('/themes/contrib/tmd_somatic/css-images/triskelion.svg') right center no-repeat #8ca944;
	color: #fff;
	padding: 3rem 0;
	font-family: 'Quicksand', sans-serif;font-size: 30px;line-height: 1.5em;font-weight: 300;
}

/* VideoJs CSS */
/*
  Player Skin Designer for Video.js
  http://videojs.com

  To customize the player skin edit
  the CSS below. Click "details"
  below to add comments or questions.
  This file uses some SCSS. Learn more
  at http://sass-lang.com/guide)

  This designer can be linked to at:
  https://codepen.io/heff/pen/EarCt/left/?editors=010
*/

.video-js .vjs-big-play-button {
    height: 1.6em;
    width: 1.6em;
    position: relative;
    top: 135px;
    left: 15px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
/* CKEditor ovverrides - KEEP AT END */
.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .cke_editable h5, .cke_editable h6, .cke_editable p {margin:0 0 1em 0; line-height: 1em;}